fieldset.noborder {border: none; padding: 0; margin: 0;}
fieldset ol {padding: 0; margin: 0; list-style-type: none; padding-bottom: 5px;}
fieldset ol li {padding-top: 0.5em}
fieldset ol li.new {clear: both}
fieldset ol li * {vertical-align: middle}
fieldset ol li.tip, .li_tip {font-style: italic; clear: both;}
fieldset ol li.div1 {width: 100%}
fieldset ol li.div1 label {display: block}
fieldset ol li.div1 .group_label {display: inline}
fieldset ol li.div1 input[type='text'],fieldset ol li.div1 input[type='password'] {width: 99%}
fieldset ol li.div2 {width: 48.5%; float: left}
fieldset ol li.next2 {padding-left: 10px}
fieldset ol li.div2 label {display: block}
fieldset ol li.div2 input[type='text'] {width: 98%}
fieldset ol li.div3 {width: 31.5%; float: left;}
fieldset ol li.div3 label {display: block}
fieldset ol li.div3 input[type='text'] {width: 100%}
fieldset ol li.next3 {padding-left: 7px}
.star {width:75px;height:15px;display: -moz-inline-box;display:inline-block; vertical-align:top;}
.star5 {background:url(../images/stars.gif) no-repeat 0 0}
.star4 {background:url(../images/stars.gif) no-repeat 0 -15px}
.star3 {background:url(../images/stars.gif) no-repeat 0 -30px}
.star2 {background:url(../images/stars.gif) no-repeat 0 -45px}
.star1 {background:url(../images/stars.gif) no-repeat 0 -60px}
.star0 {background:url(../images/stars.gif) no-repeat 0 -75px}
.dialog{ width: 595px; border: 1px solid #CCCCCC; background: #fcfcfc url(../images/login-bg.jpg) repeat-x bottom; float: center; margin-bottom:40px; font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: normal; text-align: left}
.dialog-title {width: 594px; margin: 0 0 8px 0; height: 30px; padding: 0px; line-height: 30px; font-weight: bold; color: #FFFFFF; vertical-align: middle}
.login-btop-box{ background:#ee9d3c url(../images/btop-box-dec.jpg) no-repeat left; text-align: right}
.login-btop-box-wrong{ background:#FF3300 url(../images/btop-box-dec-wrong.jpg) no-repeat left; text-align: center}
.login-btop-box-good{ background:#0F6E03 url(../images/btop-box-dec-good.jpg) no-repeat left; text-align: center}
.dialog h1 {width: auto; height: auto; font-size: large; color: #2284B7; text-align: center; padding: 30px 0 20px 0; font-weight: bold; vertical-align: middle; margin: 0px}
.dialog a,.dialog a:visited,a.cancel, a.cancel:visited,#content a.cancel, #content a.cancel:visited {color: #333333; height: auto; width: auto; font-style: italic; text-decoration: underline; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: normal; line-height:25px}
.dialog a:hover, a.cancel:hover,#content a.cancel:hover {text-decoration: none}
.dialog a:active, a.cancel:active,#content a.cancel:active {text-decoration: none; color: #2284B7}
fieldset li.tip {color: #666; height: auto; width: auto; font-style: italic; text-decoration: none; padding-bottom: 5px}
fieldset ol,fieldset legend {margin: 10px 30px !important; font-size:12px;display:block}
fieldset ol li label {color: #2284B7; text-align: left; font-weight: bold; padding-bottom: 5px}
fieldset ol li {margin-bottom: 5px}
fieldset ol li * {vertical-align: baseline !important}
.dialog .notice {background: #ddff88; border: 1px solid #ccff00; padding: 10px; margin: 10px; text-align:center; margin:0 50px;}
body {color: #404040; font-family: 'microsoft_new_tai_lueregular'; font-size: 14px; margin: 0}
.header_top_left {float: left; margin: 10px 0; padding-left: 10px; padding-top: 10px; width: 28%}
 img {-ms-interpolation-mode : bicubic}
.ash_roundcont {background-color: #f3f3f3; color: #000000; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.ash_roundcont p {margin: 0 10px}
.ash_roundtop{ background: url(/images/portal/tr-ash.gif) no-repeat top right}
.ash_roundbottom {background: url(/images/portal/br-ash.gif) no-repeat top right}
.mp_text01{ color:#606060; font-family:Arial, Helvetica, sans-serif; font-size:14px }
.mp_text01b{ color:#606060; font-family:Arial, Helvetica, sans-serif; font-size:11px }
.mp_text02{ color:#f89b1d; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:4px 4px 4px 0px }
.mp_text02b{ color:#f89b1d; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:4px 4px 0px 4px }
.mp_text03{ color:#474747; font-family:Arial, Helvetica, sans-serif; font-size:12px }
.mp_text04{ color:#1d4b86; font-family:Arial, Helvetica, sans-serif; font-size:11px }
.mp_text05{ color:#f89b1d; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:4px 4px 2px 0px }
.widget_header{ color:#f89b1d; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:4px 4px 6px 2px }
.mp_text06{ color:#606060; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px}
.mp_text06b{ color:#f89b1d; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px}
.mp_text06c{ color:#8dc63f; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px}
.mp_text07{ color:#6a6a6a; font-family:Arial, Helvetica, sans-serif; font-size:16px}
.mp_text07b{ color:#6a6a6a; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.mp_text08{ color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color:#f3f3f3; padding:4px; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1 }
.mp_text09{ color:#4899d0; font-family:Arial, Helvetica, sans-serif; font-size:22px; background-color:#f3f3f3; padding:4px 5px 4px 5px; border:1px solid #d1d1d1 }
.mp_text10{ color:#1d4b86; font-family:Arial, Helvetica, sans-serif; font-size:16px}
.mp_text12{ color:#f89b1d; font-family:Arial, Helvetica, sans-serif; font-size:18px}
.mp_text11{ color:#474747; font-family:Arial, Helvetica, sans-serif; font-size:18px; background-color:#eaeaea; padding:4px 5px 4px 5px}
.mp_link01{ color:#1d4b86 !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:4px; text-decoration:none}
.mp_link01:hover{ color:#f89b1d ; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:underline }
.mp_link02{ color:#1d4b86 !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none}
.mp_link02:hover{ color:#000000; text-decoration:underline }
.mp_link03{ color:#606060 !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-decoration:none }
.mp_link03:hover{ color:#f89b1d; text-decoration:underline }
.mp_link04{ color:#606060 !important; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none}
.mp_link04:hover{ color:#f89b1d; text-decoration:underline }
.mp_link05{ color:#1d4b86 !important; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none}
.mp_link05:hover{ color:#f89b1d; text-decoration:underline }
.mp_link06{ color:#1d4b86 !important; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:underline }
.mp_link06:hover{ color:#f89b1d; text-decoration:none}
.mp_link07{ color:#f89b1d !important; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; text-decoration:none }
.mp_link07:hover{ color:#606060; text-decoration:underline }
.mp_link08{ color:#1d4b86 !important; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none }
.mp_text_input {background-color:#FFFFFF; height:20px; border:1px solid #999999; padding-top:5px }
.mp_padding{ padding-bottom:6px}
.mp_padding2{ padding-bottom:12px; padding-top:12px}
.mp_fbox{ background:url(/images/portal/mp_img02.jpg); background-repeat:no-repeat; width:367px; height:232px}
.mp_fbox-imgborder{ border:12px solid #f0f0f0 }
.mp_line1{ background-image:url(/images/portal/mp_img_line1.gif); background-repeat:repeat-x; background-position:bottom; height:10px; padding:5px}
.t {background: url(/images/portal/dot.gif) 0 0 repeat-x;}
.b {background: url(/images/portal/dot.gif) 0 100% repeat-x}
.l {background: url(/images/portal/dot.gif) 0 0 repeat-y}
.r {background: url(/images/portal/dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/portal/bl.gif) 0 100% no-repeat}
.br {background: url(/images/portal/br.gif) 100% 100% no-repeat}
.tl {background: url(/images/portal/tl.gif) 0 0 no-repeat}
.tr {background: url(/images/portal/tr.gif) 100% 0 no-repeat; padding:10px}
.mp_arrow1{ background:url(/images/portal/mp_img08.jpg); background-repeat:no-repeat; background-position:center}
.mp_arrow1:hover{ background:url(/images/portal/mp_img08-o.jpg); background-repeat:no-repeat; background-position:center}
.mp_arrow2{ background:url(/images/portal/mp_img09.jpg); background-repeat:no-repeat; background-position:center}
.mp_arrow2:hover{ background:url(/images/portal/mp_img09-o.jpg); background-repeat:no-repeat; background-position:center}
.padding20px{ padding-left:20px; padding-right:20px}
.main_padding {padding-top:3px; padding-bottom:5px}
.bg_white {background-color:#fff}
.authorbar ul{ margin:0; padding:0; list-style: none}
.authorbar ul li{ margin:0; border-bottom: #ffffff 1px solid; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px}
div.c {height:0px;}
#mp_cssnav01 {display: block; height:72px; width:150px; background: url("/images/portal/mp_img25.jpg") no-repeat; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:18px; padding-top:13px; padding-left:10px; font-weight:bold; text-decoration:none}
#mp_cssnav01:hover {background-position: 0 0; color:#ffffff; background: url("/images/portal/mp_img25o.jpg") no-repeat}
#mp_cssnav02 {display: block; height:72px; width:150px; background: url("/images/portal/mp_img26.jpg") no-repeat; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:18px; padding-top:13px; padding-left:10px; font-weight:bold; text-decoration:none}
#mp_cssnav02:hover {background-position: 0 0; color:#ffffff; background: url("/images/portal/mp_img26o.jpg") no-repeat}
#mp_cssnav03 {display: block; width:105px; background: url("/images/portal/mp_img28.jpg") repeat-x; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#1d4b86; font-size:10px; padding-top:5px; padding-left:8px; font-weight:bold; text-decoration:none; border:1px solid #d7d7d7; height:18px}
#mp_cssnav03:hover {background-position: 0 0; color:#474747; background: url("/images/portal/mp_img28o.jpg") repeat-x}
#buy_box{ border:5px solid #dcdcdc; background-color:#f6f6f6; padding:10px; font-size:10px; width:440px; text-align:left; margin:0px auto}
 .citem {float:left; padding-left:5px; padding-right:5px}
.cbox {padding-top:5px; overflow:hidden; z-index:100; position:relative}
.ccontainer {width:5000px; z-index:50}
.cimage {margin-bottom:8px; margin-top:8px}
.mp_native_document {background-color:#CAE1FF}
.included_label {padding-left:15px;padding-top:10px }
.invitation_box {width:100%; height:200px; padding-top:30px }
.invitation_box p {text-align:center}
ul.dropdown li.currentLoginName{padding:4px 8px;text-transform:none;color:#606060;font-size:11px}
.exp-table td {line-height: 18px}
 .dialog_window .close_button,#RB_window .close_button {background: url(../images/dialog_window/close.jpg) no-repeat;float:right;width:20px;height:20px;margin:10px 2px 2px 2px;cursor:pointer}
.dialog_window .close_button:hover,#RB_window .close_button:hover {background: url(../images/dialog_window/close_hover.jpg) no-repeat}
.redbox_mi {background-color:#fff;}
.redbox_tl {width:9px;height:35px;background:transparent url('../images/dialog_window/tl.gif') no-repeat}
.redbox_t {height:35px;background:transparent url('../images/dialog_window/t.gif') repeat-x}
.redbox_tr {width:9px;height:35px;background:transparent url('../images/dialog_window/tr.gif') no-repeat}
.redbox_ml {width:9px;background:transparent url('../images/dialog_window/ml.gif') repeat-y}
.redbox_mr {width:9px;background:transparent url('../images/dialog_window/mr.gif') repeat-y}
.redbox_bl {width:9px;height:9px;background:transparent url('../images/dialog_window/bl.gif') no-repeat}
.redbox_b {height:9px;background:transparent url('../images/dialog_window/b.gif') repeat-x}
.redbox_br {width:9px;height:9px;background:transparent url('../images/dialog_window/br.gif') no-repeat;}
.redbox_t .title {color:#333;font-size:16px;font-family:arial;text-indent:10px;line-height:35px;font-weight:bold;height:35px;}
.shoppingCart{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#656565;width: 990px; margin: 0px auto 20px;}
.headline{padding:10px;padding-left:40px;color:#50a1d6;font-size:36px;}
 .blue_round_box {background: #add7f2; margin: 0px auto; width: 990px}
.blue_round_box .top, .blue_round_box .bottom {font-size: 1px; height: 12px; line-height: 1px}
.blue_round_box .box_tl {background: url(../images/cart/lbl_rnd_box.jpg) no-repeat top left; float: left; height: 12px; width: 12px}
.blue_round_box .box_tr {background: url(../images/cart/lbl_rnd_box.jpg) no-repeat top right; float: right; height: 12px; width: 12px}
.blue_round_box .box_bl {background: url(../images/cart/lbl_rnd_box.jpg) no-repeat bottom left; float: left; height: 12px; width: 12px}
.blue_round_box .box_br {background: url(../images/cart/lbl_rnd_box.jpg) no-repeat bottom right; float: right; height: 12px; width: 12px}
.blue_round_box .box_content {margin: 18px 36px 18px 36px ; background-color:#FFFFFF; border:1px solid #c2c2c2; padding:20px}
.blue_round_box p {margin: .5em 0}
 .grey_round_box {background: #f6f6f6; margin: 10px auto; width: 860px}
.grey_round_box .top, .grey_round_box .bottom {font-size: 1px; height: 8px; line-height: 1px}
.grey_round_box .box_tl {background: url(../images/cart/lgrey_rnd_box.jpg) no-repeat top left; float: left; height: 8px; width: 8px}
.grey_round_box .box_tr {background: url(../images/cart/lgrey_rnd_box.jpg) no-repeat top right; float: right; height: 8px; width: 8px}
.grey_round_box .box_bl {background: url(../images/cart/lgrey_rnd_box.jpg) no-repeat bottom left; float: left; height: 8px; width: 8px}
.grey_round_box .box_br {background: url(../images/cart/lgrey_rnd_box.jpg) no-repeat bottom right; float: right; height: 8px; width: 8px}
.grey_round_box .box_content {margin: 5px 10px 5px 10px ; background-color:#f6f6f6; border:0px solid #ff0000; padding:2px; color:.979797; text-align:center}
.box_content input[type="checkbox"] {border:none }
.grey_round_box p {margin: .5em 0}
.tbl_header{ background-image:url(../images/cart/tbl_headerbg.jpg); background-repeat:no-repeat; background-color:#f6f6f6; border:0px solid #ff0000; width:860px; height:57px; line-height:45px; margin:0px auto; text-align:center }
.tbl_header .tbl_header_content{margin: 5px 10px 5px 10px; padding:2px;}
.genl_table{ background-color:#ffffff; border:0px solid #ff0000; width:860px; line-height:45px; margin:0px auto; text-align:center }
.genl_table .genl_table_content{margin: 5px 10px 5px 10px; padding:2px;}
.genl_table2{ background-color:#ffffff; border:0px solid #ff0000; width:860px; line-height:45px; margin:0px auto; text-align:center }
.genl_table2 .genl_table_content2{margin: 5px 10px 5px 10px; padding:2px;text-align:left; line-height:normal;}
.col1{text-align:left; padding-left:15px;}
.clear{clear:both;}
.input01{ font-family:Arial, Helvetica, sans-serif; border:1px solid #d0d0d0; width:58px; height:24px; text-align:center; color:.979797}
.input02{ font-family:Arial, Helvetica, sans-serif; border:1px solid #d0d0d0; width:220px; height:20px; text-align:left; padding-left:5px; color:#979797}
.input03{ font-family:Arial, Helvetica, sans-serif; border:1px solid #d0d0d0; width:100px; height:20px; text-align:left; padding-left:5px; color:#979797}
.input_noborder{ border:0px}
.title01{color:#1d4b86;font-weight:bold;}
.cartTotalValue{color:#656565;font-weight:bold; font-size:20px;}
.cart_ul001 {text-indent: 5px; list-style-position: outside; list-style-image: url(../images/cart/ulbullet.jpg); padding: 10px; margin: 2px}
.underline{border-bottom:1px solid #f6f6f6; height:1px;}
.updateCart a {outline: none; line-height:56px; display:block; width:186px; height:56px; background: url(../images/cart/updateCart.jpg) 0 0 no-repeat; text-align:center; color:#FFFFFF !important; font-weight:bold; font-size:18px; text-decoration:none; float:right}
.updateCartLong a {outline: none; line-height:56px; display:block; width:303px; height:56px; background: url(../images/cart/updateCartLong.jpg) 0 0 no-repeat; text-align:center; color:#FFFFFF !important; font-weight:bold; font-size:16px; text-decoration:none; float:right}
.updateCart a:hover, .updateCartLong a:hover {background-position: 0 -56px}
.updateCart a:hover, .updateCartLong a:active {background-position: 0 -112px}
.checkOut a {outline: none; line-height:56px; display:block; width:186px; height:56px; background: url(../images/cart/checkOut.jpg) 0 0 no-repeat; text-align:center; color:#FFFFFF !important; font-weight:bold; font-size:18px; text-decoration:none; float:right}
.checkOutLong a {outline: none; line-height:56px; display:block; width:303px; height:56px; background: url(../images/cart/checkOutLong.jpg) 0 0 no-repeat; text-align:center; color:#FFFFFF !important; font-weight:bold; font-size:16px; text-decoration:none; float:left}
.checkOut a:hover, .checkOutLong a:hover {background-position: 0 -56px}
.checkOut a:hover, .checkOutLong a:active {background-position: 0 -112px}
.cancelLink{float:right;line-height:45px;}
.cancelLink a{color:#656565 !important;}
.cancelLink a:hover{color:#ff8619;}
a.backShoppingLink {font-size: 14px; color: rgb(98, 98, 98); background: rgb(247, 247, 247); border: 1px solid rgb(231, 231, 231); padding: 10px; font-weight: bold; margin-left: 40%;}
a.backShoppingLink:hover{ color: rgb(98, 98, 98)}
a.goToCourseLink {color: #fff; background: #bbb}
a.goToCourseLink:hover {background: gray; color: #fff}
a.tutorialLink {margin-left:2px;margin-right:2px;color:#656565 !important;}
a.tutorialLink:hover{color:#ff8619;}
label.tp_label {font-size:18px}
.login_options_text {text-align:left;margin:10px 35px;}
 label.checkout_form {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #2284B7; text-align: left; font-weight: bold}
 .integration_radio {vertical-align: middle !important; margin-top: 3px; margin-bottom: 3px}
integration_label {vertical-align: middle !important}
#login_form_box {padding:10px 120px}
.login-godaddy {margin-top: 10px; margin-right: 10px; text-align:right }
.passwordHintText {width:140px; float:left; text-align:center }
 button, input, select, textarea {line-height: normal}
.container {font-size:14px}
.content-checkout-wrap .form-element .label {font-weight: bold; font-size:inherit; clear: both; margin-top: 5px; color:#404040}
.fa-star, .fa-star-half-o {color:#f79421}
#RB_overlay {position: absolute; z-index: 100; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; min-height:100%; background-color: #888; opacity: .3; filter: alpha(opacity=30)}
#RB_redbox {position: absolute; z-index:1025;  width: 100%; top: 0px}
 #RB_loading {position: fixed; top: 200px; left: 50%; height: 70px; width: 70px; margin-top: -35px; margin-left: -35px; text-align: center; background: #ccc url(../images/redbox_spinner.gif) no-repeat center center; border: 2px solid black}
#RB_window {z-index: 102;  display: block; text-align: left; overflow: hidden; margin: 20px auto 0 auto; position: absolute}
.redbox {padding:10px; width:800px;}
.redbox select {overflow-x:auto}; .nopadding {padding:0px !important; border:0px !important}
.dialogBox {padding:5px 10px}
@media screen and (max-width: 600px){ .redbox-layout {width:auto !important;}
}
 .tip_icon{ float:left; margin-right:5px; margin-bottom:5px; border:1px solid #cacaca; padding:4px; background-color:#FFFFFF}
 #tooltip_box {z-index:125000; position:absolute; color: #aaaaff; background:;}
#tooltip_box span.tooltip{ display:block; position:absolute; top:0px; left:0; padding: 15px 0 0 0; width:350px; min-width:350px; color: #993300; text-align: center; filter: alpha(opacity:100); KHTMLOpacity: 1.00; MozOpacity: 1.00; opacity: 1.00}
#tooltip_box span.top{ display: block; padding: 33px 15px 20px 25px;; background: url(/images/portal/bubble2.gif) no-repeat top; color:#fff; font-size:12pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left; min-height:40px}
#tooltip_box span.middle{  display: block; padding: 0 8px; background: url(/images/portal/bubble_filler.gif) repeat bottom; color:#7c7c7c; font-size:8pt; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; padding-left:25px; padding-right:25px}
#tooltip_box span.bottom{ display: block; padding:12px 2px 20px; color: #548912; background: url(/images/portal/bubble2.gif) no-repeat bottom}
.watermark_start {background: url(../images/start_tag.png)}
.watermark_try {position: absolute; top: 0px; left: 0px; background: url(../images/try_tag.png); width:128px; height:96px}
.blue_roundcont {background-color: #e7f2f9; color: #000000; font-family:Arial, Helvetica, sans-serif; font-size:12px}
.blue_roundcont p {margin: 0 10px}
.blue_roundtop {background: url(/images/portal/tr-blue.gif) no-repeat top right}
.blue_roundbottom {background: url(/images/portal/br-blue.gif) no-repeat top right}
img.corner {width: 15px; height: 15px; border: none; display: block !important}
.bdiscount_table {font-family:Arial, Helvetica, sans-serif;color:#333;border:1px solid #ccc;margin-top:5px;border-collapse:collapse}
.bdiscount_table td {color:#333;border:1px solid #ccc}
.bdiscount_table th {background:#f0f0f0;text-align:right}
.bdiscount_table td, .bdiscount_table th {padding: 5px;}
#main_content table tr td ol li {margin-left: 25px;}
#main_content table tr td ol {margin-bottom: 10px}
#bulkcontent a {display:block; margin-top:200px}
.floating-banner {position: fixed; left:0px; top: 0px; height:0px; z-index: 1000}
 .tabs{display:none;}
.navcontainer ul {background-color: #fff; border-bottom:1px solid #e0e0e0; float:left; font-family:arial,helvetica,sans-serif; font-size:9pt; margin:0pt; padding:0pt; width:100%}
.navcontainer ul li {display: inline; text-align: center; cursor:pointer}
.navcontainer ul li a:hover {background-color:#fff; color:#737373}
.navcontainer ul li a {border-right:1px solid #DFDFDF; border-top:1px solid #DFDFDF; border-left:1px solid #DFDFDF; background-color: #ffffff; font-weight: bold; color:#373737; float:left; padding:10px; text-decoration:none; margin-left:8px }
.selectedTab {background-image:url(../images/portal_list/tabactive.jpg); background-repeat:repeat-x; background-color:#FFFFFF}
 #fancybox-loading {position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none}
#fancybox-loading div {position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox/fancybox.png')}
#fancybox-overlay {position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none}
#fancybox-tmp {padding: 0; margin: 0; border: 0; overflow: auto; display: none}
#fancybox-wrap {position: absolute; top: 0; left: 0;  z-index: 1101; outline: none; display: none}
#fancybox-outer {position: relative; width: 100%; height: 100%; background: #fff}
#fancybox-content {width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff}
#fancybox-hide-sel-frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101}
#fancybox-close {position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('../images/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none}
#fancybox-error {color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0}
#fancybox-img {width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top}
#fancybox-frame {width: 100%; height: 100%; border: none; display: block}
#fancybox-left, #fancybox-right {position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('../images/fancybox/blank.gif'); z-index: 1102; display: none}
#fancybox-left {left: 0px}
#fancybox-right {right: 0px}
#fancybox-left-ico, #fancybox-right-ico {position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block}
#fancybox-left-ico {background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -30px}
#fancybox-right-ico {background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -60px}
#fancybox-left:hover, #fancybox-right:hover {visibility: visible;  }
#fancybox-left:hover span {left: 20px}
#fancybox-right:hover span {left: auto; right: 20px}
.fancybox-bg {position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001}
#fancybox-bg-n {top: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png')}
#fancybox-bg-ne {top: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -162px}
#fancybox-bg-e {top: 0; right: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png'); background-position: -20px 0px}
#fancybox-bg-se {bottom: -20px; right: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -182px}
#fancybox-bg-s {bottom: -20px; left: 0; width: 100%; background-image: url('../images/fancybox/fancybox-x.png'); background-position: 0px -20px}
#fancybox-bg-sw {bottom: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -142px}
#fancybox-bg-w {top: 0; left: -20px; height: 100%; background-image: url('../images/fancybox/fancybox-y.png')}
#fancybox-bg-nw {top: -20px; left: -20px; background-image: url('../images/fancybox/fancybox.png'); background-position: -40px -122px}
#fancybox-title {font-family: Helvetica; font-size: 12px; z-index: 1102}
.fancybox-title-inside {padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative}
.fancybox-title-outside {padding-top: 10px; color: #fff}
.fancybox-title-over {position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left}
#fancybox-title-over {padding: 10px; background-image: url('../images/fancybox/fancy_title_over.png'); display: block}
.fancybox-title-float {position: absolute; left: 0; bottom: -20px; height: 32px}
#fancybox-title-float-wrap {border: none; border-collapse: collapse; width: auto}
#fancybox-title-float-wrap td {border: none; white-space: nowrap}
#fancybox-title-float-left {padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -40px -90px no-repeat}
#fancybox-title-float-main {color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('../images/fancybox/fancybox-x.png') 0px -40px}
#fancybox-title-float-right {padding: 0 0 0 15px; background: url('../images/fancybox/fancybox.png') -55px -90px no-repeat}
 .fancybox-ie6 #fancybox-close {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_close.png', sizingMethod='scale')}
.fancybox-ie6 #fancybox-left-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_nav_left.png', sizingMethod='scale')}
.fancybox-ie6 #fancybox-right-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox//fancy_nav_right.png', sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-over {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox//fancy_title_over.png', sizingMethod='scale'); zoom: 1}
.fancybox-ie6 #fancybox-title-float-left {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_left.png', sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-float-main {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_main.png', sizingMethod='scale')}
.fancybox-ie6 #fancybox-title-float-right {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_title_right.png', sizingMethod='scale')}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {height: expression(this.parentNode.clientHeight + "px")}
#fancybox-loading.fancybox-ie6 {position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px')}
#fancybox-loading.fancybox-ie6 div {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_loading.png', sizingMethod='scale')}
 .fancybox-ie .fancybox-bg {background: transparent !important}
.fancybox-ie #fancybox-bg-n {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_n.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-ne {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_ne.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-e {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_e.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-se {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_se.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-s {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_s.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-sw {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_sw.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-w {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_w.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-nw {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancybox/fancy_shadow_nw.png', sizingMethod='scale')}
 .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0; margin: 0; border: 0; outline: none; vertical-align: top}
.fancybox-wrap {position: absolute; top: 0; left: 0; z-index: 8020}
.fancybox-skin {position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px}
.fancybox-opened {z-index: 8030}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)}
.fancybox-outer, .fancybox-inner {position: relative}
.fancybox-inner {overflow: hidden}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch}
.fancybox-error {color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap}
.fancybox-image, .fancybox-iframe {display: block; width: 100%; height: 100%}
.fancybox-image {max-width: 100%; max-height: 100%}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../images/fancybox/fancybox_sprite.png)}
#fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060}
#fancybox-loading div {width: 44px; height: 44px; background: url(../images/fancybox/fancybox_loading.gif) center center no-repeat}
.fancybox-close {position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040}
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/fancybox/blank.gif);  -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040}
.fancybox-prev {left: 0}
.fancybox-next {right: 0}
.fancybox-nav span {position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden}
.fancybox-prev span {left: 10px; background-position: 0 -36px}
.fancybox-next span {right: 10px; background-position: 0 -72px}
.fancybox-nav:hover span {visibility: visible}
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important}
 .fancybox-lock {overflow: visible !important; width: auto}
.fancybox-lock body {overflow: hidden !important}
.fancybox-lock-test {overflow-y: hidden !important}
.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/fancybox/fancybox_overlay.png)}
.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0}
.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll}
 .fancybox-title {visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050}
.fancybox-opened .fancybox-title {visibility: visible}
.fancybox-title-float-wrap {position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center}
.fancybox-title-float-wrap .child {display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent;  background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap}
.fancybox-title-outside-wrap {position: relative; margin-top: 10px; color: #fff}
.fancybox-title-inside-wrap {padding-top: 10px}
.fancybox-title-over-wrap {position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8)}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../images/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px;  }
#fancybox-loading div {background-image: url(../images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px;  }
}
.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 {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 {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 {width:65%; float:right;}
.popup-element-wrapper .content form .form-text {width:260px; border:1px solid #a5a5a5; color:#444; padding:5px;}
.popup-element-wrapper .content form .form-textarea {border:1px solid #a5a5a5; color:#444; padding:5px;}
.popup-element-wrapper .content form .form-submit {text-transform:uppercase; background:#20739f; padding:3px 18px; margin-bottom:20px; color:#fff; font-weight:bold; border:1px solid #20739f;}
.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-bg {background: url(https://coggno.com/images/stars.gif) no-repeat 0 0}
.star4-bg {background: url(https://coggno.com/images/stars.gif) no-repeat 0 -15px}
.star3-bg {background: url(https://coggno.com/images/stars.gif) no-repeat 0 -30px}
.star2-bg {background: url(https://coggno.com/images/stars.gif) no-repeat 0 -45px}
.star1-bg {background: url(https://coggno.com/images/stars.gif) no-repeat 0 -60px}
.star0-bg {background: url(https://coggno.com/images/stars.gif) no-repeat 0 -75px}
.submitted {display: none}
 tbody {border: none}
#main_content {width: 100%; 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; margin: 10px 0; padding-left: 10px; 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: none}
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: none}
.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;  }
.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.labl {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%}
@media only screen and (max-width : 640px) {.notice{margin: 10px 5%;}
}
 input[type=submit].b {background: url(../../../../images/smallbtn.jpg) no-repeat; color: #fff; text-align: center; height: 25px; width: 92px; border: none; 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: none; 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/portal_list/content_bg.jpg); background-repeat: repeat-y}
.cust_left {float: left; width: 276px; padding-top: 25px; min-height: 600px; background-image: url(/images/portal_list/content_bg.jpg); background-repeat: repeat-y; margin-top: 0}
:first-child+html .cust_left { }
.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/portal_list/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 { }
.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}
.cust_left { }
.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 {}
.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 {}
.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_boxes {}
.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/portal_list/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}
.textstyled {}
.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/portal_list/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: none}
.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}
#container #coggnotour{width:1014px; min-height:600px;  background-repeat:repeat-y;}
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 .tabs-nav li, .attach li {list-style: none; display: inline; margin: 0; padding: 0; float: none}
#header_top li, .ui-menu-item {list-style: none; display: inline; margin: 0}
.tabs .tabs-nav a {padding: 0; display: inline-block}
.tabs .tabs-nav 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 {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: 14px}
.High{ font-size:19px}
h2 {margin-bottom: 10px}
.underline {border-bottom: 1px solid #f2f2f2}
.underline2 {border-bottom: 1px solid #d7d7d7}
#container { margin: 0 auto}
 #header {width: 100%; margin: 0 auto}
#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; border-left:2.5px solid rgb(230, 230, 230)}
#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; width:24%; float:left}
.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 {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/portal_list/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 { }
.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}
  .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 {}
.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 {}
.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_boxes {}
.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: none; outline: none; 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 li a:hover {}
#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: none}
#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: none}
#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%}
  #tabs ul {list-style: none; margin: 0; padding: 0}
.courseBoxDesc ul {padding-left: 25px}
LEVEL ONE */ .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: #ffa500}
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: none}
 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: #ffffff; -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: none; 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}
.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 0px; outline: none; 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: none; 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;  }
.tab_content h3 {font-weight: normal; color: #477898; padding-bottom: 10px; font-size: 25px; margin: 0 0 0px 0}
.tab_content h3 a {color: #254588}
.tab_content img { margin: 5px auto; border: 1px solid #ddd; 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: none; height: inherit; margin-top: 0px; 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}
.show_thumbs {padding: 20px 0}
#mainwrapper {height: auto; text-align: center}
#mainwrapper .box {border: 1px solid #DDDDDD; 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 0s}
#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: #FFFFFF; left: 0; position: absolute; transition: all 300ms ease-out 0s; z-index: 100}
#mainwrapper .box .caption h3 {color: #ffffff }
#mainwrapper .box .caption p {font-size: 14px; margin: 0px; padding: 0px; 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: 0px 1px 0px #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(0deg, #31850b 0%, #bddd44 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#585858)"; -moz-box-shadow: 0px 1px 0px #585858; -webkit-box-shadow: 0px 1px 0px #585858; box-shadow: 0px 1px 0px #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:0px; margin:0px; text-align:center;}
.calc_padding{padding:22px;}
.calc_padding2{padding-left:26px; padding-right:0px; 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:0px !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:0px 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:0px -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:0px -111px}
.calc_learnmore_btn:hover{ background-position:0px -163px; cursor:pointer}
.calc_question{ height:60px; padding-left:20px; padding-top:10px; border-bottom: 1px solid #DADADA}
.calc_options {margin:0px 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:#ffffff; border: 1px solid #b8d4f1}
.calc_options img {vertical-align:middle}
a.calc_link{color:#1b72c9; font-size:0.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;}
#fancybox-content{background-color:#fff}
.fancybox-inner .wig_popup{border:none}
.fancybox-inner .wig_popup_header{display:none}
table{border-collapse: separate}
@charset "utf-8";  *{margin:0px; padding:0px;}
body{font-family: 'microsoft_new_tai_lueregular'; font-size:14px; color:#404040; margin:0px; font-weight:normal; -webkit-font-smoothing: antialiased !important;}
img{ border:none; margin-top:5px;}
.clr{ clear:both;}
.fl_left{ float:left;}
.fl_right{float:right;}
.well h2{ margin:0px; font-size:30px; color:#343434; line-height: normal; font-weight:normal;}
.abtHeadline h1{ margin:0px 0 0 0; font-size:35px; color:#20729f; line-height: normal; font-weight:normal;}
.text_left{ text-align:left; padding:0 0 0 20px !important;}
@font-face {font-family:'microsoft_new_tai_lueregular'; src: url('//coggno.com/fonts/ntailu-webfont.eot'); src: url('//coggno.com/fonts/ntailu-webfont.eot?#iefix') format('embedded-opentype'), url('//coggno.com/fonts/ntailu-webfont.woff') format('woff'), url('//coggno.com/fonts/ntailu-webfont.ttf') format('truetype'), url('//coggno.com/fonts/ntailu-webfont.svg#microsoft_new_tai_lueregular') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'microsoft_new_tai_luebold'; src: url('//coggno.com/fonts/ntailub-webfont.eot'); src: url('//coggno.com/fonts/ntailub-webfont.eot?#iefix') format('embedded-opentype'), url('//coggno.com/fonts/ntailub-webfont.woff') format('woff'), url('//coggno.com/fonts/ntailub-webfont.ttf') format('truetype'), url('//coggno.com/fonts/ntailub-webfont.svg#microsoft_new_tai_luebold') format('svg'); font-weight: normal; font-style: normal}
@import url(http://fonts.googleapis.com/css?family=Droid+Sans); @font-face {font-family: 'rockwellregular'; src: url('//coggno.com/fonts/rock-webfont.eot'); src: url('//coggno.com/fonts/rock-webfont.eot?#iefix') format('embedded-opentype'), url('//coggno.com/fonts/rock-webfont.woff') format('woff'), url('//coggno.com/fonts/rock-webfont.ttf') format('truetype'), url('//coggno.com/fonts/rock-webfont.svg#rockwellregular') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'rockwellbold'; src: url('//coggno.com/fonts/27793-webfont.eot'); src: url('//coggno.com/fonts/27793-webfont.eot?#iefix') format('embedded-opentype'), url('//coggno.com/fonts/27793-webfont.woff') format('woff'), url('//coggno.com/fonts/27793-webfont.ttf') format('truetype'), url('//coggno.com/fonts/27793-webfont.svg#rockwellbold') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'budhandbold'; src: url('//coggno.com/fonts/budhand2-webfont.eot'); src: url('//coggno.com/fonts/budhand2-webfont.eot?#iefix') format('embedded-opentype'), url('//coggno.com/fonts/budhand2-webfont.woff') format('woff'), url('//coggno.com/fonts/budhand2-webfont.ttf') format('truetype'), url('//coggno.com/fonts/budhand2-webfont.svg#budhandbold') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'myriad_prosemibold'; src: url('//coggno.com/fonts/myriadpro-semibold-webfont.eot'); src: url('//coggno.com/fonts/myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('//coggno.com/fonts/myriadpro-semibold-webfont.woff') format('woff'), url('//coggno.com/fonts/myriadpro-semibold-webfont.ttf') format('truetype'), url('//coggno.com/fonts/myriadpro-semibold-webfont.svg#myriad_prosemibold') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'open_sansbold'; src: url('//coggno.com/fonts/opensans-bold-webfont.eot'); src: url('//coggno.com/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('//coggno.com/fonts/opensans-bold-webfont.woff') format('woff'), url('//coggno.com/fonts/opensans-bold-webfont.ttf') format('truetype'), url('//coggno.com/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'open_sansregular'; src: url('//coggno.com/fonts/opensans-regular-webfont.eot'); src: url('//coggno.com/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('//coggno.com/fonts/opensans-regular-webfont.woff') format('woff'), url('//coggno.com/fonts/opensans-regular-webfont.ttf') format('truetype'), url('//coggno.com/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal}
@font-face {font-family: 'helveticaneueltstdlt'; src: url('//coggno.com/fonts/helveticaneueltstdlt.eot'); src: local('//coggno.com/fonts/helveticaneueltstdlt'), url('//coggno.com/fonts/helveticaneueltstdlt.woff') format('woff'), url('//coggno.com/fonts/helveticaneueltstdlt.ttf') format('truetype')}
a{ color:#5b99bd; text-decoration:none;}
a:hover{ color:#f5802b; text-decoration:none;}
.header_fit{ padding:0 0 0 0;}
.container{ margin:0 auto;}
.navBg{ background:#51b0dc; background: -moz-linear-gradient(90deg, #4ca8d4 0%, #57b9e7 100%); background: -webkit-gradient(linear, 90deg, color-stop(0%, #4ca8d4), color-stop(100%, #57b9e7)); background: -webkit-linear-gradient(90deg, #4ca8d4 0%, #57b9e7 100%); background: -o-linear-gradient(90deg, #4ca8d4 0%, #57b9e7 100%); background: -ms-linear-gradient(90deg, #4ca8d4 0%, #57b9e7 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ca8d4', endColorstr='#57b9e7', GradientType='0');  background: linear-gradient(0deg, #4ca8d4 0%, #57b9e7 100%);}
.logo{ float:left; margin:10px 0px;}
.try_cogRight{ float:right; margin-right:10px;}
.top_sign{ padding:19px 0 0 0;}
  -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -moz-border-bottom-left-radius: 5px;  -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px}
   .rot90 {-webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);   -ms-transform:rotate(90deg);  -o-transform:rotate(90deg);  transform:rotate(90deg);  margin:68px -66px}
 .content_top{ padding:25px 0 0 0; height:29px}
.cont_blue{ float:left; padding:0px 0 0 0}
.cont_blue a{color:#949494; text-decoration:none; padding:10px 20px 10px 10px; background: url(/images/marketplace/d-arrow2.png) no-repeat scroll 147px center}
.cont_blue a:hover{color:#fff; text-decoration:none; background:#084368 url(/images/marketplace/d-arrow.png) no-repeat scroll 147px center;}
.cont_blue a.active{color:#fff; text-decoration:none; background:#084368 url(/images/marketplace/d-arrow.png) no-repeat scroll 147px center;}
.contctTop{ float:left; color:#949494; text-decoration:none; padding:0;}
.contctTop a{color:#949494; text-decoration:none; padding:10px 10px;}
.contctTop a:hover{color:#fff; text-decoration:none; background:#084368;}
//////mani commented below//////////////////// .menu {float:left}
.menu a {text-decoration: none; word-wrap: break-word;}
.menu ul {line-height: 50px; list-style: none outside none; margin: 0; padding: 0; z-index: 500;}
.menu ul a {display: block; line-height: 25px; margin-right: 1px; padding: 10px 17px; position: relative; z-index: 500}
.menu ul li {float: left; position: relative; z-index: 20; list-style:none; margin:0; padding:0}
.menu ul ul {display: none; left: 0; margin: 0; position: absolute; top: 45px; width: 200px;}
.menu ul ul a {line-height: 35px; margin: 0;}
.menu ul li li {margin: 0; padding: 0; width: 200px;}
.menu ul ul ul {padding: 0; top: auto;}
.menu ul li ul a {float: left; padding: 2px 13px; width: 175px;}
.menu ul li ul a:hover {background:#085381 !important;}
.menu ul li ul ul {left: 160px; top: 0;}
.menu ul li:hover ul ul, .menu ul li:hover ul ul ul, .menu ul li:hover ul ul ul ul {display: none;}
.menu ul li:hover ul, .menu ul li li:hover ul, .menu ul li li li:hover ul, .menu ul li li li li:hover ul {display: block;}
.menu .icon_drop {background-image: url(img/navicon_down.png); background-position: right 16px; background-repeat: no-repeat;}
.menu .icon_sub {background-image: url(img/navicon.png); background-position: right center; background-repeat: no-repeat;}
.menu ul li {background: none repeat scroll 0 0 transparent; font-size: 13px;}
.menu ul a {color: #fff; font-size: 17px}
.menu ul a:hover {color:#084368}
.menu ul ul {background-color:#084368; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.8);}
.menu ul ul li {border-bottom: 1px solid #0034A3; border-top: 1px solid #59819A;}
.menu ul ul li:first-child {border-top: 0 solid #444444;}
.menu ul ul li:last-child {border-bottom: 0 solid #222222;}
.menu ul ul a {color: #FFFFFF; font-size: 13px; font-weight: normal; text-shadow: 0 0 0 transparent, 0 1px 0 #000000;}
.menu ul ul a:hover {background-color: #fff; color: #FFFFFF}
.menu .current {}
.menu ul .current a {color:#084368}
.menu ul .current a:hover {}
.menu ul .current ul a {color: #FFFFFF; font-size: 13px; font-weight: normal; text-shadow: 0 0 0 transparent, 0 1px 0 #000000;}
.menu ul .current ul a:hover {background-color: #08AB0F; color: #FFFFFF;}
.wht_is:hover {background: url("/images/seewhatorange.png") repeat scroll 0 0 rgba(0, 0, 0, 0)}
.wht_is{ background: url("/images/seewhatblue.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 solid #155F83; border-radius: 8px; color: #155F83; float: left; font-family: 'microsoft_new_tai_luebold'; font-size: 14px; font-weight: normal; margin-top: 3px; padding: 19px 5px; text-decoration: none; text-shadow: 0 1px 0 #EFEFEF; width: 220px}
.wht_is:hover{ color:#155f83;}
.banner_fit{ padding:0 0 0 0; text-align:center; position:relative;}
.banner_fit img{ width:100%; height:400px;}
.mid_search{ position:absolute; top:15%; left:14%; text-align:left; z-index:10; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.6); border:rgba(0, 0, 0, 0.15) solid 6px; padding:15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
.rockWell{padding:0px;}
.rockWell h3{font-family: 'rockwell'; font-size:42px; color:#323232; font-weight:normal; padding-left:20px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff)"; text-shadow: 0px 1px 0px #ffffff; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff);  }
.rock_sub{ color:#323232; font-size:18px; text-align:left; padding-left:20px}
.shad_box{ background: rgba(0, 0, 0, 0.6); padding:6px; border:#333333 solid 2px; margin-top:20px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#000000)"; -moz-box-shadow: 0px 0px 5px #000000; -webkit-box-shadow: 0px 0px 5px #000000; box-shadow: 0px 0px 5px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#000000);  }
.search{border: 2px solid #a9aaaa; border-left:none; font-size:23px; padding:8px ; float:left; width:440px; color:#7B7B7B; border: 2px solid #000000; font-family: 'microsoft_new_tai_lueregular'; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color=#d9d9d9)"; -moz-box-shadow: inset 0px 10px 10px #d9d9d9; -webkit-box-shadow: inset 0px 10px 10px #d9d9d9; box-shadow: inset 0px 10px 10px #d9d9d9; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color=#d9d9d9);  }
.search_btn{ font-family: 'microsoft_new_tai_lueregular'; border:none; float:left; margin:2px 0 0 10px; display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:120px; height:auto; color:#fff; font-size:23px; padding:7px 10px 6px 30px; background:url(img/srch.png) no-repeat 10px center #68b819; text-decoration:none}
#left-panel-link{display:none;}
.tp_spc{ padding:10px 0px;}
.save_time{ float:left; width:75%;}
.save_timeHead{ font-size:25px; color:#20729f;}
.save_timPic{ float:right;}
.save_TimeSadow{ padding:0px;}
.save_TimeSadow img{ width:100%;}
.tranning{ padding:20px 0 0 0;}
.tranning h2{ margin:0px; font-size:30px; color:#343434; line-height: normal; font-weight:normal;}
.tranning_sub{ color:#626262; font-size:16px;}
.show_thumbs{ padding:20px 0;}
.thmb_cont{ width:295px; height:160px; float:left; margin:0 7px 15px 7px}
.thmb_cont a{position:relative;}
.thmb_cont a img{ width:100%;}
.thmb_cont a span{ position:absolute; bottom:0px; background-color:rgba(255, 255, 255, 0.7); color:#000; width:100%; text-align:center; padding:10px 0px; font-size:25px;}
.footer_fit{ background:#eaeaea; padding:20px 0px;}
.foot_box{ width:23%; float:left;}
.foot_box h2{ font-size:20px; font-weight:bold; color:#8b8b8b; margin:0px;}
.foot_box2{ width:23%; float:left; padding:0 0 0 21px;}
.foot_box2 h2{ font-size:20px; font-weight:bold; color:#8b8b8b; margin:0px;}
.footHeading{ font-size:20px; font-weight:bold; color:#8b8b8b;}
.footHeading h2{}
.foot_box p{ color:#8b8b8b; font-size:14px; margin-bottom:5px; text-align:left }
.foot_box2 p{ color:#8b8b8b;}
  .foot_menu {width:50%; padding: 0px; margin: 0px; float:left}
.foot_menu ul {list-style: none; margin: 0px 0 0 0px; padding: 0px; border: none}
.foot_menu ul li {margin: 0px 0 3px 0; padding: 0px;}
.foot_menu ul li a {font-size: 14px; display: block; text-decoration: none; color: #8B8B8B; font-smooth: always}
.foot_menu ul li a:hover, .foot_menu ul li a.highlight{color: #54B4E1}
.foot_btn{ background:#8cc22a; padding:6px 20px; color:#fff; font-weight:normal; text-decoration:none; font-size:16px; margin-top:10px; float:left; font-family:open sans;font-weight:normal; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#3c660a3c660a)"; text-shadow: 0px 1px 0px #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(0deg, #31850b 0%, #bddd44 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#585858)"; -moz-box-shadow: 0px 1px 0px #585858; -webkit-box-shadow: 0px 1px 0px #585858; box-shadow: 0px 1px 0px #585858; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#585858);  }
.foot_btn:hover{ color:#fff;}
.footer_social{ padding:10px 0 ;}
.footer_social a{ padding:0px; float:left; margin:0 5px;}
.copy{ color:#8b8b8b; font-size:11px;}
.top_up{ margin-top:-20px;}
#overlay_form{ position: relative !important; left:-225px; padding: 10px; background:#F67118; width: 364px; height: 297px; z-index:999999; margin:-14px 0 0 224px; top:-304px !important; float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#333333)"; -moz-box-shadow: 0px 3px 3px #333333; -webkit-box-shadow: 0px 3px 3px #333333; box-shadow: 0px 3px 3px #333333; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#333333);  }
.footer_social img{ width:60px}
#overlay_form h2:hover{ background:none !important;}
#overlay_form p{color:#fff !important; font-size:14px; font-weight:normal; font-family: 'open_sansregular'; opacity:0.5;}
#overlay_form p:hover{ background:none !important; color: #fff; font-size:14px; font-weight:normal; font-family: 'open_sansregular'; opacity:0.5;}
#overlay_form .sub_popmenu a{ color:#fff !important; font-size:14px; font-weight:normal; font-family: 'open_sansbold';}
#overlay_form .sub_popmenu a:hover{ color:#fff !important; font-size:14px; font-weight:normal; font-family: 'open_sansbold'; opacity:0.5;}
#show2{ position: relative !important; left:-225px; padding: 10px; background:#61b11b; width: 366px; height: 297px; z-index:999999; margin:-14px 0 0 224px; top:-304px !important; float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#333333)"; -moz-box-shadow: 0px 3px 3px #333333; -webkit-box-shadow: 0px 3px 3px #333333; box-shadow: 0px 3px 3px #333333; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#333333);  }
#show2 h2:hover{ background:none !important;}
#show2 p{color:#fff !important; font-size:14px; font-weight:normal; font-family: 'open_sansregular'; opacity:0.5;}
#show2 p:hover{ background:none !important; color: #fff; font-size:14px; font-weight:normal; font-family: 'open_sansregular'; opacity:0.5;}
#show2 .sub_popmenu a{ color:#fff !important; font-size:14px; font-weight:normal; font-family: 'open_sansbold';}
#show2 .sub_popmenu a:hover{ color:#fff !important; font-size:14px; font-weight:normal; font-family: 'open_sansbold'; opacity:0.5;}
#pop{  text-align: left; text-decoration: none; margin: 0 auto}
.popClose{ float:right; margin:4px 0 0 0; position:absolute; bottom:0px; right:10px;}
.popClose a{ background:none !important;}
.popClose a:hover{ background:none !important;}
.popMenu {width:100%; padding: 10px 0 0 0; margin: 0px; float:left}
.popMenu ul {list-style: none; margin: 0px 0 0 0px; padding: 0px; border: none; background:none}
.popMenu ul li {margin: 0px 0 5px 0; padding: 0px; background:none; float:left !important}
.popMenu ul li a {font-size: 15px; display: block; padding: 5px 0px 5px 0px ; text-decoration: underline; color: #fff; line-height:10px; font-smooth: always; float:left !important}
.popMenu ul li a:hover, .popMenu ul li a.highlight{color: #000}
.popMenu ul li a:nth-child(1){ background: none !important; float:none !important;}
.popMenu ul li a:nth-child(2){ background: none !important; float:none !important;}
.popMenu ul li a:nth-child(3){ background: none !important; float:none !important;}
.popMenu ul li a:nth-child(4){ background: none !important; float:none !important;}
.popMenu ul li a:nth-child(1) :hover{ background: none !important}
.popMenu ul li a:nth-child(2) :hover{ background: none !important}
.popMenu ul li a:nth-child(3) :hover{ background: none !important}
.popMenu ul li a:nth-child(4) :hover{ background: none !important}
.popMenu ul li:nth-child(1)*:hover{ background: none !important}
.show_popCont{ padding:0 0 0 0;}
.show_popCont h2{ color:#fff; line-height:normal; font-weight:normal; font-size:24px; font-family: 'open_sansbold';}
.show_popCont p{ color:#b0d88d;}
.manu_page{ display:none;}
  .border{border:1px solid #e7e7e7; margin:20px 0;}
.customers{padding:0px; float:left;width:29%;}
.customers ul{padding:0px}
.customers ul li{list-style:none; margin-top:10px; background:url(img/right_arrow.png)no-repeat scroll 97% center, url(img/hover.jpg)repeat-y;}
.customers ul li a{font-size:21px; color:#FFFFFF; display:block; padding:15px; text-decoration:none; background:url(img/right_arrow.png) no-repeat scroll 97% center;}
.customers ul li a:hover{color:#8b8b8b; background:url(img/active_right_arrow.png)no-repeat scroll 97% center;}
.customers ul li a.select{color:#8b8b8b; background:url(img/active_right_arrow.png)no-repeat scroll 97% center;}
.customers ul li:hover{background:#f0f0f0;}
.customers ul li.select{background:#f0f0f0;}
.lms{padding:0px; float:left;width:29%;}
.lms ul{padding:0px; float:none; width:100% }
.lms ul li{list-style:none; margin-top:10px; float:none; background:url(img/active_right_arrow.png)no-repeat scroll 97% center}
.lms ul li a{font-size:21px; color:#8b8b8b; display:block; padding:15px; text-decoration:none; background:#F0F0F0 url(img/active_right_arrow.png) no-repeat scroll 97% center;}
.lms ul li a:hover{color:#fff; background: url(img/right_arrow.png)no-repeat scroll 97% center, url(img/hover.jpg)repeat-y}
.lms ul li a.select{color:#fff; background:url(img/right_arrow.png)no-repeat scroll 97% center, url(img/hover.jpg)repeat-y;}
.lms ul li:hover{background:url(img/right_arrow.png)no-repeat scroll 97% center, url(img/hover.jpg)repeat-y;}
.lms ul li.select{background:url(img/right_arrow.png)no-repeat scroll 97% center, url(img/hover.jpg)repeat-y;}
  .right_bar{width:55%; padding:10px 0 20px; float:right; padding-bottom:20px;margin-right:12%;}
 .right_bar p{ font-size:13px; color:#626262; margin-top:7px; text-align:justify;}
.right_bar h2{ color:#20729f; font-size:21px; margin-top:15px; font-weight:normal;}
.corporate{background:#f6f8f7 url(img/corporate_img.png) no-repeat; height:235px; margin:10px 0 0 0}
.corporate h2{font-size:25px; color:#20729f; float:left; margin:42px 0 0 257px; font-weight:normal; font-family: 'microsoft_new_tai_luebold';}
.looking{ font-size:14px; color:#626262; margin:0px 0px 0 257px; float:left; width:355px; font-weight:500;}
.image_gallery{ margin-top:20px;}
.image_gallery ul{ padding:0px;}
.image_gallery ul li{list-style:none; background:#ededed; width:305px; float:left;}
.image_gallery ul li a{padding-right:5px;}
.image_gallery ul li h2{font-size:18px; color:#434343; margin:15px 0 0 25px; font-weight:bold;}
.image_gallery ul li p{font-size:14px; color:#626262; width:250px; margin:7px 0 10px 25px;}
.provide_tex{margin:0px; width:516px;}
.provide_tex h2{font-size:21px; color:#20729f; font-weight:normal;}
.provide_tex span a{ color:#65B51A; text-decoration:none;}
.provide_tex span a:hover{ color:#F5802B;}
.provide_tex{margin:7px 15px 7px px; width:89%;}
.provide_tex h2{font-size:21px; color:#20729f; font-weight:normal;}
.provide_tex h2 a{ color:#20729f;}
.provide_tex h2 a:hover{ color:#f47d27;}
.provide_tex h2.seth2{ margin-top:-5px !important;}
.provide_tex span{display:block; color:#626262; font-size:14px; margin-top:8px;}
.provide_tex span abbr{color:#65b51a;}
.line{border:1px solid #e7e7e7; margin:30px 0 20px 0px;}
.load_btn{ margin:40px 0 20px 220px;}
.load_btn a{ color:#9c9c9c; font-size:18px; background:#f0f0f0; width:205px; padding:15px; text-decoration:none;}
.load_btn a:hover{ color:#F5802B;}
 .shad_box2{ display:none !important;}
 #cssdropdown, #cssdropdown ul {list-style: none; transition: all 300ms ease-out 0s;}
#cssdropdown, #cssdropdown * {padding: 0; margin: 0; transition: all 300ms ease-out 0s;}
 #cssdropdown li.headlink {float: left; margin:0 11px 11px 0; text-align: center; transition: all 300ms ease-out 0s;}
#cssdropdown li.headlink a {display: block; text-decoration:none; transition: all 300ms ease-out 0s;}
#cssdropdown li.headlink a:hover {color:#090; transition: all 300ms ease-out 0s}
 #cssdropdown li.headlink ul {display: none; border-top: 1px black solid; text-align: left; transition: all 300ms ease-out 0s}
#cssdropdown li.headlink:hover ul {display: block; transition: all 300ms ease-out 0s}
#cssdropdown li.headlink ul li {background:none; transition: all 300ms ease-out 0s;}
#cssdropdown li.headlink ul li a {padding: 130px 0 0 0px; height: 17px; transition: all 300ms ease-out 0s;}
#cssdropdown li.headlink ul li a p{ padding: 10px; transition: all 300ms ease-out 0s}
#cssdropdown li.headlink ul li a:hover {background-color: #ebebeb; color:#960; transition: all 300ms ease-out 0s;}
 #cssdropdown a {color:#000}
#cssdropdown ul li a:hover {text-decoration: none; transition: all 300ms ease-out 0s;}
#cssdropdown li.headlink {position:relative; transition: all 300ms ease-out 0s;}
#cssdropdown li.headlink p{ padding:10px 10px 10px 20px; text-align:left; width:94%; transition: all 300ms ease-out 0s}
#cssdropdown li.headlink ul {background-color: rgba(104, 175, 31, 0.9); position:absolute; top:0px; left:0px; height:215px; padding:20px; width:87.2%; border-top:none; transition: all 300ms ease-out 0s}
.sp1{ color:#fff; font-size:24px; font-weight:normal; line-height:27px; transition: all 300ms ease-out 0s; font-family: 'microsoft_new_tai_luebold';}
.sp2{ color:#fff; font-size:24px; font-weight:normal; line-height:0px; margin:20px 0 0 0 !important; transition: all 300ms ease-out 0s; font-family: 'microsoft_new_tai_luebold';}
.sp2 a{ color:#fff !important; text-decoration: underline !important; transition: all 300ms ease-out 0s;}
.sp2 a:hover{ color:#fff !important; text-decoration: underline !important; background:none !important; transition: all 300ms ease-out 0s;}
 .story_topRow{ padding:20px 0 ;}
.subwayBox{ border:#dedede solid 1px; padding:10px 20px; text-align:center; float:left;}
.industryRight{ float:right;}
.industry {padding: 0px; margin: 0px; float:left}
.industry ul {list-style: none; margin: 0px 0 0 0px; padding: 0px; border: none}
.industry ul li {margin: 0px 0 5px 0; padding: 0px; background:#96daf9; width:160px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.industry ul li a {font-size: 13px; display: block; padding: 10px; text-decoration: none; color: #fff; line-height:10px; font-smooth: always; position:relative; font-weight:bold; font-family:open sans;}
.industry ul li a span{ position:absolute; right:-7px; top:9px;}
.industry ul li a:hover, .industry ul li a.highlight{color: #fff}
.industry_text {padding: 0px; margin: 0px; float:left}
.industry_text ul {list-style: none; margin: 0px 0 0 0px; padding: 0px; border: none}
.industry_text ul li {margin: 0px 0 5px 0; padding: 0px; padding:6px 10px 6px 15px; font-weight:bold; color:#707070; font-family:open sans;}
.industry_text ul li a:hover, .industry_text ul li a.highlight{color: #000}
.their_row{ padding:10px 0px 20px 0px;}
.their_left{ float:left; width:55%;}
.their_left h2{ font-size:30px; color:#343434; margin:0px; font-weight:normal;}
.their_left p{ padding:0px; text-align:justify; font-size:13px;}
.other_storiesRight{ width:42%; float:right;}
.other_storiesRight h2{ font-size:30px; color:#343434; margin:0px; font-weight:normal;}
.c2class{ font-weight:normal; font-size:35px;}
.multi_logo{ float:left; border:#dedede solid 1px; padding:9px; width:165px; height:66px; text-align:center; margin:5px 5px;}
.make_text{ font-size:17px; font-weight:bold; color:#434343; line-height:20px; padding-bottom:20px; padding-top:0px;}
.green_idea{ background:#61b21b; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box;  background: -moz-linear-gradient(0deg, #56a81f 0%, #68b819 100%); background: -webkit-gradient(linear, 0deg, color-stop(0%, #56a81f), color-stop(100%, #68b819)); background: -webkit-linear-gradient(0deg, #56a81f 0%, #68b819 100%); background: -o-linear-gradient(0deg, #56a81f 0%, #68b819 100%); background: -ms-linear-gradient(0deg, #56a81f 0%, #68b819 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a81f', endColorstr='#68b819', GradientType='1');  background: linear-gradient(90deg, #56a81f 0%, #68b819 100%);}
.idea_bulb{ float:left;}
.ideaText{ color:#fff; font-size:16px; padding:0 0 0 10px; float:left; width:90%; text-align:center;}
.ideaText strong{font-weight:normal; font-family: 'microsoft_new_tai_luebold';}
.ideas_shadow{ padding:0 0 0 0;}
.ideas_shadow img{ width:100%;}
.projectPic{ padding:0px 0px 10px 0; width:100%; text-align:center;}
.distribute{ padding:0px 0 10px 0 ;}
.distribute h2{ font-size:18px; color:#20729f; padding:5px 0 0 0; font-weight:bold;}
.distribute{ text-align:justify;}
.distribute h2{color: #20729F; font-size: 18px; padding: 20px 0 0; text-align:left; width:100%; font-weight:normal;}
.get_started{ margin:28px 0 0 206px; background:#68b819; width:250px; position:relative;}
.get_started a{ padding:10px 5px 5px 5px; color:#fff; text-decoration:none; display:block;}
.get_started a span{ text-decoration:none; margin:0 0 0 10px}
.get_started a abbr{margin:0 0 0 10px;}
.get_started a span strong{ font-size:30px; font-weight:normal; line-height:30px}
.ar{ position:absolute; top:14px; right:10px;}
.picTop_heading {color: #20729F; font-size: 18px; padding: 20px 0 0; text-align:center; width:100%; font-weight:normal;}
.pcs{ padding:0 0 20px 0;}
.pc_leftText{ width:39%; float:left;}
.pc_leftText h2{ font-size:16px; color:#434343; margin:0px; font-weight:normal; font-family: 'microsoft_new_tai_luebold';}
.pc_leftText p{ text-align:justify; padding:0px 0 0 0;}
.pc_pic{ float:right;}
.courses_onlineMidLeft{ width:49%; float:left;}
.courses_onlineMidRight{ width:49%; float:right;}
.dot_heading{padding:15px 0px 0px 15px; background:url(img/blue-dot.jpg) no-repeat scroll left 22px}
.dot_heading h2{font-size:15px !important; color:#2e7cb1; margin:0px; line-height:normal; font-weight:bold; padding:0px !important;}
.dot_heading2{ padding:0px 0px 0px 15px; background:url(img/blue-dot.jpg) no-repeat scroll left 6px}
.dot_heading2 h2{font-size:15px !important; color:#2e7cb1; margin-top:0px !important; line-height:normal; font-weight:bold; padding:0px !important;}
.selling_box{ background:#f4f4f4; padding:10px; border:#dadada solid 1px; text-align:center; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box;  -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px}
.b2_text{ position:absolute; top:50%; text-align:left;}
@media all and (max-width: 1400px) {.b2_text{left:10%;}
}
@media all and (min-width: 1401px)and (max-width: 1810px) {.b2_text{left:15%}
}
@media all and (min-width: 1811px)and (max-width: 2200px) {.b2_text{left:25%}
}
@media all and (min-width: 2201px) {.b2_text{left:30%}
}
.b2Well{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#333333)"; text-shadow: 0px 0px 5px #333333; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#333333)}
.b2Well h1{font-size:35px; color:#fff; font-family: 'microsoft_new_tai_luebold' !important; font-weight:normal;}
.b2_sub{ color:#fff; font-size:21px; text-align:left; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#333333)"; text-shadow: 0px 0px 5px #333333; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#333333)}
.law_text{ padding:10px 0px;}
.law_text h2{color:#343434; width:100%; text-align:center; font-size:25px; font-weight: normal}
.law_text h2 span{color:#2f7ba5;}
.thm_show{ padding:0 0 0 0;}
.contact_image{ padding:0 0 0 0; border:#dddddd solid 1px;}
.contact_row{ padding:20px 0 20px 0;}
.ct_left{ float:left; width:78%;}
.ct_right{ float:right;width:auto;}
.add_planer{ padding:0 0 20px 0;}
.add_planer a{ color:#434343; background:#f0f0f0; padding:2px 5px; display:block; border:#dfdfdf solid 1px; font-size:16px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#333333)"; -moz-box-shadow: 0px 2px 0px #333333; -webkit-box-shadow: 0px 2px 0px #333333; box-shadow: 0px 2px 0px #333333; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#333333)}
.add_planer a span{ float:left; padding:5px 0 0 5px;}
.add_planer a abbr{ float:left; padding:9px 0px 0 10px; font-weight:bold;}
.whoWe_box{ background:#f0f0f0; padding:10px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.whoWe_box h2 {color: #343434; font-size: 18px; line-height:normal; margin: 0 0 10px 0; font-weight:bold;}
.check1{ background:#e3e3e3; padding:9px 5px 5px 11px; margin-bottom:5px;}
.selectList{ background:none; border:none; width:100%;}
.find_btn{ background:#68b819; padding:5px 10px; text-decoration:none; color:#fff; font-weight:bold; text-align:center; margin:20px 0 15px 0px; float:left; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; font-size:20px; width:90%; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#418810)"; -moz-box-shadow: 0px 3px 0px #418810; -webkit-box-shadow: 0px 3px 0px #418810; box-shadow: 0px 3px 0px #418810; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#418810);  }
.find_btn:hover{ color:#fff; text-decoration:none;}
 .market_left{ width:25%; float:left; padding:20px 0 20px 0;}
.left_head{ background:#e8e8e8; padding:10px 10px; position:relative; margin-bottom:20px;}
.marke_aro{ position:absolute; bottom:-15px; left:15px;}
.locations_box{ border:#dddddd solid 1px}
.locations_box002{ border:#dddddd solid 1px; margin-bottom:15px; border-top:none; -webkit-transform: translateZ(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition:all 0.3s ease; transition: all 0.3s ease}
.subLeft_head{ background:#f5f5f5; padding:10px 10px; padding:10px;}
.subLeft_head span{ float:left; padding:5px 0 0 0}
.subLeft_head abbr{ float:right; padding:5px 0 0 0}
.map{ padding:0px; height:175px;}
.check_cont{ padding:0px;}
.small_search{ border:#cccccc solid 1px; background:#fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#cccccc)"; -moz-box-shadow: 0px -1px 0px #cccccc; -webkit-box-shadow: 0px -1px 0px #cccccc; box-shadow: 0px -1px 0px #cccccc; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#cccccc)}
.srh_input{ background:none; border:none; width:177px; padding:5px; float:left; color:#888888; font-style: italic; font-size:12px;}
.srBtn{ padding:4px 3px 0 0; float:right;}
.check_scroll{ height:130px; margin:10px 0 0 0; overflow:auto;}
.best_seller{width:72%; padding:20px 0 20px 0; float:right}
.subheader h2 {color: #313131;}
.subheader ul.breadcrumbs li {color: #595A5C;}
.subheader ul.breadcrumbs li a, .subheader ul.breadcrumbs li a:hover {color: #0078D9; text-decoration:none;}
.subheader ul.breadcrumbs li a:hover, .subheader ul.breadcrumbs li a:hover {color: #999; text-decoration:none;}
.subheader a.button {background: #D33636; color: #FFFFFF; text-shadow: 0 0 1px #8D321F;}
.subheader {position: relative; z-index:0; float: left; padding:0 0 0 14px;}
.subheader .container {z-index: 100;}
.subheader .sixteen {margin-bottom: 0; position: relative; z-index: 100;}
.subheader h2 {margin: 15px 0 10px; float: left; padding-right: 220px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#ffffff)"; text-shadow: 0px -2px 0px #ffffff; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color=#ffffff);  }
.subheader ul.breadcrumbs {margin: 10px 0 15px; overflow: hidden; clear: both;}
.subheader ul.breadcrumbs li {list-style:none; float: left; padding-right: 8px; margin-bottom: 0;}
.subheader ul.breadcrumbs li span {padding-left: 8px;}
.subheader ul.breadcrumbs li.home, ul.breadcrumbs li.last {background: none; padding-right: 0; color:#999;}
ul.breadcrumbs li.last span {display: none;}
.subheader a.button {position: absolute; right: 0; top: 28px;}
.seller_search{ float:right;}
.sm_srch{ float:left; border:#dddddd solid 1px; padding:8px 8px; margin:0 10px 0 0; color:#8F8F8F; font-style:italic;}
.sml_srh{ float:left;}
.sml_srh a{ background:#57a923; padding:5px; display:block; color:#fff; text-decoration:none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.sml_srh a span{ padding:5px 0 0 5px; float:left}
.sml_srh a abbr{ padding:3px 10px 0 10px; float:left;}
.best_sellerBox{ border:#dddddd solid 1px; margin:20px 0 0 0; padding:0 0 20px 0;}
.bestSeller_head {background: none repeat scroll 0 0 #F5F5F5; padding: 10px;}
.rate_seller{ width:135px; float:left; margin:20px 0 0 60px}
.picBox_seller{ border:#dddddd solid 1px; padding:5px; width:100px; height:100px; margin:0 0 0 11px;}
.rate_seller h2{ text-align:center; margin:10px 0 0 0; color:#20729f; font-size:18px; font-weight:normal;}
.rate_seller h3{text-align:center; margin:0px 0 0 0; color:#ff6b03; font-size:18px; font-weight:normal; background:none;}
.rate_seller h3:hover{ background:none;}
.rating{color: #f79421 ; padding:0px 0 0 0; display:block !important;}
.stop_sexualBox{ background:#fff; border:#dddddd solid 1px; padding:10px; margin-top:20px;}
.stop_sexualBox2{ background:#f7f7f7; border:#dddddd solid 1px; padding:10px; margin-top:20px;}
.stop_left{ width:18.1%; float:left;}
.stop_right{ width:80%; float:right;}
.stop_right h2{ margin:0px 0 10px 0; color:#20729f; font-size:19px; font-weight:bold;}
.check_cont label{ color:#626262;}
.stop_left h2{text-align:center; margin:5px 0 0 0; color:#ff6b03; font-size:25px; font-weight:normal;}
.rating2{ text-align:center; padding:5px 0 0 0;}
.picBox_seller2 {border: 1px solid #DDDDDD; height: 100px; padding: 5px; width: 100px;}
.show_blog{ padding:0px 0 10px 0;}
.keywords{ padding:10px 0 0 0;}
.keywords a{ color:#20729f; text-decoration:none;}
.keywords a:hover{ color:#f47d27; text-decoration:none;}
.open_box{ padding:20px 0 0 0;}
.open_box h2{ margin:0px 0 10px 0; color:#20729f; font-size:22px; font-weight:normal;}
.tab_content p{ font-size:14px !important ; text-align:justify;color: #6C6C6C;}
 .pop_container{ width:400px; float:left; border:#eee solid 1px; margin:20px 0 0 40px;}
.pop_container h1{ margin:0px; color:#000; font-size:30px; text-align:center;}
.pop_blue1{ width:382px; height:317px; background:#084368; float:right; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#333333)"; -moz-box-shadow: 3px 3px 5px #333333; -webkit-box-shadow: 3px 3px 5px #333333; box-shadow: 3px 3px 5px #333333; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color=#333333);  }
.cont_bluebtn a {background: url(/images/marketplace/d-arrow2.png) no-repeat scroll 147px center rgba(0, 0, 0, 0); color: #949494; padding: 10px 20px 10px 10px; text-decoration: none; float:right;}
.cont_bluebtn a:hover{color:#fff; text-decoration:none; background:#084368 url(/images/marketplace/d-arrow.png) no-repeat scroll 147px center;}
.cont_bluebtn a.active{color:#fff; text-decoration:none; background:#084368 url(/images/marketplace/d-arrow.png) no-repeat scroll 147px center;}
.colorM {padding:0px; overflow:hidden;}
.colorM ul {list-style: none; overflow: hidden; position: relative; z-index:9999;}
.colorM ul li {margin: 0;}
.colorM ul li a {display: block; background: url(/images/marketplace/icons.png) no-repeat scroll 327px -242px; border-bottom:#59819a solid 1px}
.colorM ul li:nth-child(1) a {background-color: #084368; background-position: 310px -225px; padding:20px 65px 20px 20px}
.colorM ul li:nth-child(1) a{display: block; background: url(/images/marketplace/icons.png) no-repeat scroll 309px -224px ; border-bottom:#59819a solid 1px;}
.colorM ul li:nth-child(2) a {background-color: #084368; background-position: 310px -225px; padding:20px 65px 20px 20px}
.colorM ul li:nth-child(2) a{display: block; background: url(/images/marketplace/icons.png) no-repeat scroll 309px -224px ; border-bottom:#59819a solid 1px;}
.colorM ul li a:hover span {display: block}
.colorM ul li:nth-child(1) :hover {background:#f67118 url(/images/marketplace/icons.png) no-repeat scroll 310px 20px;}
.colorM ul li:nth-child(1) a span {color: #fff; font-size:18px; font-weight:normal; font-family: 'open_sansbold'}
.colorM ul li:nth-child(1) a span p{ color: #fff; font-size:14px; font-weight:normal; font-family: 'open_sansregular'; opacity:0.5;}
.colorM ul li:nth-child(1) a:hover span {color: #fff}
.colorM ul li:nth-child(1) a:hover span p{ color: #fff; font-size:14px; font-family: 'open_sansregular'; opacity:0.6;}
.colorM ul li:nth-child(2) :hover {background:#5fb01c url(/images/marketplace/icons.png) no-repeat scroll 310px -101px}
.colorM ul li:nth-child(2) a span {color: #fff; font-size:18px !important; font-weight:normal; font-family: 'open_sansbold';}
.colorM ul li:nth-child(2) a span p{color: #fff; font-size:14px; font-weight:normal; font-family: 'open_sansregular'; opacity:0.5;}
.colorM ul li:nth-child(2) a:hover span {color: #fff}
.colorM ul li:nth-child(2) a:hover span p{ color: #fff; font-size:14px; font-family: 'open_sansregular'; opacity:0.6;}
.colorM ul li:nth-child(3){}
.ideaLast{ padding:15px;}
.ida{ float:left; padding:0 0 0 0;}
.ideaLast p{ color:#fff; float:left; padding:5px 0 0 10px; width:85%; font-family: 'budhandbold'; line-height:20px; font-size:17px;}
.pop_orange1 {background: none repeat scroll 0 0 #f67118; box-shadow: 3px 3px 5px #333333; float: right; height: 261px; width: 340px; padding:20px;}
.pop_orange1 h1{color: #FFFFFF; margin:0px; font-size: 21px; font-weight: bold; text-align:left;}
.pop_orange1 p{ color:#fbb88c;}
.orange_popMenu {width:100%; padding: 10px 0 0 0; margin: 0px; float:left}
.orange_popMenu ul {list-style: none; margin: 0px 0 0 0px; padding: 0px; border: none}
.orange_popMenu ul li {margin: 0px 0 5px 0; padding: 0px;}
.orange_popMenu ul li a {font-size: 15px; display: block; padding: 5px 0px 5px 0px ; text-decoration: underline; color: #fff; line-height:10px; font-smooth: always}
.orange_popMenu ul li a:hover, .orange_popMenu ul li a.highlight{color: #000}
.orangeBack{ float:right; padding:70px 0 0 0;}
.pop_green1 {background: none repeat scroll 0 0 #61b11b; box-shadow: 3px 3px 5px #333333; float: right; height: 261px; width: 340px; padding:20px;}
.pop_green1 h1{color: #FFFFFF; margin:0px; font-size: 21px; font-weight: bold; text-align:left;}
.pop_green1 p{ color:#b0d88d;}
.hide_div{background-color: #fff transparent; cursor: pointer; height: 100%; left: 0; opacity:0.0; position: fixed; top: 0; width: 100%; z-index:99;}
.drop_menu {position: relative; z-index:999;}
.drop_menu a {display: block; color:#949494; text-decoration:none; padding:10px 10px 2px 12px; background: url(/images/marketplace/d-arrow2.png) no-repeat scroll 147px center}
.drop_menu a:hover{color:#fff; text-decoration:none; background:#084368 url(/images/marketplace/d-arrow.png) no-repeat scroll 147px center;}
.drop_menu a.active{color:#fff; text-decoration:none; background:#084368 url(/images/marketplace/d-arrow.png) no-repeat scroll 147px center;}
.drop_menu a:nth-child(4):hover{color:#fff; text-decoration:none; background:#F67118 !important;}
.drop_menu a:nth-child(4).abcd:hover{color:#fff; text-decoration:none; background:#000 !important;}
.p_close{ position:absolute; right:-39px; top:6px; z-index:999; cursor:pointer; display:none}
.drop_menu ul {list-style-type: none}
.drop_menu li {float: left; position: relative; text-align: center;}
.drop_menu > ul > li:hover {background:#084368}
.drop_menu li:hover a{ color:#fff; background: url(/images/marketplace/d-arrow.png) no-repeat scroll 147px center;}
.sub_popmenu a {background: none repeat !important}
.drop_menu ul.sub-menu {display: none; position: absolute; top: 39px; left:-219px; z-index: 90}
.drop_menu ul.sub-menu li {text-align: left;}
.drop_menu li:hover ul.sub-menu {display:none;}
.sub_popmenu{ padding:0px;}
.sub_popmenu a{ background:none; color:#fff; border-bottom:none; line-height:normal; padding:10px; text-decoration:underline;}
.sub_popmenu a:hover{ background:none; padding:10px; text-decoration:underline; color:#B0D88D;}
 .tp_none{ margin-top:0px !important;}
.cor2{ margin-top:0px !important}
 .box h3{ font-size:22px; text-align:center; font-weight:normal;}
.box a{ color:#fff; padding-top:30px; text-decoration:underline; float:left;}
#mainwrapper {height: auto; text-align: center}
 #mainwrapper .box {border:1px solid #DDDDDD; cursor: pointer; height: 160px; float: left; margin: 3px; position: relative; overflow: hidden; width: 282px}
#mainwrapper .box abbr{ background-color: rgba(255, 255, 255, 0.9); bottom: 0; padding: 10px 0; position: absolute; width: 13.5em; left:0px; text-align: center; font-size:21px; color:#6C6C6C}
#mainwrapper .box abbr a{color: #666666; font-size: 21px; text-decoration:none; font-weight:normal; width:100%; line-height:normal; padding:0px;}
#mainwrapper .box img {position: absolute; left: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out}
 #mainwrapper .box .caption {background:#74bb2e;  position: absolute; color: #fff; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; left: 0}
 #mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption {opacity: 0; width: 255px; height: 131px; text-align: left; padding: 15px; background: transparent}
 #mainwrapper .box:hover .simple-caption {-moz-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); opacity: 1; transform: translateY(-100%)}
 #mainwrapper .box:hover .full-caption {-moz-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 1; transform: translateY(100%)}
 #mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption {opacity: 1; background: rgba(0,0,0,0.3)}
 .bnner_conterler{position: relative; width:100% !important; height:400px !important; text-align:center !important; background:#000;}
.bnner_conterler img{ width:100% !important; height:400px !important;}
.bannerMenu {width:345px; margin: 0px; position:absolute; right:30px; top:307px; z-index:10; background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9); border:rgba(0, 0, 0, 0.15) solid 3px; padding:10px 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px}
.sb_box{ float:left;}
.sb_box h2{ color:#313131; font-size:20px; text-align:left; margin:0px;}
.sb_box span{ color:#313131;}
.sb_box abbr{ color:#fa6400; font-weight:normal; font-family:'microsoft_new_tai_luebold';}
.bannerMenu a{ float:right; color:#3d3d3d; text-decoration:underline; padding:20px 0 0 0;}
.bannerMenu a:hover{color:#fa6400;}
 .tourRow{ padding:20px 0 20px 0;}
.tourBox{ padding:0 0 0 0}
.tourBox ul{list-style: none; margin: 0px 0 0 0px; padding: 0px; border: none;}
.tourBox ul li{ width:222px; float:left; margin:0 5px 10px 5px;}
.tourBox ul li .tourHeadBg{ background:#75a2bd; padding:5px 10px; text-align:center; color:#fff; font-size:19px}
.tourBox ul li .tourNext{ width:42px; height:42px; background: url(img/tour-normal.png) no-repeat left top; float:right; margin-top:10px}
.tourBox ul li .tourSub{ background:#f0f0f0; padding:10px 10px}
.tourBox ul li:hover .tourHeadBg{ background:#61b11c; padding:5px 10px; text-align:center; color:#fff}
.tourBox ul li :hover .tourNext{ width:42px; height:42px; background: url(img/tour-hover.png) no-repeat left top; float:right; margin-top:10px}
  .getHeading{ margin:0px 0 10px 0 !important;}
.greenLeft{padding:0px; float:left;width:29%;}
.greenLeft ul{padding:0px}
.greenLeft ul li{list-style:none; margin-top:10px; background:#92AED3; background: -moz-linear-gradient(0deg, #76a2bf 0%, #b4d2e6 100%); background: -webkit-gradient(linear, 0deg, color-stop(0%, #76a2bf), color-stop(100%, #b4d2e6)); background: -webkit-linear-gradient(0deg, #76a2bf 0%, #b4d2e6 100%); background: -o-linear-gradient(0deg, #76a2bf 0%, #b4d2e6 100%); background: -ms-linear-gradient(0deg, #76a2bf 0%, #b4d2e6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76a2bf', endColorstr='#b4d2e6', GradientType='1');  background: linear-gradient(90deg, #76a2bf 0%, #b4d2e6 100%);}
.greenLeft ul li a{font-size:21px; color:#FFFFFF; display:block; padding:15px; text-decoration:none; background:url(img/right_arrow.png) no-repeat scroll 97% center;}
.greenLeft ul li a:hover{color:#fff; background:url(img/active_right_arrow.png)no-repeat scroll 97% center;}
.greenLeft ul li a.select{color:#fff; background:url(img/active_right_arrow.png)no-repeat scroll 97% center;}
.greenLeft ul li:hover{background:#61b11c;}
.greenLeft ul li.select{background:#61b11c;}
 .hdr_cont{ width:100%}
.logo2{ padding:10px 0 0px 10px}
.bx_content{ background:#EDEDED; padding:10px; margin-top:149px !important; height:inherit;}
.bx_content h2 {color: #434343; font-size: 18px; font-weight: normal; margin: 0px 0 0 0px; padding-left:0px !important; font-family: 'microsoft_new_tai_luebold';}
.bx_content p {color: #626262; font-size: 13px; margin-top: 0px !important; text-align: justify;}
.b2Box{ }
.box9{height: 254px !important; margin: 0 30px 30px 0 !important;}
.captionTop{ top:0px !important; height:224px !important;}
.sp7{}
.sp8{ display:block !important; margin-top:110px !important}
.slidediv {display:none; transition:none !important;}
.contentdiv {transition:none !important}
.lms_sunLeft{ width:29%; float:left; padding:0px;}
.lms_black{ color:#434343; padding:0px 0px 10px 0px; font-weight:normal; font-size:16px; font-family: 'microsoft_new_tai_luebold';}
.sun{ padding:0px; text-align:center;}
.sun_sub{ text-align:center; padding:10px 0 ; font-size:12px;}
.full_lmsGreen{ float:left; width:310px;}
.full_lmsGreenHeading{ background:#61b11b; border-bottom:#539f11 solid 7px; border-top:#539f11 solid 7px; padding:10px 15px; position:relative; box-sizing:border-box; height:99px; -moz-box-sizing:border-box}
.head_full{ float:left; color:#fff; font-size:25px; padding:13px 0 0; line-height:25px; font-family: 'helvetica_neue_ltregular';}
.head_rate{ float:right; padding-top:10px}
.head_rate abbr.large_val{color:#fff; font-size:30px; line-height:30px; text-align:center; float:left; width:100%;}
.head_rate p{ font-size:12px; color:#fff; margin:0px; padding:0px; text-align:center;}
.green_a{ position:absolute; bottom:-20px; left:148px;}
.green_b{ position:absolute; top:-6px; left:148px;}
.full_lmsGreen .inside {width:100%; color:#434343;height:297px; overflow:hidden}
.full_lmsGreen .inside p{ }
.full_lmsGreen .inside p:nth-child(even) {background: #efefef}
 .full_lmsGreen .inside p:nth-child(odd) {background: #e1e1e1}
 .full_lmsGreen .inside p{ text-align:center; padding:22px 20px; margin:0; font-size:13px;height:30px}
.full_lmsGreenFooter{ background:#61b11b; border-top:#539f11 solid 7px; padding:10px 20px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box}
.full_lmsGreenFooter a{ display:block; text-align:center; font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase; font-family: 'open sans';}
.full_lmsSky{ float:left; width:310px; margin-left:10px;}
.full_lmsSkyHeading{ height:99px; background:#4eabd7; border-bottom:#3a9cca solid 7px; border-top:#3a9cca solid 7px; padding:10px 15px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box}
.head_full2{ float:left; color:#fff; font-size:25px; padding:13px 0 0; line-height:25px;}
.head_rate2{ float:right}
.head_rate2 abbr.large_val{color:#fff; font-size:30px; line-height:30px; text-align:center; float:left; width:100%;}
.head_rate2 p{ font-size:12px; color:#fff; margin:0px; padding:0px; text-align:center}
.green_a2{ position:absolute; bottom:-20px; left:148px;}
.green_b2{ position:absolute; top:-6px; left:148px;}
.full_lmsSky .inside {width:100%; color:#434343;height:297px; overflow:hidden }
.full_lmsSky .inside p{ }
.full_lmsSky .inside p:nth-child(even) {background: #efefef}
 .full_lmsSky .inside p:nth-child(odd) {background: #e1e1e1}
 .full_lmsSky .inside p{ text-align:center; padding:22px 20px; margin:0;height:30px}
.full_lmsSkyFooter{ background:#4EABD7; border-top:#3A9CCA solid 7px; padding:10px 20px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box}
.full_lmsSky a{ display:block; text-align:center; font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase; font-family: 'microsoft_new_tai_lueregular';}
.full_lmsGreen002{ float:left; width:204px; margin-right:10px}
.head_full{ float:left; color:#fff; font-size:25px; padding:13px 0 0; line-height:25px;}
.head_rate{ float:right; padding-top:10px; font-family: 'helvetica_neue_ltregular';}
.head_rate abbr.large_val{color:#fff; font-size:30px; line-height:30px; text-align:center; float:left; width:100%; font-family: 'helvetica_neue_ltregular';}
.head_rate p{ font-size:14px; color:#fff; margin:0px; padding:0px; text-align:center; font-family: 'HelveticaNeueLTStd-ThCn';}
.green_c2{ position:absolute; bottom:-20px; left:96px;}
.green_d2{ position:absolute; top:-6px; left:96px;}
.full_lmsGreen002 .inside {width:100%; color:#434343;height:297px; overflow:hidden}
.full_lmsGreen002 .inside p{ }
.full_lmsGreen002 .inside p:nth-child(even) {background: #efefef}
 .full_lmsGreen002 .inside p:nth-child(odd) {background: #e1e1e1}
 .full_lmsGreen002 .inside p{ text-align:center; padding:22px 20px; margin:0; height:30px;}
.full_lmsSky{ float:left; width:310px; margin-left:10px;}
.full_lmsSkyHeading{ height:99px; background:#4eabd7; border-bottom:#3a9cca solid 7px; border-top:#3a9cca solid 7px; padding:10px 13px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box}
.head_full2{ float:left; color:#fff; font-size:25px; padding:13px 0 0; line-height:25px;}
.head_rate2{ float:right}
.head_rate2 abbr.large_val{color:#fff; font-size:30px; line-height:30px; text-align:center; float:left; width:100%;}
.head_rate2 p{ font-size:12px; color:#fff; margin:0px; padding:0px; text-align:center}
.green_a2{ position:absolute; bottom:-20px; left:148px;}
.green_b2{ position:absolute; top:-6px; left:148px;}
.full_lmsSky .inside {width:100%; color:#434343;height:297px; overflow:hidden }
.full_lmsSky .inside p{ }
.full_lmsSky .inside p:nth-child(even) {background: #efefef; font-size:13px;}
 .full_lmsSky .inside p:nth-child(odd) {background: #e1e1e1; font-size:13px;}
 .full_lmsSky .inside p{ text-align:center; padding:22px 20px; margin:0 }
.full_lmsSkyFooter{ background:#4EABD7; border-top:#3A9CCA solid 7px; padding:10px 20px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box}
.full_lmsSky a{ display:block; text-align:center; font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase; font-family: 'open sans';}
.full_lmsSky002{ float:left; width:204px}
.head_full2{ float:left; color:#fff; font-size:22px; padding:13px 0 0; line-height:25px; font-family: 'helvetica_neue_ltregular';}
.head_rate2{ float:right; width:143px ;font-family: 'helvetica_neue_ltregular';}
.head_rate2 abbr.large_val{color:#fff; font-size:30px; line-height:30px; text-align:center; float:left; width:100%;}
.head_rate2 p{ font-size:14px; color:#fff; margin:0px; padding:0px; text-align:center; font-family: 'HelveticaNeueLTStd-ThCn'}
.green_e2{ position:absolute; bottom:-20px; left:96px;}
.green_f2{ position:absolute; top:-6px; left:96px;}
.full_lmsSky002 .inside {width:100%; color:#434343;height:297px; overflow:hidden }
.full_lmsSky002 .inside p{ }
.full_lmsSky002 .inside p:nth-child(even) {background: #efefef}
 .full_lmsSky002 .inside p:nth-child(odd) {background: #e1e1e1}
 .full_lmsSky002 .inside p{ text-align:center; padding:22px 20px; margin:0;height:30px}
.full_lmsSkyFooter{ background:#4EABD7; border-top:#3A9CCA solid 7px; padding:10px 20px; position:relative; box-sizing:border-box; -moz-box-sizing:border-box}
.full_lmsSky002 a{ display:block; text-align:center; font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase; font-family: 'microsoft_new_tai_lueregular';}
.chowM{ padding:10px 0 0 0; text-align:center}
.chowM a{ display:block; font-size:16px; font-weight:bold; color:#434343; width:200px; margin:0 auto; padding:10px 0px;}
.blog_row{ padding:0px 0 20px 0;}
.blg_title{ font-size:12px; color:#434343; padding:0px 0px 15px 0px;}
.blg_sub{ font-size:12px; color:#434343; padding:0px 0px 25px 0px; text-align:justify;}
.map_green{ background:#61b21b; padding:10px; text-align:left; color:#fff; text-transform:uppercase; font-size:15px; margin-bottom:10px; width:500px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-sizing:border-box; -moz-box-sizing:border-box;  background: -moz-linear-gradient(0deg, #56a81f 0%, #68b819 100%); background: -webkit-gradient(linear, 0deg, color-stop(0%, #56a81f), color-stop(100%, #68b819)); background: -webkit-linear-gradient(0deg, #56a81f 0%, #68b819 100%); background: -o-linear-gradient(0deg, #56a81f 0%, #68b819 100%); background: -ms-linear-gradient(0deg, #56a81f 0%, #68b819 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#56a81f', endColorstr='#68b819', GradientType='1');  background: linear-gradient(90deg, #56a81f 0%, #68b819 100%);}
.block h2.title {display:none}
#footer_content {color: #8B8B8B; margin: 0 auto; padding-top: 10px; width: 930px}
.foot_box h3 {color: #8B8B8B; font-family: 'myriad_prosemibold'; font-size: 20px; font-weight: normal; margin: 0 0 10px 0}
 .banner_fit .banner-fit .banner-static img {width: 1160px; height: auto; margin: 0.6em 0 0 0}
.front .container{width: auto;}
.front #mainwrapper .box{margin: 12px;}
.abtHeadline, .tour-node .border {margin: 0 0 0 26.5em;}
  .show-more-less { width: 100%;  }
.short-text {overflow: hidden; height: 0}
.full-text{ height: auto}
#slm_expand {padding: 10px 0; text-align: center}
    .top_sign{ float:right;padding:19px 0 0 0;}
.topSubscription{ float:left; background:#e0e0e0; color:#797979; text-decoration:none; border-right:#fff solid 2px; padding:0px 10px; height:34px; line-height:34px; padding-left:5px;  -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -moz-border-bottom-left-radius: 5px;  -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 5px; background: -moz-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -webkit-gradient(linear, 90deg, color-stop(0%, #d7d7d7), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -o-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -ms-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#eaeaea', GradientType='0');  background: linear-gradient(0deg, #d7d7d7 0%, #eaeaea 100%);}
a.topSubscription:hover{ background:#f47d27; color:#fff;}
.topSubscription img{float:left; clear:both; margin-right:5px;}
      p {font-size: 16px;}
img{ margin-top:0;}
.topSubscription{ float:left; background:#e0e0e0; color:#797979; text-decoration:none; border-right:#fff solid 2px; padding:0px 15px; height:34px; line-height:36px; padding-left:5px;}
.seo-cat-header {float:left; font-size: 16pt; color: #505050}
.seo-mp-heading {color:#606060; font-size:22px; margin-top:20px; margin-bottom:15px}
img {border:none;}
div.errorExplanation ul{float:none !important}
div.errorExplanation ul li{float:none !important; list-style-type:none !important}
 body p {text-align:inherit }
body li {line-height:normal }
  .page1 {font-size: 14px }
.cgn_web_btn_01 {position: relative; font-family: arial, helvetica, sans-serif; white-space: nowrap; display: block; width: 168px; height: 42px; margin: 0px; padding: 0px; text-align:center; font-weight:bold; text-indent:-10000px}
.cgn_web_btn_01 a {background: url(../images/portal_list/cgn_signup.png) no-repeat; color: #6a2a05; font-size: 11px; width: 168px; height: 42px; line-height: 42px; text-decoration: none; display: block}
.cgn_web_btn_01 a:hover{ background-position: 0px -44px}
.cgn_web_btn_02 {position: relative; font-family: arial, helvetica, sans-serif; white-space: nowrap; display: block; min-width:64px; height: 50px; margin: 0px; padding: 0px; text-align:center; font-weight:bold}
.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/portal_list/topnavbg.jpg) no-repeat; background-position:bottom}
.cgn_web_btn_02_selected {background: url(../images/portal_list/topnavbg.jpg) no-repeat; background-position:bottom}
.cgn_web_btn_02_orange {color: #5f5f5f}
.btn_appear01{float:right;margin-top:8px}
.btn_appear02{float:left;margin-left:20px}
.clear{clear:both;}
 #customers{width:986px; min-height:600px; background-image:url(../images/portal_list/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:#FFFFFF; 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:0px 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: 0px; padding: 0px; font-weight:normal; text-indent:15px}
.cust_btn_1 a {background: url(../images/portal_list/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: 0px -65px}
.cust_btn_2 {position: relative; font-family: arial, helvetica, sans-serif; white-space: nowrap; display: block; width: 266px; height: 65px; margin: 0px; padding: 0px; font-weight:normal; text-indent:15px}
.cust_btn_2 a {background: url(../images/portal_list/lhsMenu_act.jpg) no-repeat; color: #ffffff; font-size: 20px; width: 266px; height: 65px; line-height: 63px; text-decoration: none; display: block}
.cust_btn_2 a:hover{ background-position: 0px -65px}
 .textStyle1{color:#656565; font-size:12pt; margin:15px 0px;}
.textStyle2{color:#646464; font-size:12pt;}
.textStyle3{color:#656565; font-size:9pt; margin-top:8px }
.textStyle4{color:#656565; font-size:12pt; margin:5px 0px 15px 0px ;}
.textStyle5{color:#656565; font-size:10pt; margin:15px 0px; text-align:justify;}
.textStyle6{color:#595959; font-size:9.5pt; margin-top:10px }
.textStyle6{color:#2e7cb1; font-size:18pt;}
.textStyle7{color:#f89b1d; font-size:16pt;}
.textStyle8{color:#5a5a5a; font-size:16pt;}
.textStyle9{color:#656565; font-size:11pt; margin:15px 0px; text-align:justify;}
 .rndCorner{  }
.rndCorner_width1{width:220px}
 .css_angles{  background:url(../images/portal_list/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 10px}
.rndCornerContent{  background-color:#f4f4f4; border:1px solid #f4f4f4;  padding:0 8px}
.rndCornerContent *{margin:0px;}
.rndCornerContent_extrapadding *{margin-bottom:5px;}
 a.link01{color:#797979}
a.link02{color:#2e7db2}
.portal_list_link{color:#3481C2; font-size:12px}
.portal_list_link:hover{color:#f89b1d}
.cat_selected{white-space:nowrap; padding-right:2px}
.ul01{list-style-type:disc;}
.ul01 li{ margin-left:00px; float:none;list-style-type:disc}
a.cat_link{font-size:11pt}
.cat_box {padding-left:8px; padding-right:8px;line-height:18px}
.cat_item {padding:3px 10px;  background-color:#fff }
.texthuman{color:rgb(0,0,0);}
.cat_item a{ display:block; width:100%; color:#606060; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-decoration:none}
.cat_item a:link{ color:#606060 }
.cat_item a:hover {color:#606060; background-color:#E7F2F9 }
#change_categories_menu {z-index: 10; display:none; position:absolute; border: 1px solid #ccc; max-height:250px; overflow:auto }
 #container #coggnotour{width:1014px; min-height:600px;  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 0px 0px 0px }
.tour_btn_1 {position: relative; font-family: arial, helvetica, sans-serif; white-space: nowrap; display: block; width: 242px; height: 65px; margin: 0px; padding: 0px; font-weight:normal; text-indent:15px}
.tour_btn_1 a {background: url(../images/portal_list/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: 0px -65px}
.tour_btn_2 {position: relative; font-family: arial, helvetica, sans-serif; white-space: nowrap; display: block; width: 266px; height: 65px; margin: 0px; padding: 0px; font-weight:normal; text-indent:15px}
.tour_btn_2 a {background: url(../images/portal_list/lhsMenu_act.jpg) no-repeat; color: #ffffff; font-size: 20px; width: 266px; height: 53px; text-decoration: none; display: block; padding-top:12px }
.tour_btn_2 a:hover{ background-position: 0px -65px}
.orange_bubble{ background: url(../images/portal_list/orangebubble.jpg) no-repeat; width: 697px; height: 99px; margin:0px 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{ }
.arrow_or_l{ background: url(../images/portal_list/arrow_or_01.jpg) no-repeat; float:left; width: 34px; height: 40px; margin-bottom:6px}
.arrow_or_m{ background: url(../images/portal_list/arrow_or_02.jpg) repeat-x; float:left; height: 40px; line-height: 40px}
.arrow_or_r{ background: url(../images/portal_list/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{ }
.arrow_bl_l{ background: url(../images/portal_list/arrow_bl_01.jpg) no-repeat; float:left; width: 34px; height: 40px; margin-bottom:6px}
.arrow_bl_m{ background: url(../images/portal_list/arrow_bl_02.jpg) repeat-x; float:left; height: 40px; line-height: 40px}
.arrow_bl_r{ background: url(../images/portal_list/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}
.tourTextGrey{color:#939393;}
.tourTextGrey2{color:#505050;}
 .cbox{float:left;}
.cboxl{float:left; width:10px; height:292px; overflow:hidden; background-image:url(../images/portal_list/cboxlshadow.jpg);}
.cboxr{float:left; width:10px; height:292px; overflow:hidden; background-image:url(../images/portal_list/cboxrshadow.jpg);}
.cboxm{float:left; width:210px; height:640px; border:1px solid #e1e1e1;}
.cbox_inside{padding:10px;}
.cbox_title{color:#2e7cb1; margin:6px 0px; font-size:14pt; text-align:center; font-weight:bold;}
.cbox_desc {color:#939393; font-size:9pt; text-align:left;}
.cbox_desc ul{float:none;padding:0px;margin:0px; margin-left:10px; list-style-type:circle;}
.cbox_desc ul li{float:none;padding:0px;margin:0px;list-style-type:circle; margin-bottom:5px;}
.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 0px; font-size:14pt; text-align:center;}
.cbox3 ul{float:none;padding:0px;margin:0px; margin-left:10px; list-style-type:none;}
.cbox3 ul li{float:none;padding:0px;margin:0px; padding:5px 0px; 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:none}
.downarrow{float:right;margin-right:10px;margin-top:14px;width:10px;}
.downarrownarrow{float:left;margin-left:25px;margin-top:-10px;width:11px;}
.leftbar{float:left; width:276px; padding-top:10px;margin-top:48px;}
.rightcontent{float:left; width:710px; padding-top:25px;margin-bottom:30px;}
.bulkcontent{float:left; width:150px; padding-top:25px;}
 .searchboxbg input{padding:0px;margin:0px; height:30px; vertical-align:middle; margin-left:1px;font-style:oblique;font-size:9pt;padding-left:10px;}
.searchboxbg img{padding:0px;margin:0px; line-height:28px; vertical-align:middle; margin-left:6px;height:27px;width:75px;}
.filterheading{ background-image:url(../images/portal_list/catheadbg.png); background-repeat:repeat-x; width:222px; height:35px; line-height:30px; padding-left:20px;  font-size:11pt;;font-family:open sans}
.filterheadingdiv{ background-image:url(../images/portal_list/catheadbg.png); background-repeat:repeat-x; width:97.9%; height:35px; line-height:30px; padding-left:15px;  font-size:9pt; margin:0 0 10px;font-family:"Open Sans"}
.courseBoxCountImg{float:right;height:0px;margin-top:-18px;}
.logocount{ background: lightgrey; font-weight: lighter; color:#666666;font-size:10pt;padding:0 0.7em; text-align:center;line-height:20px;font-family:open sans; margin: -2.1em 2em 0 0;}
.filteritems{ padding-left:10px;}
.filteritems ul{float:none;padding:0px;margin:0px; margin-left:0px; list-style-type:none;font-family:open sans;font-size:11pt;}
.filteritems ul li{float:none;padding:0px;margin:0px; padding:1px 0px 5px; color:#505050; font-size:10pt;}
.filteritems ul li a{color:#505050;text-decoration:none;}
.filteritems ul li a:hover{text-decoration:none;color:#f89b1d;}
.filteritems ul li a.del{color:#f89b1d;text-decoration:none;}
.filteritems ul li a.del:hover{text-decoration:none;}
.filteritems input[type=radio] {vertical-align: 0}
.bestSellerHeading{ background-image:url(../images/portal_list/bestsllrhdr.jpg); background-repeat:no-repeat; width:688px; height:32px; line-height:32px; padding-left:20px; color:#fff; font-size:12pt; margin-top:20px; font-weight:bold}
.bestSellerBox{ background-color:#eff9ff; border:1px solid #aedefe; border-top:none; padding:20px; width:666px; margin-bottom:10px}
.bestSellerBox a{color:#3481c2;}
.bestSellerBox a:hover{color:#f89b1d;}
.orange_bubble2{ background: url(../images/portal_list/orangebubble2.jpg) no-repeat; width: 708px; height: 100px; margin-bottom:10px; color:#505050; padding-top:7px}
.courseBoxLeftNarrow{width:222px;height:35px;margin-top:-46px;border:1px solid rgb(224,224,224);background-color:rgb(224,224,224);margin-bottom:8px;font-family:open sans; font-size:11pt;padding-left:20px;line-height:30px;}
.askTextArea{ background-image:url(../images/portal_list/askboxshadow.jpg); background-repeat:repeat-x; width:300px; height:58px; border:1px solid #cacaca; overflow:hidden; font-family:Arial, Helvetica, sans-serif; color:#505050; font-size:9pt;padding-top:0px;padding-bottom:0px}
.askTextBox{ background-image:url(../images/portal_list/askboxshadow.jpg); background-repeat:repeat-x; width:300px; height:20px; border:1px solid #cacaca; overflow:hidden; font-family:Arial, Helvetica, sans-serif; color:#505050; font-size:9pt;padding-top:0px;padding-bottom:0px}
.courseBox{border:1px solid #e0e0e0;  width:690px;margin-top:2.2em; background-color:#fff }
s .courseBoxLeft{border:1px solid #e0e0e0;  width:242px; background-color:#fff;margin-bottom:10px}
.courseBoxImg{float:left; width:100px; margin-right:10px; border:1px solid rgb(224, 224, 224); text-align:center}
.courseBoxImgdiv{width:100px; margin-right:10px;margin-left:66px; border:1px solid rgb(224, 224, 224); text-align:center}
.courseBoxImgdis{float:left; width:110px; margin-right:10px; text-align:center}
.searchboxbgtag{margin-top:10px;}
.courseBoxImgTitle{width:225px;float:left;height:250px;}
.courseBoxDesc{color:#505050; padding-left: 10px; padding-right: 10px;}
.bbox {margin-left:56px;margin-top:10px;margin-bottom:10px;width:120px;color:#505050;}
.big.margtop {color: rgb(255, 106, 0); font-family: Open Sans; font-size: 13pt; margin-left: 32px; margin-top:4px}
.abovefooter{width:700px;font-family:open sans;font-size:10pt;}
.locationImg{width:223px;height:180px;margin-top:8px;margin-bottom:8px;}
.searchbox{float:right;margin-right:20px;margin-top:-10px;}
.courseBoxDesc p.courseTitle, .courseBoxDesc p.courseTitle a {color:#3481c2; font-size:14pt;color:rgb(33, 115, 156); width:100%}
.courseBoxDesc p.courseTitleSmall, .courseBoxDesc p.courseTitleSmall a {color:#3481c2; font-size:10pt;color:rgb(33, 115, 156); text-align:center; width:100%}
.textcolor{color:rgb(33, 115, 156);font-size:13pt;font-weight:normal;}
.courseBoxDesc p.author{margin-top:10px;margin-bottom:10px;}
.courseBoxDesc p.text{margin-top:10px;}
.courseBoxDesc p.justify{text-align:justify;}
.courseBoxDesc p.keywords{margin-top:10px;}
 .divdis {width: 120px}
.courseBoxAlign{margin-top:25px;}
.coursePrice{float:right; width:129px; height:48px; background-image:url(../images/portal_list/pricetag.png); background-repeat:no-repeat; margin-top:-13px; text-align:center; color:#FFFFFF}
.courseFreePrice{float:right; width:129px; height:48px; background-image:url(../images/portal_list/pricetag_free.png); background-repeat:no-repeat; margin-top:-13px; text-align:center; color:#FFFFFF}
.coursePrice p.big, .courseFreePrice p.big{margin:0px; padding:0px; line-height:12px; font-size:17pt;}
.coursePrice p.medium{margin:0px; padding:0px; line-height:12px; font-size:16px;}
.coursePrice p.medium span.crossed{text-decoration:line-through; font-size:14px}
.coursePrice p.margtop, .courseFreePrice p.margtop {margin-top:18px}
input:focus {outline:none}
div.scrolldiv {margin-top:10px; width:230px; height:115px; overflow-y:scroll}
.searchiconbtn{background:url("../images/search.png");color:rgb(255, 255, 255);width:75px;border:1px solid; background-repeat: no-repeat}
.coursePath{width:400px; float: left; margin-top: -10px}
.searchbox_reset {padding-left:8px; padding-top:4px}
.notice {background: #ddff88; border: 1px solid #ccff00; padding: 10px; text-align:center; margin:10px 30%; color:#555}
.searchimgbox{background:url("../images/Searchiconsmall.png") repeat scroll 0 0 rgba(0, 0, 0, 0);margin-top:0px;border:1px solid rgb(222,222,222);height:23px;width:23px;}
#search_textbox {color: #505050 }
.tagsbox{width:210px;height:30px;font-size:9pt;font-style:oblique;padding-left:10px;background-image: url("/images/toolbar_find.png"); background-position: 185px 9px; background-repeat: no-repeat;background-size:26px 21px;}
.clerk_buttons_box {float:right}
.courseBoxBuy { padding-top:6px;margin-bottom:30px;}
.courseBoxBuy input.c_btn, .courseBoxBuy input.c_btn_right {height: 30px;}
.courseBoxBuy .c_btn {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background:url("../images/greenbox.png") repeat scroll 0 0 transparent; border-color: transparent; border-image: none; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff; cursor: pointer; display: inline-block; line-height: 20px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; height:100%}
.courseBoxBuy .c_btn_right {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background:url("../images/orangebox.png") repeat scroll 0 0 transparent; border-color: transparent; border-image: none; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff; cursor: pointer; display: inline-block; line-height: 20px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; height:100%; float:right }
.clerk_button {padding-left:1px;padding-right:1px;text-align:center;width:139px;font-size:10px}
ul.dropdown li.currentLoginName{padding:4px 8px;text-transform:none;color:#606060;font-size:11px}
.next_button_div{ padding: 10px; margin-top:30px}
#endless-page {margin: 10px 0px; text-align: center; clear: both}
.orderBtn {display: inline-block; margin: 0px auto; text-decoration: none; padding: 0px; border: none; background: none; cursor: pointer}
.orderBtn.endless-progress .btnBorder, .orderBtn.endless-progress .btnContent {border: none!important; height: 43px!important}
.orderBtn.endless-progress .btnBord {background-image:url(../images/endless_borders.png); background-repeat: no-repeat; width: 5px!important}
.orderBtn .btnBorder {width: 5px; height: 44px;  }
.btnContent {border: none !important; height: 43px !important; color:#8b8b8b !important }
.orderBtn.endless-progress .btnContent {background:url("../images/portal_list/catheadbg.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0); width:300px}
.orderBtn .movable, .orderBtn .newProgress { }
.orderBtn .btnContent {position: relative; padding: 0px 0px; height: 42px; line-height: 35px;  font-size: 16px; font-weight: normal; font-family: open sans}
.orderBtn > * {float: left}
.btnRight {background-position: -5px 0px !important}
.orderBtn.endless-progress .btnContent .movable span {padding: 0px 23px 0px 24px}
.orderBtn.endless-progress .btnContent span.btnValue span {color: #828282}
.hide{ display: none}
 .catlog-left{ float:left;}
.catlog-right{ float:right;}
.catlog a {display: inline-block; padding: 0.5em;}
.search-box{border:1px solid #ccc; padding:.4em; font-size:1em; font-style: italic; color:#aaaaaa;}
.search-btn{ background-color:#5fb01c; background-image:url(../images/portal_list/s-icon.png); background-repeat:no-repeat; background-position:6px center; color:#fff; border-radius:4px; padding:0.3em; border:0; font-size:1em; text-align:right; width:73px; margin-left:.5em;}
.catlog a.active{color:#636363;}
.top-container {margin:0 auto; width:1160px}
.container{ margin:20px auto;}
 .widget-left{ margin-right:2%;}
.widget-right, .widget-right-1{ border:1px solid #dddddd;}
.widget-box{ margin:0 0 1em; border:1px solid #dddddd;}
.widget-title{ background-color:#f5f5f5; color:#404040; width: 100%}
.widget-title .rot90{ margin: 14px 10px }
.wrap-sidebar {padding:.9em;}
.btn-primary{margin:.5em auto; background:#539f11; color:#fff; border-left:5px solid #61b11b; padding:.5em 1em; font-size:1.2em; width:auto; display:table;}
.btn-primary:hover{ background:#F47D27; color:#FFFFFF; border-left: 5px solid #f79147}
.more_up{position:relative;top:-20px;}
.wrap-sidebar.cart li:nth-child(2) {float: left; text-align: center; width: 40%;font-size:12px;}
.wrap-sidebar.cart li:nth-child(1) {float: left; width: 60%;font-size:12px;}
.price-view {display: block; color:#186496; font-size:21px; font-weight:bold}
.wrap-sidebar.cart{color:#626262}
.c-info li{display:block; width:100%;}
.c-info li P{margin-bottom: .3em}
.c-info li:nth-child(1), .c-info li:nth-child(2){text-align:center;}
.wrap-sidebar.c-info a img {display: inline-block;margin: auto 0.46em;}
.c-info li{margin:.1em auto;}
.wrap-sidebar.c-info li span {margin-right: 0.8em; margin-top: -0.2em; vertical-align: middle;}
.wrap-sidebar.c-info li a{vertical-align: middle;}
.container .courseBox {margin:0 !important;}
.spc-rl{padding:.5em 1em;}
.line-b{border-bottom:1px solid #ddd;}
.line-b a{display:inline-block; margin:0 .42m; padding-bottom: .8em;}
.c-info img {vertical-align: middle; margin-right: .5em;}
.c-info li a {display: inline-block;vertical-align: middle;}
.borrder-tb {border-bottom: 1px solid #ddd;}
.borrder-tb {border-bottom: 1px solid #ddd;padding: .5em 1em;}
.c-info .left-links li, .c-info .synd li {text-align: left; font-size: 13px; white-space: nowrap; overflow: hidden;}
h3.h3-title{border-bottom: 1px solid #ddd; font-size: 1.1em; margin: 1.5em 1em .7em; font-weight: bold; color: #186496;}
.container .mp_text06{font-size: 13px;}
.syndication a{color: #000; font-weight: bold; font-size: 12px;}
.syndication td{vertical-align: top;}
.price-share{font-size: 14px; font-weight: bold; color: #f4721e;}
.price-share strong{color: #000; line-height: 40px;}
.synd {margin-bottom: 1.5em;}
.disc .price_table p.labl {text-align: center;}
.disc .price_table p.value{ text-align: right;}
.container #buy_box-dt{lwidth: 100%;}
.container .mp_link01 > strong {font-size: 18px !important;color: #5b99bd}
.discount_table{ border: 1px solid #cccccc;border-collapse: collapse; margin-top: 5px;}
.discount_table tr td{padding: .8em; border: 1px solid #ccc; text-align: center;}
.discount_table th{padding: .5em;}
.price-unit {display: block; text-align: center; position: relative; top: 10px; margin-bottom: .7em;}
.price-unit p {font-size: .75em;margin-top: .3em;display: block;}
.price-unit > strong {color: #f89b1d; display: block; font-size: 18px;font-weight: normal;}
#qty {height: 35px; margin-left: 0.5em; max-width: 40px;}
.form-unit {margin: 1.5em auto}
.price-unit.total_price > strong {display: inline; margin-left: 1em;}
.total_price{text-align: left;}
#buy_box-dtl .mp_link > strong {display: block;padding: 0.5em 0;}
.read-more {background: none repeat scroll 0 0 #ffffff; color: #b9b9b9; display: table; margin: auto auto -16px; padding: 0.5em; text-align: center !important;}
.widget-right .courseBox {border-left: 0 none; border-right: 0 none;border-top: 0 none; width: auto;}
#buy_box-dtl {padding: 0 1.5em;}
.include-packg ul li img {float: left; margin: 0 0.8em;}
.include-packg ul li p {vertical-align: top;}
.start {float: right;}
.include-packg {padding:1em 0.5em 0; border-bottom: 1px solid #dddddd;}
.include-packg strong, .attach .included_label strong {display: block; margin: 0 0 1.5em !important;}
.include-packg li {clear: both;display: block; margin-bottom: 1em;}
.attach{padding:1.5em 1.5em 3em;}
.attach li:nth-child(2) {float: left; margin-right: 1em; width: 78%;}
.attach li:nth-child(1) {float: left; margin-right: 1em; width: 4%;}
.attach li:nth-child(3) {float: left; width: 13%;}
#tabs{padding:2em 1.5em; border-bottom: 1px solid #dddddd;}
#tabs .tabs-nav {border-bottom: 1px solid #dddddd;margin: auto -21px; padding: 0;}
.tabs-nav > li{float: left; margin-right: 8px;}
.tabs-nav > li:nth-child(2) {margin-left: 1.6em}
.tabs-nav a {border-bottom:0 !important;color: #626262; border: 1px solid #dddddd; display: block; padding: 0.6em; text-align: center; width: 180px;}
.tabs-selected > a, .tabs-nav li:hover a{ background: #e8e8e8;}
.align-l{ float:right;}
.boximgdis {width: auto;}
.boximgdis img {display: block; margin:.5em; border:1px solid #ddd; padding: .5em;}
#tooltip_box span.middle, #tooltip_box span.top, #tooltip_box span.bottom{background: none;}
.tooltip{background: #fff; box-shadow: 0 11px 6px #333; position: inherit !important; top: auto !important;}
#tooltip_box span.top{color: #186496; padding: 1em 1.5em;}
#tooltip_box span.tooltip{padding: 0; margin-bottom: 2em;}
.star-img {float: left;width: 30%;margin-right:1em;}
.star-img img {display: block;margin: auto;}
.star-img .star{margin:auto !important;}
#tooltip_box span.middle p{float: left;width: 66%;}
.tooltip{ position: relative;box-shadow: 0 0 10px #333; bor }
.tooltip:after, .tooltip:before {bottom: 100%;border: solid transparent; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none}
.tooltip:after {border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px}
.tooltip:before {border-color: rgba(194, 225, 245, 0); border-bottom-color: #fff; border-width: 15px; margin-left: -15px}
.close {color: #ccc; font-size: 2em; padding: 0.5em; position: absolute; right: 0; top: -14px}
.divdis {width: 135px !important}
.more-lnk{float:right; margin: 0 0 1em;}
.more-lnk a{font-size: 1.2em;}
@media only screen and (min-width : 320px) and (max-width : 480px) {.container .widget-left, widget-right, .widget-right-1, .align-l {float:inherit; width:100% !important;}
.container {padding: 1em;width: auto;}
.c-info > table, .widget-right-1 {padding: 1em;}
.courseBox{ float:inherit; border:0; width:auto; border-bottom:1px solid #ddd;}
.courseBoxAlign{margin:0;}
.courseBoxImgdis, .divdis, .courseBox{width:auto !important; float:inherit;}
#buy_box-dtl{padding:0;}
.include-packg ul li img{float:inherit;}
.tabs-nav > li:nth-child(2){margin-left:0;}
.tabs-nav a{width:auto;}
.container table {width: 100%; border-collapse: collapse}
.discount_table tr {border-bottom: 1px solid #dddddd;}
.attach{padding:0;}
.attach li:nth-child(1), .attach li:nth-child(2), .attach li:nth-child(3){ width:auto; float:inherit;}
.discount_table tr{display: block; width: 50%; float:left;}
.discount_table tr td{display:block;}
.c-info{white-space: normal;}
.discount_table th {display: block; min-height: 55px; padding: 0.5em}
}
@media only screen and (min-width : 480px) and (max-width : 768px) {.container .widget-left, widget-right, .widget-right-1, .align-l {float:inherit; width:100% !important;}
.container {padding: 1em;width: auto;}
.c-info > table, .widget-right-1 {padding: 1em;}
.courseBox{ float:inherit; border:0; width:auto; border-bottom:1px solid #ddd;}
.courseBoxAlign{margin:0;}
.courseBoxImgdis, .divdis, .courseBox{width:auto !important; float:inherit;}
#buy_box-dtl{padding:0;}
.include-packg ul li img{float:inherit;}
.tabs-nav > li:nth-child(2){margin-left:0;}
.tabs-nav a{width:auto;}
.container table {width: 100%; border-collapse: collapse}
.discount_table tr {border-bottom: 1px solid #dddddd;}
.attach{padding:0;}
.attach li:nth-child(1), .attach li:nth-child(2), .attach li:nth-child(3){ width:auto; float:inherit;}
.discount_table tr{display: block; width: 50%; float:left;}
.discount_table tr td{display:block;}
.discount_table th {display: block; min-height: 55px; padding: 0.5em}
}
@media only screen and (min-width : 768px) and (max-width : 940px) {.discount_table tr td {border: 1px solid #ccc; padding: 0.2em; text-align: center;}
}
.container .courseBox {width: 100%; border-top:0; border-left: 0; border-right: 0;}
             .st_sharethis {padding: 1.5em 1.2em 1.5em 1.4em; margin: 0 .3em; display: inline-block}
.st_sharethis:hover {cursor: pointer}
.st_facebook_custom {background: url('../images/portal_list/f-icon.png') no-repeat scroll left top transparent}
.st_twitter_custom {background: url('../images/portal_list/tw-icon.png') no-repeat scroll left top transparent}
.st_linkedin_custom {background: url('../images/portal_list/i-icon.png') no-repeat scroll left top transparent}
.st_pinterest_custom {background: url('../images/portal_list/p-icon.png') no-repeat scroll left top transparent}
.star-lst {margin-left: 22px; margin-top:4px}
.icon-r {margin-top: 5px;}
.td-align{position:relative; top:5px;}
.icon-r .icon-3{margin-left: 10px;}
.icon-r .icon-2{margin-left: 28px;}
.icon-r .icon-1{margin-left: 40px;}
.courseBoxFree{padding-top: 16px;margin-bottom: -10px;}
@charset "utf-8";   @media only screen and (min-width:200px) and (max-width:1024px) {#zenbox_main {width:100% !important}
.captcha{ width:92%}
.green{ background-color:#5FB01C}
.blue{ background-color:#54B4E1; font-family: 'open_sansbold'; font-size:22px; text-align:center}
.featherlight h1{ font-family: 'open_sansbold'; color:#fff; font-size:20px; margin:0 0 10px 0; padding:0}
.feather-text{ padding:25px; color:#fff; width:85%; float: none; margin-left: auto; margin-right: auto}
.feather-text:hover{ background-color:#F5802B}
.featherlight ul{ font-family: 'open_sansbold'; color:#fff; margin:0; padding:0}
.featherlight li:first-child{ border-top:1px solid rgba(255, 255, 255, 0.1)}
.featherlight li{ margin:0; padding:5px 0; border-bottom:1px solid rgba(255, 255, 255, 0.1); list-style-position: inside; list-style-image: url(../images/bullet.png)}
.featherlight a{ color:#fff}
.featherlight a:hover{ color:#000}
.lightbox {display: none}
.featherlight{ display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:999999999; white-space:nowrap; cursor:pointer; background-color:rgba(76, 21, 107, 0.9); line-height:normal}
.featherlight:last-of-type{ background-color:rgba(255, 255, 255, 0.9)}
.featherlight:before{ content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em}
.featherlight .featherlight-content{ position:relative; text-align:left; vertical-align:top; display:inline-block; overflow:auto; padding:0;  min-width:40%; margin-left:30%; margin-right:30%; max-height:95%; background:#186496; cursor:auto; height: 100%; white-space:normal; color:#fff}
.featherlight .featherlight-inner{ display:block}
.featherlight .featherlight-close-icon{ position:absolute; z-index:9999; top:0;right:0; line-height:25px; width:25px; cursor:pointer; text-align:center; font:Arial,sans-serif; background:#F5802B; color:#fff}
.featherlight .featherlight-close-icon:hover{ background:#5FB01C; color:#fff}
.featherlight-content{ border-bottom:0; padding:0}
.featherlight .featherlight-content{ margin-left:0px; margin-right:0px; max-height:98%; padding:10px 10px 0; border-bottom:10px solid transparent}
}
@media only screen and (min-width:768px) and (max-width:1024px) {.searchbox{ margin-top: 10px !important}
.logocount {background: lightgrey !important; font-weight: lighter !important; color: #666666 !important; font-size: 10pt !important; padding: 0 0.7em !important; text-align: center !important; line-height: 20px !important; font-family: open sans !important; margin: -2.1em 2em 0 0 !important}
.container .align-l .courseBoxDesc{ width:95% !important}
.containerT > ul.tabs li {width: 33.33%}
.front .content {margin-bottom: 40px}
#main_content{ width:100%}
.widget-right .susb-plan ul li.bundle-package{ width:45% !important}
.lms_sunLeft{ width:30%; margin-right:1%}
.lms_right{ width: 67% !important; padding: 0px !important; margin: 0px !important; float: right !important}
#prc_expander {text-align: left}
.full_lmsGreen {float: left; width: 48%}
.full_lmsSky {float: left; width: 49%;  }
 .manu_page{ display:block; float:right; padding:8px 10px 0px 8px; position:relative; z-index:1 }
.copyresponsive{ color: #D6D6D6; font-size: 12px; background-color: #626262; padding: 15px 0; text-align: center; display:block !important}
.copy{ display:none}
#header_bottom{ position:absolute; width:100%; top:0px; height: auto; display:none}
#header_bottom .container{ width: 100% !important}
.coggno_border{ float: left; width: 100%; margin: 0; padding: 5px 0; background-color: #57B9E7; background-image: linear-gradient(to bottom, #57B9E7, #4CA8D4); background-repeat: repeat-y; border-bottom: 1px solid #2F95C6; position: relative; display:block !important}
.foot_menu{ display:block}
#foot_box2 ul{ display:block}
.front .content{ width:95% !important}
.rightcontent{ width:65% !important; float:right !important}
.courseBox{ width:100% !important}
.courseBoxDesfull{ width:73%}
.courseBoxDesc{ width:95% !important}
.courseBoxBuy{ width:95% !important}
#left-panel{ width:35%}
.leftbar{ width:100% !important}
#container #coggnotour{ width:100% !important}
.content h1{ color: #20729F; text-align: left; font-weight: normal; font-style: normal; line-height: normal}
#footer_content h3 {color: #515151; font-size: 15px; font-family: 'open_sansbold'; margin: 0 0 20px 0; padding: 0 0 20px 0; line-height: normal; border-bottom: 1px solid #C6C6C6; position: relative}
.mean-bar {width: 100%; position: relative; margin: 0; background-color: #4EAAD7; float: left; display:block !important}
.button-link {font-family: 'open_sansbold'; background-color: #186496; color: #fff; font-size: 16px; padding: 0}
.button-link img {margin: 0 10px 0 0; vertical-align: middle}
.manu_page {float: right; padding: 0px; position: relative; z-index: 1; display: block; right:0px}
a.meanmenu-reveal {width: 30px; padding: 10px 10px; cursor: pointer; display: block; float: right; color: #FFF}
a.meanmenu-reveal span {display: block; background-color: #fff; height: 3px; margin-top: 3px}
.mean-nav {display:none; float: left; width: 100%; background-color: #4EAAD7}
.meanclose{ display:none}
.mean-nav ul {padding: 0; margin: 0; width: 100%; list-style-type: none}
.mean-nav ul li {position: relative; float: left; width: 100%; border-top: 1px solid rgba(255,255,255,0.2)}
.mean-nav ul li a {display: block; float: left; width: 100%; padding: 10px 0; margin: 0; text-align: center; color: #fff; text-decoration: none; font-size: 14px; font-style: normal; font-weight: normal}
.mean-nav ul li.mean-last a {border-bottom: none; margin-bottom: 0}
.mean-nav ul li a:hover { color:#fff; background-color:#FE6811}
.menu_in {margin-left: 10px; position: absolute; z-index: 9999; width: 42%; top: 20%}
.menu_in ul {float: none; margin: -3px 0 0 0; padding: 0; list-style-type: none; background: -moz-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, #e4e4f7), color-stop(100%, #d1d4dd)); background: -webkit-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -o-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -ms-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4f7', endColorstr='#d1d4dd', GradientType='1');  background: linear-gradient(180deg, #e4e4f7 0%, #d1d4dd 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#000000)"; -moz-box-shadow: 0px 3px 5px #000000; -webkit-box-shadow: 0px 3px 5px #000000; box-shadow: 0px 3px 5px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#000000);  }
#header .menu_in ul li {float: none; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(ul.tabs liStrength=0, Direction=180, Color=#cbc5c5)"; -moz-box-shadow: 0px 1px 0px #cbc5c5; -webkit-box-shadow: 0px 1px 0px #cbc5c5; box-shadow: 0px 1px 0px #cbc5c5; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#cbc5c5);  -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out}
.menu_in ul li a {text-decoration: none; color: #000; padding: 10px 15px; display: block; font-size: 18px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff)"; text-shadow: 0px 1px 0px #ffffff; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff);  }
.menu_in ul li.inOrgBg {background: #F08800; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0}
.menu_in ul li:hover.inOrgBg {background: #F08800; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0}
.menu_in ul li:hover, .menu_in ul li.activeTab {background: -moz-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, #94c9fd), color-stop(100%, #417de3)); background: -webkit-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -o-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -ms-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c9fd', endColorstr='#417de3', GradientType='1');  background: linear-gradient(180deg, #94c9fd 0%, #417de3 100%)}
.menu_in ul li:hover a, .menu_in ul li.activeTab a {text-shadow: none; color: #fff}
 .content {width: 95%; margin-left: auto; margin-right: auto}
 .container { width:100%}
.menu ul a {padding: 10px 14px}
.menu ul ul {left: -126px}
ul.tabs li a {padding: 7px 21.6px !important}
.save_time {width: 70%}
.thmb_cont {margin: 0 0 54px 54px}
.foot_box {width: 23%}
.foot_box2 {width: 22%}
.footer_social img {width: 100%; height: auto}
.footer_social a {margin: 0px; margin-left: 15px}
#footer{ margin-top: 45px}
.wht_is {display:none; background: url("/sites/all/themes/coggno/images/seewhatblue.png") repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 solid rgb(21, 95, 131); border-radius: 8px;  color: rgb(21, 95, 131); float: left; font-family: 'microsoft_new_tai_luebold'; font-size: 14px; font-weight: normal; margin-top: 3px; padding: 19px 5px; text-decoration: none; text-shadow: 0 1px 0 rgb(239, 239, 239); width: 220px;    font-weight: bold;       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#efefef)";  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#efefef);     ;     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4b4b4', endColorstr='#ffffff', GradientType='0');   box-shadow: none}
.aroTab {background: url(img/menu-arrow.png) no-repeat right center}
.less {background: url(img/less.png) no-repeat right center}
.customers {float: left; width: 33%}
.customers ul li a {font-size: 18px}
.right_bar {float: right; width: 65%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.right_bar p {text-align: justify}
.right_bar h2 {margin: 0px 0 0 0; font-size: 20px}
.corporate h2 {float: left; margin: 15px 0 0 224px !important }
.looking {margin: 40px 0 0 0; text-align: justify; width: auto }
.abtHeadline h1 {margin: 7px 0 0 10px}
.provide_tex {margin: 0px 0 14px; width: 100%}
.provide_tex h2 {font-size: 25px; margin-left: 0px; margin-top: -7px}
.line {margin: 30px 0 20px }
.load_btn {margin: 40px 0 35px 101px}
.subwayBox {padding: 10px 26px; float: none; margin: 150px 10px 0px 10px}
.industryRight {padding: 20px 0 0 0; float: none}
.industry {padding: 0 0 0 10px}
.industry ul li {width: 180px}
.industry_text {width: 74%}
.their_row {padding-top: 0px}
.their_left {width: 100%; float: none; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.other_storiesRight {width: 100%; float: none; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.multi_logo {margin: 15px 0 15px 45px}
.lms {width: 32%}
.cor2 {margin-top: 10px !important}
.ideaText {width: 88%}
.right_bar {width: 65%; padding: 10px; float:right; margin:0px}
.projectPic img {width: 100%; height: auto}
.get_started {margin: 28px 0 0 132px}
.pc_leftText {width: 100%; float: none}
.pc_pic {float: none; padding: 20px 0 0 0}
.pc_pic img {width: 100%; height: auto}
.courses_onlineMidLeft {width: 48%}
.selling_box a img {width: 100%; height: auto}
.b2_text {left: 1%; text-align: center; top: 43%}
.b2Well h1 {text-align: left; font-size: 35px; width: 100% }
.b2_sub {font-size: 25px; text-align: left}
.law_text h2 {font-size: 20px; margin-top: 170px}
.contact_image img {width: 100%; height: auto}
.market_left {float: left; width: 31%}
.map {height: 177px}
.map img {width: 100%; height: auto}
.best_seller {float: right; padding: 10px 0 20px; width: 67%}
.seller_search {float: left; margin-left: 118px}
.rate_seller {margin: 20px 0 0 28px}
.stop_left {float: left; width: 25.1%; margin-left: 0px}
.stop_right {float: right; margin-top: 20px; width: 72%}
.stop_right h2 {font-size: 16px}
.open_box h2 {font-size: 24px; padding: 0px 10px}
.open_box p {text-align: justify; padding: 0px 10px 10px 10px}
.subheader {float: left}
.show_blog p {text-align: justify}
.l2b {margin: 40px 0 35px 255px}
ul.tabs li a {padding: 10px 0 7px !important; width: 254px !important; font-size: 14px !important}
.tab_content h2 {margin: 0 0 10px; line-height: 29px}
.srh_input {width: 94%}
.story_topRow {padding: 20px 0 0 0}
.r0001 {padding: 0 10px 10px 10px !important }
.tp_none {margin: 0px !important}
.projectPic {padding: 0px 0px 10px 0px}
.distribute h2 {padding: 10px 0 0 0 }
.menu {display:none;   }
.corporate {margin: 0px}
.l2b {margin: 40px 0 35px 151px}
.provide_tex h2.seth2 {margin: -5px 0 0 0 !important}
.picTop_heading {text-align: center}
.container h2 {margin: 20px 0 0 0px}
.stop_right {margin-top: 0px}
.b3_text {top: 135px !important}
.banner_fit img {width: 100%; height: auto}
h3 a {background: url(img/sprite.png) no-repeat scroll 216px 13px rgba(0, 0, 0, 0) !important}
h3.open a {background-position: 216px -25px !important}
#mainwrapper .box {margin: 0px 10px 30px 7px !important}
#mainwrapper .box abbr {font-size: 18px; color: #000; font-weight: normal; font-style: normal; width: 100%}
.tranning1 h2 {font-size: 27px !important; font-weight: normal}
.header_top_left {width: 26%; float: left; padding: 10px 0px 20px 25px; margin: 5px 0 0px 0px}
#mainwrapper .box .caption h3 {font-size: 18px; font-weight: normal; font-style: normal}
.bannerMenu {right: 5%; width: 200px;   padding: 15px; text-align: left; top:40% !important}
#footer_content{ margin-bottom: 25px}
.bannerMenu a{ text-decoration: none; font-size: 12px; color: #FA6400}
.bannerMenu ul li {float: left; margin: 0 10px}
.tranning_sub {padding-top: 20px}
.foot_box h2 {margin-left: 0px !important }
.foot_box2 h2 {margin-left: 0px !important }
.l2s {margin: 40px 0 35px 115px !important }
.pSet {padding: 0px 10px 10px 10px }
.tourBox ul li {margin: 0 5px 10px 21px}
.greenLeft {float: left; width: 33%}
.lms ul li a {font-size: 19px}
.greenLeft ul li a {font-size: 19px}
.looking {margin: 0 0 0 224px; width: 52%; padding-top: 0px}
.bnner_conterler {  height:400px !important}
.bnner_conterler img {height: 400px !important;  width: 100% !important}
.search_btn{ padding:8px !important; font-size: 16px; margin: 10px 0 0 0px; width:98%}
.mid_search {height: auto; top: 15%; width: 60%; margin: 0 0 0 -2%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  background: rgba(255, 255, 255, 0.90); left: 5%; float: left}
.rockWell h1 {font-size: 30px; line-height: 23px; text-align: left; font-weight: bold; font-family: sans-serif; margin-top: 5px; padding: 10px; text-shadow: -1px 1px 1px #fff; color:#474747}
.rock_sub {font-size: 17px; padding-left: 10px; padding-top:10px; color:#474747}
.rock_sub a{ text-decoration: none !important; font-size: 17px !important}
.rockWell h2 {font-size: 17px; padding-left: 10px}
  .shad_box {margin-top: 10px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); box-shadow: none; top: 85px; width: 94%; margin-left: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; border: 0px !important}
.search {border-left: none; font-size: 14px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; width: 98%; border: 0px solid #000000}
.sb_box h2 {font-size: 17px}
.sb_box span {font-size: 13px}
.logo2 {padding: 10px 0 0px 0px }
ul.tabs li a {font-size: 12px !important}
.containerT > .tab_container {height: auto }
.dot_heading {background: url(img/blue-dot.jpg) no-repeat scroll left 20px rgba(0, 0, 0, 0)}
.dot_heading h2 {margin-top: 0px}
.box9 {margin: 0 0px 30px 0px !important}
.sp7 {font-size: 22px !important}
.b2Box {margin-top: 0px !important }
.example .results {width: 518px !important}
.example .map {height: 255px !important; width: 385px !important; margin-left: 91px}
.contact_row {margin-top: 180px}
.calcu_prant {width: 264px !important}
.calc_container {width: 260px !important}
.calc_question {padding-left: 13px !important}
.calc_padding2 {padding-left: 17px !important}
.calc_padding {padding: 22px 9px !important}
.calc_options {margin: 0 8px 12px 16px !important}
.subwayBox {margin: 10px 10px 0}
.d2row {margin-top: 10px !important; padding-top: 10px !important}
.full_lmsGreen002 {width: 32%}
.full_lmsSky002 {  margin-top:0px; width: 32%}
.green_c2 {left: 111px}
.green_d2 {left: 111px}
.green_e2 {left: 111px}
.green_f2 {left: 111px}
.chowM a {margin: 0 0 0 20px}
.map_green {width: 518px}
#contactus{ width:768px !important; min-height:560px}
.tour_left{ width:200px}
.cust_right{ width:500px !important; float:left; margin-left:7%}
.contform{ width:462px !important}
.leftabout{ width:127px !important}
.contform input[type=text], .contform textarea, .contform select{ width:315px !important}
.contform #edit-message{ margin-left:33%}
.abtHeadline, .tour-node .border{ margin:0px 0px 0px 0px}
p.calc_text1{ font-size:28pt !important; margin-bottom:15px !important}
p.calc_text2{ line-height:13pt !important; margin-bottom:15px !important}
p.calc_text3{ line-height:33pt !important; margin-bottom:15px !important}
p.calc_text4{ font-size:32pt !important; line-height:10pt !important; margin-bottom:10px !important}
}
  @media only screen and (min-width: 768px) and (max-width: 959px) { .manu_page {float: left; padding: 8px 10px 0 8px; position: relative; z-index: 1; display: block}
.menu {display: none}
.subwayBox {float: none; margin: 185px 10px 0px 10px; padding: 10px 26px}
.law_text {margin-top: 10px}
.contact_row {margin-top: 180px}
.courses_onlineMidRight {width: 50%}
.courses_onlineMidLeft {width: 47%}
.calcu_prant {width: 254px !important}
.calc_options {margin: 0 8px 12px 5px !important}
a.calc_link {font-size: 12px !important}
.calc_text5 {font-size: 14px !important}
.calc_question {padding-left: 10px !important}
.calc_container {width: 248px !important}
.calc_padding2 {padding-left: 14px !important}
 .subwayBox {float: left; margin: 10px 10px 0; width: 153px}
.subwayBox img {width: 100%; //height: 100% }
.industryRight {float: left; padding: 9px 0 0; width: 539px}
.industry_text {width: 64%}
.bannerMenu {top: 40%}
.tpSpc {margin-top: 0}
.d2row {margin-top: 10px !important; padding-top: 10px !important}
.right_bar { padding: 0px; width: 68%;  float: right; margin-left: 0px; margin-right: 0px}
.lms_right{ width: 67% !important; padding: 0px !important; margin: 0px !important; float: right !important}
.lms_sunRight {padding: 10px; width: 70%; float: left }
.full_lmsSkyHeading {padding: 10px 11px }
.head_full {font-size: 20px}
.head_full2 {font-size: 17px}
.head_rate2 {float: right; width: 142px}
.right_bar p {text-align: center}
.r0001 {padding: 8px 10px 10px !important}
.right_bar p {text-align: justify}
.distribute p {text-align: justify }
.chowM a {margin: 0px; width: 517px}
.example .map {height: auto !important; margin-left: 0; width: 385px !important}
.full_lmsGreen002 { width:31%}
.full_lmsSky002 {  margin-top:0px; width:33%}
.green_a {left: 120px}
.green_a2 {left: 120px}
.green_b {left: 120px}
.green_b {left: 120px}
.green_c2 {left: 111px}
.green_d2 {left: 111px}
.green_e2 {left: 111px}
.green_f2 {left: 111px}
.map_green {width: 518px}
.content-checkout-wrap {max-width:100% !important}
.front .content {width: 95% !important}
#main_content {width: 100% !important}
.widget-right .susb-plan ul li.bundle-package{ width: 44% !important}
#footer_content {width: 764px; margin-top: 28px}
 .container { width:100%}
#main_content {width: 100%}
#mainwrapper .box img {width: 100% }
#mainwrapper .box {width: 237px}
.box9 {margin: 0 2px 30px !important}
.courses_onlineMidLeft p, .courses_onlineMidRight p {text-align: justify }
.calc_container {width: 242px !important}
.ct_right {float: left; margin-left: 27px; width: 26%}
.abtHeadline, .tour-node .border{ margin:0px 0px 0px 0px}
p.calc_text1{ font-size:28pt !important; margin-bottom:15px !important}
p.calc_text2{ line-height:13pt !important; margin-bottom:15px !important}
p.calc_text3{ line-height:33pt !important; margin-bottom:15px !important}
p.calc_text4{ font-size:32pt !important; line-height:10pt !important; margin-bottom:10px !important}
}
@media only screen and (min-width: 435px) and (max-width: 480px) {#footer_content .col_end{ width:100% !important}
.shad_box{ top: 70px !important; width:80% !important; padding-bottom: 10px}
.header_top_left a img {width: 22% !important; height: auto}
.rockWell h1 {font-size: 28px !important}
.search, .search_btn{ width: 95% !important}
.shad_box form {float: none !important}
.front .content {width:382px !important}
.containerT > ul.tabs li{ width:100%}
.containerT > ul.tabs li a {width: 382px}
.front #mainwrapper .box {float:none; margin-left: auto; margin-right: auto}
}
  @media only screen and (min-width:200px) and (max-width:480px) {#footer_content .col_end{ width:100% !important}
.widget-right .susb-plan {padding-left: 0px !important; margin-left: 0px !important}
.plan-buy .cost ul li .total-price{ margin-left: 10px !important}
.widget-right .select-cat{ text-align: left !important; font-size: 18px; font-weight: bold}
.widget-right .subs_title {font-size: 1.4em !important; padding: 0.5em 0 0.5em 1.5em !important}
.widget-right .susb-plan ul li.bundle-package{ width:100% !important}
.widget-right{ background: none !important; width: 100% !important}
#widget-nav ul li a {height: 50px !important; margin-bottom: 0.02em !important; border-bottom: 8px solid #FFF}
.content-checkout-wrap .head h2{ float:none !important; text-align: center}
.form-text{ width:95%}
#contactus .cust_right{ margin-left:10px}
.breadcrumbs {display: none }
.contForm{ width:95%; margin-left:auto; margin-right:auto}
.copyresponsive{ color: #D6D6D6; font-size: 12px; background-color: #626262; padding: 15px 0; text-align: center; display:block !important}
.copy{ display:none}
#header_bottom{ position:absolute; width:100%; top:0px; height: auto; display:none}
#header_bottom .container{ width: 100% !important}
.wht_is{ display:none}
.custom-popup.no-map {margin-left: 0;}
#widget-nav ul li.active {background: #9BBFD7 url(../images/w-nav-active.jpg) no-repeat left center !important}
#widget-nav ul li.active a {border:0px; height: 41px !important; margin-bottom: 0.02em !important}
#subscriptions{ margin-left:5px !important; border:0px !important}
.widget-left ul{ background-color: #e8e8e8}
.widget-left {width:100% !important; background-color: #fff !important}
.front .content {margin: 0 auto; width: 95%}
.container {width: 95%; margin: 0 auto; position:relative}
.container h2{ text-align: center}
#main_content {margin: auto; overflow: hidden; width: 100%}
.top_sign {display:none}
.logo {float: left; margin: 5px 0 0 7px}
#content-wrapper {margin: 0px}
.header_top_left {float: left; margin: 5px 0 0 7px; padding-top: 0px; padding-left:0px; padding-right:0px; padding-bottom:0px; margin-top: 10px; margin-bottom:20px; margin-left:0px; margin-right:0px; width: 100%; text-align: center}
.try_cogRight{ height:0px}
.header_top_left a img {width: 22%; height: auto}
.coggno_border{ float: left; width: 100%; margin: 0; padding: 5px 0; background-color: #57B9E7; background-image: linear-gradient(to bottom, #57B9E7, #4CA8D4); background-repeat: repeat-y; border-bottom: 1px solid #2F95C6; position: relative; display:block !important}
.top-menu, .top-info {width: 100%; float: left; text-align: center; display:block !important}
.top-info p{ text-align: center}
.top-info a:hover{ color: #51B0DD}
.top-menu {background-color: #DADADA; background-image: linear-gradient(to bottom, #DADADA, #D0D0D0); background-repeat: repeat-y; margin: 0 0 20px 0}
.top-menu ul {list-style: none; margin: 0; padding: 0}
.top-menu li:first-child {border-left: 0}
.top-menu ul li, .top-menu ul li a {width: 100%; float: left; text-align: left; border: 0; color: #474747; font-size: 13px; font-size: 13px}
.top-menu ul li{ border-bottom: 1px solid #fff}
.top-menu ul li a{ padding-top:5px; padding-bottom: 5px; text-align: center !important}
.top-menu li a.linkbold {color: #fff; font-size: 13px}
.top-menu li a:hover {background-color: #F5802B; color: #fff !important}
.top-info p a {margin: 0px 3px !important; font-size: 11px; color: #7D7D7D}
#menu-button , #menu-button1 {cursor: pointer}
#menu-button:before, #menu-button1:before {position: absolute; top: 10px; right: 17px; display: block; height: 2px; width: 20px; background: #826c61; content: ''}
#menu-button:after, #menu-button1:after {position: absolute; top: 16px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #826c61; border-bottom: 2px solid #826c61; content: ''}
.foot_menu{ display:none}
#menu-button.menu-opened:before, #menu-button1.menu-opened:before {top: 23px; background: #826c61; width: 15px; transform: rotate(-45deg)}
#menu-button.menu-opened:after, #menu-button1.menu-opened:after {top: 23px; border: 0; height: 2px; width: 15px; background: #826c61; transform: rotate(45deg)}
.top-info p {margin-bottom: 0px}
#foot_box2 ul{ display:none}
.mean-bar {width: 100%; margin: 0; background-color: #4EAAD7; float: left; display:block !important; top:0; position: relative !important}
body.admin-menu{ margin-top: 0px !important}
.button-link {font-family: 'open_sansbold'; background-color: #186496; color: #fff; font-size: 16px; padding: 0}
.button-link img {margin: 0 10px 0 0; vertical-align: middle}
.manu_page {float: right; padding: 0px; position: relative; z-index: 1; display: block; right:0px}
a.meanmenu-reveal {width: 30px; padding: 10px 10px; cursor: pointer; display: block; float: right; color: #FFF}
a.meanmenu-reveal span {display: block; background-color: #fff; height: 3px; margin-top: 3px}
.mean-nav {display:none; float: left; width: 100%; background-color: #4EAAD7}
.meanclose{ display:none}
.mean-nav ul {padding: 0; margin: 0; width: 100%; list-style-type: none}
.mean-nav ul li {position: relative; float: left; width: 100%; border-top: 1px solid rgba(255,255,255,0.2)}
.mean-nav ul li a {display: block; float: left; width: 100%; padding: 10px 0; margin: 0; text-align: center; color: #fff; text-decoration: none; font-size: 14px; font-style: normal; font-weight: normal}
.mean-nav ul li.mean-last a {border-bottom: none; margin-bottom: 0}
.mean-nav ul li a:hover { color:#fff; background-color:#FE6811}
.menu {display: none}
.menu_in {margin-right: 20px; position: absolute; top: 45px; width: 15%; z-index: 9999; right:80px}
.menu_in ul {float: none; margin: -3px 0 0 0; padding: 0; list-style-type: none; background: -moz-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, #e4e4f7), color-stop(100%, #d1d4dd)); background: -webkit-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -o-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -ms-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4f7', endColorstr='#d1d4dd', GradientType='1');  background: linear-gradient(180deg, #e4e4f7 0%, #d1d4dd 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#000000)"; -moz-box-shadow: 0px 3px 5px #000000; -webkit-box-shadow: 0px 3px 5px #000000; box-shadow: 0px 3px 5px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#000000);  }
#top_nav_small_group div, #header ul, #header li {float: left !important;  //display: block; border-top: #fff solid 1px; margin: 0px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#cbc5c5)"; -moz-box-shadow: 0px 1px 0px #cbc5c5; -webkit-box-shadow: 0px 1px 0px #cbc5c5; box-shadow: 0px 1px 0px #cbc5c5; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#cbc5c5);  -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out}
#header li.expanded {background: url(img/menu-arrow.png) no-repeat right center}
#header li.expanded ul li {background: none }
.menu_in ul li a {text-decoration: none; color: #000; padding: 10px 15px; display: block; font-size: 18px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff)"; text-shadow: 0px 1px 0px #ffffff; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff);  }
.menu_in ul li.inOrgBg {background: #F08800; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0}
.menu_in ul li:hover.inOrgBg {background: #F08800; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0}
.menu_in ul li:hover, .menu_in ul li.activeTab {background: -moz-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, #94c9fd), color-stop(100%, #417de3)); background: -webkit-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -o-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -ms-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c9fd', endColorstr='#417de3', GradientType='1');  background: linear-gradient(180deg, #94c9fd 0%, #417de3 100%)}
.menu_in ul li:hover a, .menu_in ul li.activeTab a {text-shadow: none; color: #fff}
.rockWell h1 {font-size: 25px; line-height: 23px; text-align: center; font-weight: bold; font-family: sans-serif; margin-top: 5px; padding:5px}
.rockWell h2{ font-size: 15px; margin-top: 125px !important}
.container h3 {font-size: 19px}
  .drop_menu{ display:none}
.drop_menu a{ padding:10px 0px 2px 5px}
.content_top { display: block}
   .pop_blue1{ width:300px; float:left; margin-left:180px; height:460px}
.colorM ul li:nth-child(1) a {background-color: #084368; background-position: 240px -200px; padding:20px 65px 20px 20px}
.colorM ul li:nth-child(1) :hover {background:#f67118 url(img/icons.png) no-repeat scroll 240px 45px;}
.colorM ul li:nth-child(2) a {background-color: #084368; background-position: 240px -200px; padding:20px 65px 20px 20px}
.colorM ul li:nth-child(2) :hover {background:#5fb01c url(img/icons.png) no-repeat scroll 240px -80px}
.signIn {float: left; background: #e0e0e0; color: #797979; padding: 8px 15px; text-decoration: none; border-left: none; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: -moz-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -webkit-gradient(linear, 90deg, color-stop(0%, #d7d7d7), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -o-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -ms-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#eaeaea', GradientType='0');  background: linear-gradient(0deg, #d7d7d7 0%, #eaeaea 100%)}
.mid_search {position: absolute; top: 30%; left: 0; text-align: left; background:rgba(255, 255, 255, 0.90)}
.shad_box {border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); box-shadow: none;  //right: 0px; position: absolute;  // top: -81px; top:80px; width: 70%; margin-left:20px; padding-left: 15px; padding-top: 12px; border:0px !important; padding-right: 15px}
.shad_box form {float:none;}
 .search {border: 0px solid #a9aaaa; border-left: none; font-size: 14px; padding: 6px 0px 8px 0px; width: 98%; border: 0px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color=#d9d9d9)"; -moz-box-shadow: inset 0px 10px 10px #d9d9d9; -webkit-box-shadow: inset 0px 10px 10px #d9d9d9; box-shadow: inset 0px 10px 10px #d9d9d9; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color=#d9d9d9);  }
.search_btn {background: url("img/srch.png") no-repeat scroll 10px center #68B819; border: medium none; border-radius: 5px; color: #FFFFFF; display: block; float: left; font-family: 'microsoft_new_tai_lueregular'; font-size: 18; height: auto; margin: 10px 0px 0px 0px; padding: 1px 0 0px 18px; text-decoration: none; width: 98%;  color:#ffffff; height: 33px}.red_search {margin: 0 0 0 10px; display: block; padding: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #68b819}
.red_search a {color: #fff; font-size: 0px; padding: 32px 27px 1px 12px; background: url(img/srch.png) no-repeat scroll 10px center; display: block; text-transform: uppercase; text-decoration: none}
.rock_sub {font-size: 15px !important; padding-left: 20px !important; padding-right: 18px; text-align: left; font-family: sans-serif}
.rock_sub a{ font-size: 15px !important; text-decoration: none !important; font-family: sans-serif}
.tranning_sub {padding: 10px}
.thmb_cont {margin: 0 12px 15px }
.foot_box {padding: 0px 10px 10px 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;  }
.foot_box2 {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 10px}
.copy {color: #D6D6D6; font-size: 12px; background-color: #626262; padding: 15px 0; text-align: center}
#footer_content h3{ color: #515151; font-size: 15px; font-family: 'open_sansbold'; margin: 0 0 20px 0; padding: 0 0 20px 0; line-height: normal; border-bottom: 1px solid #C6C6C6; position:relative}
.footer_social img {width: 80%; height: auto}
.footer_social a {margin: 0px; width: 30%}
.foot_box p {color: #616161; font-size: 13px; font-style: normal; line-height: 20px; font-weight: normal}
#mainwrapper .box abbr {font-size: 18px; color: #000; font-weight: normal; font-style: normal; width: 100%}
#mainwrapper .box .caption h3{ font-size: 18px; font-weight: normal; font-style: normal}
ul.tabs li {float: none; height: 59px; margin-bottom: 10px}
ul.tabs li a {padding: 7px 10px; height: 46px}
.tab_container {margin-top: 135px}
.save_time {width: 100%}
.save_timPic {float: left; margin: 17px 0 0 50px}
.aroTab {background: url(img/menu-arrow.png) no-repeat right center}
.less {background: url(img/less.png) no-repeat right center}
.customers {float: none; width: 100%}
.customers ul li {margin-top: 2px}
.customers ul li a {font-size: 16px}
.right_bar {float: none; width: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.right_bar p {}
.right_bar h2 {margin: 20px 0 0 0; font-size: 20px}
.corporate {width: 100%}
.right_bar h2 {margin: 245px 0 0; width: 100%}
.looking {width: 100%; padding: 10px 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box;  margin: 0px 0 20px 0; text-align: justify}
.image_gallery ul li {width: 100%}
.image_gallery ul li img {width: 100%}
.provide_tex {width: 100%; margin: 0px}
.provide_tex h2 {font-size: 20px}
.abtHeadline h1 {font-size: 25px; margin: 7px 0 0 10px }
.load_btn {margin: 40px 0 35px 40px }
.subwayBox {padding: 10px 25px}
.industryRight {padding: 20px 0 0 0}
.industry {padding: 0 0 0 10px}
.industry ul li {width: 76px}
.industry_text {width: 72%}
.their_row {padding-top: 0px}
.their_left {width: 100%; float: none; padding: 0px 10px 10px 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.other_storiesRight {width: 100%; float: none; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.multi_logo {margin: 5px 0px 5px 54px}
.lms {float: none; width: 100%}
.abtHeadline h1 {font-size: 21px}
.ideaText {text-align: left; width: 81%}
.projectPic img {width: 100%; height: auto}
.right_bar h2 {margin: 10px 0 0 0; font-size: 16px}
.distribute h2 {font-size: 16px !important}
.get_started {margin: 28px 0 0 23px}
.pc_leftText {width: 100%; float: none}
.pc_pic {float: none; padding: 20px 0 0 0}
.pc_pic img {width: 100%; height: auto}
.courses_onlineMidLeft {float: none; width: 100%}
.courses_onlineMidRight {float: none; width: 100%}
.selling_box {margin-top: 20px}
.corporate h2 {margin: 247px 0 0 !important}
.b2_text {left: 1%; text-align: center; top: 0%}
.b2Well h1 {font-size: 20px; text-align: left}
.b2_sub {font-size: 13px; text-align: left}
.law_text h2 {font-size: 20px}
.contact_image img {width: 100%; height: auto}
.ct_left {float: none; padding: 10px; text-align: justify; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;  }
.ct_right {float: none; padding: 10px}
.find_btn {margin: 20px 0 15px 4px}
.market_left {float: none; width: 100%}
.map {height: 245px}
.map img {width: 100%; height: auto}
.best_seller {float: none; padding: 10px 0 20px; width: 100%}
.seller_search {float: none; margin-left: 12px}
.rate_seller {margin: 20px 0 0 15px}
.stop_left {float: none; width: 39.1%; margin-left: 93px}
.stop_right {float: none; margin-top: 20px; width: 100%}
.stop_right h2 {font-size: 16px}
.open_box h2 {font-size: 25px}
.open_box p {text-align: justify; padding: 0px 10px 10px 10px}
ul.tabs li a {font-size: 13px !important; padding: 10px !important }
.tab_content {padding: 10px !important; font-size: 14px !important}
.save_time p {text-align: justify !important}
.abtHeadline h1 {margin: 7px 0 0 0}
.tab_content h3 {margin: 0 0 10px; font-size: 18px !important}
.tranning h3 {padding: 0 0 0 10px}
.sp1 {font-size: 29px}
.show_blog p {text-align: justify}
.open_box h2 {font-size: 18px; padding: 0 10px}
.line {margin: 30px 0 20px 0}
.abtHeadline h1 {margin: 7px 0 0 10px}
.story_topRow {padding: 20px 0 0 0}
.projectPic {padding: 0px 0px 10px 0px}
.provide_tex h2.seth2 {margin: 0 !important}
.picTop_heading {text-align: center}
.b3_text {top: 18px !important}
.banner_fit .banner-fit .banner-static img{ width: 100% !important}
.banner_fit img { height:100px; width: 100%; height: auto}
h3 a {background: url(img/sprite.png) no-repeat scroll 297px 13px rgba(0, 0, 0, 0) !important}
h3.open a {background-position: 297px -25px !important}
.srh_input {width: 87%}
#mainwrapper .box {margin: 7px 7px 10px 15px; margin-left:0px}
.bannerMenu {  left:21%;   top:35%; height:20%; width: 40% !important; box-sizing: border-box; -moz-box-sizing: border-box;  display:none}
.bannerMenu ul li {float: left; margin: 0 10px}
.l2s {margin: 40px 0 35px 30px !important }
.pSet {padding: 0px 10px 10px 10px }
.tourBox ul li {margin: 0 5px 10px 8px}
.pSet {padding: 0px 10px 10px 10px }
.tourBox ul li {margin: 0 5px 10px 45px}
.greenLeft {float: none; width: 100%}
.well h3 {margin: 0px; font-size: 20px; color: #343434; line-height: normal; font-weight: normal; padding-left: 10px}
.bnner_conterler { height:300px !important}
.well1 h2{ text-align: center; font-size: 27px !important; margin-top: 40px}
.tranning1 h2{ text-align: center; font-size: 27px !important; font-weight: normal}
.bnner_conterler img { height:300px !important;  width: 100% !important}
.mid_search {  top: 30%; margin: 0 0 0 2%; width: 83%}
.rockWell h3 {font-size: 18px; padding-left: 0px; text-align: center }
.rock_sub {font-size: 12px; padding-left: 0px}
.tpSpc {  }
.hdr_cont {width: 100%; padding: 0px 0px}
.logo2 {padding: 10px 0 10px 0px }
.tab_container {height: auto !important}
.dot_heading {background: url(img/blue-dot.jpg) no-repeat scroll left 31px rgba(0, 0, 0, 0)}
.box9 {margin-left: auto !important; margin-right: auto !important; text-align: center; float: none !important}
.sp7 {font-size: 25px !important}
.b2Box {margin-top: 0px !important }
.example .results {width: 100% !important}
.example .map {height: 180px !important; width: 295px !important}
.mid_search {padding: 0px 5px 10px 5px; left: 11px; top: 11% !important; position:absolute; height:225px !important;     }
.d2row {padding-top: 0px !important}
.lms_sunLeft {float: none; width: 100%}
.full_lmsGreen {float: none; width: 100%}
.green_a {left: 140px}
.full_lmsSky {float: none; margin-left: 0; width: 100%; margin-top: 20px}
.full_lmsSkyHeading {padding: 10px}
.green_b {left: 140px}
.full_lmsGreen002 {float: none; margin-right: 10px; width: 100%; margin-bottom: 20px}
.green_c2 {left: 138px}
.green_d2 {left: 138px}
.full_lmsSky002 {width: 100%}
.green_e2 {left: 138px}
.green_f2 {left: 138px}
.map_green {width: 296px}
#footer_content {color: #8B8B8B; margin: 0px; width: 100%}
.containerT > ul.tabs li a {width: 296px}
#footer {height: inherit }
.sb_box {width: 150px}
.sb_box h2 {font-size: 16px}
li.expanded {padding: 0 }
 .cust_right{ width:100% !important}
.contform{ width:90%}
.leftabout{ width:100% !important; text-align:left}
.contform input[type=text], .contform textarea, .contform select{ width:100%}
.contform #edit-message{ width:105%}
.contform input[type=submit]{ margin-left:0px !important}
#contactus{ min-height:450px; width:100%}
.tour_left{ width: 100%}
.abtHeadline, .tour-node .border{ margin:0px 0px 0px 0px}
p.calc_text1{ font-size:28pt !important; margin-bottom:15px !important}
p.calc_text2{ line-height:13pt !important; margin-bottom:15px !important}
p.calc_text3{ line-height:33pt !important; margin-bottom:15px !important}
p.calc_text4{ font-size:32pt !important; line-height:10pt !important; margin-bottom:10px !important}
}
  @media only screen and (min-width: 480px) and (max-width: 767px) {#footer_content .col_end{ width:100% !important}
#widget-nav ul li.active {background: #9BBFD7 url(../images/w-nav-active.jpg) no-repeat left center !important}
#widget-nav ul li.active a {border:0px; height: 41px !important; margin-bottom: 0.02em !important}
#subscriptions{ margin-left:5px !important; border:0px !important}
.widget-left ul{ background-color: #e8e8e8}
.widget-left {width:100% !important; background-color: #fff !important}
.widget-right .susb-plan {padding-left: 0px !important; margin-left: 0px !important}
.plan-buy .cost ul li .total-price{ margin-left: 10px !important}
.widget-right .select-cat{ text-align: left !important; font-size: 18px; font-weight: bold}
.widget-right .subs_title {font-size: 1.4em !important; padding: 0.5em 0 0.5em 1.5em !important}
.widget-right .susb-plan ul li.bundle-package{ width:100% !important}
.widget-right{ background: none !important; width: 100% !important}
#widget-nav ul li a {height: 50px !important; margin-bottom: 0.02em !important; border-bottom: 8px solid #FFF}
.content-checkout-wrap .head h2{ float:none !important; text-align:center !important}
.widget-right .susb-plan ul li.bundle-package{ width:100% !important}
.lms_right{ width:100% !important}
#mainwrapper .box{ width:30%; margin:1% !important}
#mainwrapper .box img{ width:100%}
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption{ width: 100%; padding-left: 0px; padding-right: 0px; text-align:center}
#mainwrapper .box abbr{ font-size:17px; width: 100%; text-align: center; padding-top: 30px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px}
#mainwrapper .box .caption h3 {font-size: 15px}
.rotatingDiv_slides{ width:100% !important; height:auto !important}
#footer_content h3 {color: #515151; font-size: 15px; font-family: 'open_sansbold'; margin: 0 0 20px 0; padding: 0 0 20px 0; line-height: normal; border-bottom: 1px solid #C6C6C6; position: relative}
.copyresponsive{ color: #D6D6D6; font-size: 12px; background-color: #626262; padding: 15px 0; text-align: center; display:block !important}
.copy{ display:none}
#header_bottom{ position:absolute; width:100%; top:0px; height: auto; display:none}
#header_bottom .container{ width: 100% !important}
.wht_is{ display:none}
.mean-bar {width: 100%; position: relative; margin: 0; background-color: #4EAAD7; float: left; display: block !important}
.container {width: 100%; margin: 0 auto; position:relative}
.header_top_left {float: left; margin: 5px 0 0 7px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; margin-top: 10px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; width: 100%; text-align: center}
.header_top_left a img {width: 22%; height: auto}
.top_sign{ display: none}
.manu_page {float: left; padding: 8px 10px 0 8px; position: relative; z-index: 1; display: block; right:10px}
.button-link {font-family: 'open_sansbold'; background-color: #186496; color: #fff; font-size: 16px; padding: 0}
.button-link img {margin: 0 10px 0 0; vertical-align: middle}
.top-menu, .top-info {width: 100%; float: left; text-align: center; display:block !important}
.top-info p{ text-align: center}
.top-info a:hover{ color: #51B0DD}
.top-menu {background-color: #DADADA; background-image: linear-gradient(to bottom, #DADADA, #D0D0D0); background-repeat: repeat-y; margin: 0 0 20px 0}
.top-menu ul {list-style: none; margin: 0; padding: 0}
.top-menu li:first-child {border-left: 0}
.top-menu ul li, .top-menu ul li a {width: 100%; float: left; text-align: left; border: 0; color: #474747; font-size: 13px; font-size: 13px}
.top-menu ul li{ border-bottom: 1px solid #fff}
.top-menu ul li a{ padding-top:5px; padding-bottom: 5px; text-align: center !important}
.top-menu li a.linkbold {color: #fff; font-size: 13px}
.top-menu li a:hover {background-color: #F5802B; color: #fff !important}
.top-info p a {margin: 0px 3px !important; font-size: 11px; color: #7D7D7D}
.manu_page {float: right; padding: 0px; position: relative; z-index: 1; display: block; right:0px}
a.meanmenu-reveal {width: 30px; padding: 10px 10px; cursor: pointer; display: block; float: right; color: #FFF}
a.meanmenu-reveal span {display: block; background-color: #fff; height: 3px; margin-top: 3px}
.mean-nav {display:none; float: left; width: 100%; background-color: #4EAAD7}
.meanclose{ display:none}
.mean-nav ul {padding: 0; margin: 0; width: 100%; list-style-type: none}
.mean-nav ul li {position: relative; float: left; width: 100%; border-top: 1px solid rgba(255,255,255,0.2)}
.mean-nav ul li a {display: block; float: left; width: 100%; padding: 10px 0; margin: 0; text-align: center; color: #fff; text-decoration: none; font-size: 14px; font-style: normal; font-weight: normal}
.mean-nav ul li.mean-last a {border-bottom: none; margin-bottom: 0}
.mean-nav ul li a:hover { color:#fff; background-color:#FE6811}
.menu {display: none}
#menu-button , #menu-button1 {cursor: pointer}
#menu-button:before, #menu-button1:before {position: absolute; top: 10px; right: 17px; display: block; height: 2px; width: 20px; background: #826c61; content: ''}
#menu-button:after, #menu-button1:after {position: absolute; top: 16px; right: 17px; display: block; height: 4px; width: 20px; border-top: 2px solid #826c61; border-bottom: 2px solid #826c61; content: ''}
.foot_menu{ display:none}
#menu-button.menu-opened:before, #menu-button1.menu-opened:before {top: 23px; background: #826c61; width: 15px; transform: rotate(-45deg)}
#menu-button.menu-opened:after, #menu-button1.menu-opened:after {top: 23px; border: 0; height: 2px; width: 15px; background: #826c61; transform: rotate(45deg)}
.top-info p {margin-bottom: 0px}
#foot_box2 ul{ display:none}
.menu_in {margin-left: 0; position: absolute; top: 45px; width: 15%; z-index: 9999999}
#header .menu_in ul {float: none; margin: -3px 0 0 0; padding: 0; list-style-type: none; background: -moz-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, #e4e4f7), color-stop(100%, #d1d4dd)); background: -webkit-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -o-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -ms-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4f7', endColorstr='#d1d4dd', GradientType='1');  background: linear-gradient(180deg, #e4e4f7 0%, #d1d4dd 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#000000)"; -moz-box-shadow: 0px 3px 5px #000000; -webkit-box-shadow: 0px 3px 5px #000000; box-shadow: 0px 3px 5px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#000000);  }
#header .menu_in ul li {float: none; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(ul.tabs liStrength=0, Direction=180, Color=#cbc5c5)"; -moz-box-shadow: 0px 1px 0px #cbc5c5; -webkit-box-shadow: 0px 1px 0px #cbc5c5; box-shadow: 0px 1px 0px #cbc5c5; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#cbc5c5);  -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out}
.menu_in ul li a {text-decoration: none; color: #000; padding: 10px 15px; display: block; font-size: 18px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff)"; text-shadow: 0px 1px 0px #ffffff; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff);  }
.menu_in ul li.inOrgBg {background: #F08800; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0}
.menu_in ul li:hover.inOrgBg {background: #F08800; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0}
.menu_in ul li:hover, .menu_in ul li.activeTab {background: -moz-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, #94c9fd), color-stop(100%, #417de3)); background: -webkit-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -o-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -ms-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c9fd', endColorstr='#417de3', GradientType='1');  background: linear-gradient(180deg, #94c9fd 0%, #417de3 100%)}
.menu_in ul li:hover a, .menu_in ul li.activeTab a {text-shadow: none; color: #fff}
 .coggno_border {float: left; width: 100%; margin: 0; padding: 5px 0; background-color: #57B9E7; background-image: linear-gradient(to bottom, #57B9E7, #4CA8D4); background-repeat: repeat-y; border-bottom: 1px solid #2F95C6; position: relative; display: block !important}
.content_top {display: none}
  .signIn {float: left; background: #e0e0e0; color: #797979; padding: 8px 15px; text-decoration: none; border-left: none; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: -moz-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -webkit-gradient(linear, 90deg, color-stop(0%, #d7d7d7), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -o-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -ms-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#eaeaea', GradientType='0');  background: linear-gradient(0deg, #d7d7d7 0%, #eaeaea 100%)}
.mid_search {position: absolute; top: 30%; left: 0; text-align: left}
.shad_box {border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); box-shadow: none; position: absolute; top: 85px; width: 82%; margin-left: 10px; margin-right:10px; padding-left: 10px; padding-top: 12px; border: 0px !important; margin-top: 0px; padding-right: 10px}
.search {border-left: none; font-size: 14px; padding: 6px 0px 8px 0px; width: 100%; border: 0px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color=#d9d9d9)"; -moz-box-shadow: inset 0px 10px 10px #d9d9d9; -webkit-box-shadow: inset 0px 10px 10px #d9d9d9; box-shadow: inset 0px 10px 10px #d9d9d9; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color=#d9d9d9); margin-bottom: 10px}
.search_btn {background: url("img/srch.png") no-repeat scroll 10px center #68B819; border: medium none; border-radius: 5px; color: #FFFFFF; display: block; float: left; font-family: 'microsoft_new_tai_lueregular'; font-size: 13px;; height: auto; margin: 0px; padding: 9px 0 7px 18px; text-decoration: none; width: 100%}
.red_search {margin: 0 0 0 10px; display: block; padding: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #68b819}
.red_search a {color: #fff; font-size: 0px; padding: 32px 27px 1px 12px; background: url(img/srch.png) no-repeat scroll 10px center; display: block; text-transform: uppercase; text-decoration: none}
.front .content {margin: 0 auto; width: 95%}
.rockWell {font-size: 33px; text-align: center}
.rock_sub {font-size: 19px; text-align: center}
.tranning_sub {padding: 10px}
.thmb_cont {margin: 0 12px 15px; width: 44%; height: 100%}
.foot_box {padding: 0px 10px 10px 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;  }
.foot_box2 {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px 10px 10px 10px}
.copy {text-align: center}
.footer_social img {width: 80%; height: auto}
.footer_social a {margin: 0px; width: 15%; margin-left: 0px}
.containerT > ul.tabs li {height: 59px; margin-bottom: 10px; background: #87afc9}
ul.tabs li a {padding: 7px 10px !important; height: 46px !important}
ul.tabs li a:hover {background: #497798 !important}
.tab_container {margin-top: 135px !important}
.save_time {width: 100%}
.save_timPic {float: left; margin: 17px 0 0 120px}
html ul.tabs li.active, html ul.tabs li.active a:hover {background: #497798 !important; width: 100% !important}
.save_timeHead {font-size: 22px}
.thmb_cont a span {font-size: 20px}
.aroTab {background: url(img/menu-arrow.png) no-repeat right center}
.less {background: url(img/less.png) no-repeat right center}
 .customers {float: none; width: 100%}
.customers ul li {margin-top: 2px}
.customers ul li a {font-size: 20px}
.right_bar {float: right; width: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  margin-right: auto; margin-left: auto}
.right_bar p {text-align: justify}
.bx_content p {font-size:11px}
.sp2 a{ font-size: 15px; padding-left: 10px}
.right_bar h2 {margin: 20px 0 0 0; font-size: 20px}
.corporate {width: 100%}
.right_bar h2 {margin: 245px 0 0; width: 100%}
.looking {width: 100%; padding: 10px 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box;  margin: 0px 0 20px 0; text-align: justify}
.image_gallery ul li {width: 100%}
.image_gallery ul li img {width: 100%; height: auto}
#cssdropdown li.headlink ul {width: 91.6%; height: 265px}
.provide_tex {width: 100%; margin: 0px}
.provide_tex h2 {font-size: 20px}
.abtHeadline h1 {font-size: 25px; margin: 7px 0 0 10px}
.load_btn {margin: 40px 0 35px 186px}
.ld_one {margin: 40px 0 35px 116px}
.subwayBox {padding: 10px 26px; float: none; margin: 0px 10px 0px 10px}
.industryRight {padding: 20px 0 0 0; float: none}
.industry {padding: 0 0 0 10px}
.industry ul li {width: 110px}
.industry_text {width: 74%}
.their_row {padding-top: 0px}
.their_left {width: 100%; float: none; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.other_storiesRight {width: 100%; float: none; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.multi_logo {margin: 15px 0 15px 29px}
.lms {float: left; width: 98%; margin-right: 20px}
.abtHeadline h1 {font-size: 21px}
.ideaText {text-align: left; width: 85%}
.projectPic img {width: 100%; height: auto}
.right_bar h2 {margin: 10px 0 0 0}
.distribute h2 {font-size: 18px !important}
.get_started {margin: 28px 0 0 105px}
.pc_leftText {width: 100%; float: none}
.pc_pic {float: none; padding: 20px 0 0 0}
.pc_pic img {width: 100%; height: auto}
.courses_onlineMidLeft {float: none; width: 100%}
.courses_onlineMidRight {float: none; width: 100%}
.selling_box {margin: 20px auto 0; width: 70%}
.corporate h2 {margin: 247px 0 0 !important}
.b2_text {left: 1%; text-align: center; top: 31%}
.b2Well h1 {text-align: left; font-size: 25px; width: 100% }
.b2_sub {font-size: 16px; text-align: left}
.law_text h2 {font-size: 20px; margin-top: 10px}
.contact_image img {width: 100%; height: auto}
.ct_left {float: none; padding: 10px; text-align: justify; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;  }
.ct_right {float: none; padding: 10px}
.find_btn {margin: 20px 0 15px 60px; width: 70%}
.market_left {float: none; width: 100%}
.map {height: 372px}
.map a {font-size: 0px}
.map img {width: 100%; height: auto}
.best_seller {float: none; padding: 10px 0 20px; width: 100%}
.seller_search {float: none; margin-left: 97px}
.rate_seller {margin: 20px 0 0 15px}
.stop_left {float: left; width: 25.1%; margin-left: 0px}
.stop_right {float: right; margin-top: 20px; width: 72%}
.stop_right h2 {font-size: 16px}
.open_box h2 {font-size: 21px; padding: 0px 10px}
.open_box h2.t2s {padding: 0px 0px !important}
.open_box p {text-align: justify; padding: 0px 10px 10px 10px}
.subheader {float: none}
.show_blog p {text-align: justify}
ul.tabs li a {width: 100% !important}
.srh_input {width: 90%}
.line {margin: 30px 0 20px 0px}
.provide_tex h2 {margin: 10px 0px 0px 0px}
.story_topRow {padding: 20px 0 0 0}
.projectPic {padding: 0px 0px 10px 0px}
.provide_tex h2.seth2 {margin: 0 !important}
.picTop_heading {text-align: center}
.b3_text {top: 75px !important}
.banner_fit .banner-fit .banner-static img{ width: 100% !important}
.banner_fit img {width: 100%; height: auto}
h3 a {background: url(img/sprite.png) no-repeat scroll 455px 13px rgba(0, 0, 0, 0) !important}
h3.open a {background-position: 455px -25px !important}
#mainwrapper .box {margin: 7px 7px 15px 84px }
.bannerMenu {display: none;  }
.bannerMenu a {color: #FA6400; text-decoration: none; font-size: 12px}
.bannerMenu ul li {float: left; margin: 0 10px}
.top_sign {padding: 11px 0 0 0}
.breadcrumbs {display: none }
.tranning h2 {padding: 0 0 0 10px; font-size: 25px}
.tab_content h2 {font-size: 21px !important}
.greenLeft {float: none; width: 100%}
.rockWell h3 {margin: 0px; font-size: 26px; text-align: center; padding: 0 }
.well h3 {margin: 0px; font-size: 25px; color: #343434; line-height: normal; font-weight: normal; padding-left: 10px}
.bnner_conterler {height: 350px !important}
.bnner_conterler img { height:350px !important;  width: 100% !important}
.mid_search { height:250px;  top: 30%; margin: 0 0 0 5%; width: 80%; background: rgba(255, 255, 255, 0.90)}
.rockWell h1 {font-size: 25px; line-height: 23px; text-align: left; font-weight: bold; font-family: sans-serif; margin-top: 5px; padding: 10px}
.rock_sub {font-size: 15px !important; padding-right: 18px; text-align: left; font-family: sans-serif; padding-left: 10px !important}
.rock_sub a {font-size: 15px !important; text-decoration: none !important; font-family: sans-serif}
.rockWell h2 {font-size: 16px; padding-left: 10px; margin-top: 120px; text-align: left}
.tpSpc {margin-top: 65px}
.logo2 {padding: 10px 0 0px 0px }
.tab_container {height: auto !important}
.dot_heading {background: url(img/blue-dot.jpg) no-repeat scroll left 31px rgba(0, 0, 0, 0)}
.box9 {margin: 0 30px 30px 73px !important}
.sp7 {font-size: 18px !important}
.b2Box {margin-top: 0px !important }
.example .results {width: 100% !important}
.example .map {height: 255px !important; width: 385px !important; margin-left: 66px}
.contact_row {margin-top: 40px}
.d2row {margin-top: 0px !important; padding-top: 5px !important}
.mid_search {left: 2%; padding: 6px; top: 10%}
.lms_sunLeft {float: none; width: 100%}
.full_lmsGreen {float: left; width: 48% !important}
.full_lmsSky {float: left; width: 48%;; margin-top: 0px; margin-left: 10px}
.head_full2{ padding:0px !important}
.full_lmsSkyHeading {padding: 10px}
.full_lmsGreen002 {float: none; margin-right: 0px; width: 100%; margin-bottom: 20px; margin-left: 0px}
.green_c2 {left: 145px}
.green_d2 {left: 145px}
.full_lmsSky002 {width:100%; margin-left: 0px}
.green_e2 {left: 145px}
.green_f2 {left: 145px}
.map_green {width: 452px}
#main_content {margin: auto; overflow: hidden; width: 100%}
.containerT > ul.tabs li {width: 100%; margin-bottom: 10px}
#footer_content {width: 95%}
#content-wrapper {margin: 0 }
#contactus{ width:100%; min-height:450px}
.tour_left{ width:226px}
.cust_right{ width:100%}
.contform{ width:90%}
.leftabout{ width:100%; padding:0px 8px 0px 0px; text-align: left}
.contform input[type=text], .contform textarea, .contform select {width: 100%}
.contform #edit-message{ width:105%}
.contform input[type=submit]{ margin-left:0px !important}
.abtHeadline, .tour-node .border{ margin:0px 0px 0px 0px}
p.calc_text1{ font-size:28pt !important; margin-bottom:15px !important}
p.calc_text2{ line-height:13pt !important; margin-bottom:15px !important}
p.calc_text3{ line-height:33pt !important; margin-bottom:15px !important}
p.calc_text4{ font-size:32pt !important; line-height:10pt !important; margin-bottom:10px !important}
}
@media only screen and (min-width: 650px) and (max-width: 768px) {.star-lst{ margin-left:0px !important}
.big.margtop{ margin-left:10px !important}
.icon-r .icon-1 {margin-left: 25px !important}
.coursePath{ width:100% !important}
.rightcontent{ width:60% !important; float:right !important}
.courseBox{ width:100% !important; border: 1px solid #e0e0e0 !important; padding-top:20px}
.logocount{ margin: -1.6em 2em 0 0 !important}
.courseBoxImgTitledis{ width: 21% !important; float: left}
.courseBoxDesfull{ width:73%}
.courseBoxDesc{ width:95% !important; float: right}
.courseBoxBuy{ width:95% !important}
#left-panel{ width:38%}
.leftbar{ width:100% !important}
#container #coggnotour{ width:100% !important}
.searchbox {float: right; margin-right: 20px; margin-top: 10px !important; width: 57%}
.container {width: 100% !important; margin: 0 auto}
.front .content {width: 95%}
.aroTab {background: url(img/menu-arrow.png) no-repeat right center}
.less {background: url(img/less.png) no-repeat right center}
.logo {float: left; margin: 5px 0 0 7px}
.logo a img {width: 77%; height: auto }
.manu_page {float: left; padding: 8px 10px 0 8px; position: relative; z-index: 1; display: block}
.menu {display: none}
.menu_in {margin-left: -2px; position: absolute; z-index: 9999; width: 42%; top: 128px}
.menu_in ul {float: none; margin: -3px 0 0 0; padding: 0; list-style-type: none; background: -moz-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, #e4e4f7), color-stop(100%, #d1d4dd)); background: -webkit-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -o-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); background: -ms-linear-gradient(270deg, #e4e4f7 0%, #d1d4dd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4f7', endColorstr='#d1d4dd', GradientType='1');  background: linear-gradient(180deg, #e4e4f7 0%, #d1d4dd 100%); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#000000)"; -moz-box-shadow: 0px 3px 5px #000000; -webkit-box-shadow: 0px 3px 5px #000000; box-shadow: 0px 3px 5px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color=#000000);  }
#header .menu_in ul li {float: none; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(ul.tabs liStrength=0, Direction=180, Color=#cbc5c5)"; -moz-box-shadow: 0px 1px 0px #cbc5c5; -webkit-box-shadow: 0px 1px 0px #cbc5c5; box-shadow: 0px 1px 0px #cbc5c5; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#cbc5c5);  -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out}
.menu_in ul li a {text-decoration: none; color: #000; padding: 10px 15px; display: block; font-size: 18px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff)"; text-shadow: 0px 1px 0px #ffffff; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=180, Color=#ffffff);  }
.menu_in ul li.inOrgBg {background: #F08800; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0}
.menu_in ul li:hover.inOrgBg {background: #F08800; display: block; border-top: #fff solid 1px; margin: 3px 0 0 0}
.menu_in ul li:hover, .menu_in ul li.activeTab {background: -moz-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -webkit-gradient(linear, 270deg, color-stop(0%, #94c9fd), color-stop(100%, #417de3)); background: -webkit-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -o-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); background: -ms-linear-gradient(270deg, #94c9fd 0%, #417de3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c9fd', endColorstr='#417de3', GradientType='1');  background: linear-gradient(180deg, #94c9fd 0%, #417de3 100%)}
.menu_in ul li:hover a, .menu_in ul li.activeTab a {text-shadow: none; color: #fff}
 .content_top {display: none}
  .signIn {float: left; background: #e0e0e0; color: #797979; padding: 8px 15px; text-decoration: none; border-left: none; margin-right: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: -moz-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -webkit-gradient(linear, 90deg, color-stop(0%, #d7d7d7), color-stop(100%, #eaeaea)); background: -webkit-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -o-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); background: -ms-linear-gradient(90deg, #d7d7d7 0%, #eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#eaeaea', GradientType='0');  background: linear-gradient(0deg, #d7d7d7 0%, #eaeaea 100%)}
.mid_search {position: absolute; top: 30%; left: 0; text-align: left}
.shad_box {margin-top: 40px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.5); box-shadow: none; top: 60px; width: 82%; margin-left: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; border: 0px !important}
.search {border-left: none; font-size: 14px; padding: 7px; width: 98%; border: 0px solid #000000; margin-bottom: 10px; padding-left:0px !important; padding-right:0px !important}
.search_btn {background: url("img/srch.png") no-repeat scroll 10px center #68B819; border: medium none; border-radius: 5px; color: #FFFFFF; display: block; float: left; font-family: 'microsoft_new_tai_lueregular'; font-size: 18px; height: auto; margin: 0 0 0 0px; padding: 6px 0 3px 22px; text-decoration: none; width: 98%}
.red_search {margin: 0 0 0 10px; display: block; padding: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #68b819}
.red_search a {color: #fff; font-size: 0px; padding: 32px 27px 1px 12px; background: url(img/srch.png) no-repeat scroll 10px center; display: block; text-transform: uppercase; text-decoration: none}
.rockWell {font-size: 35px; text-align: center}
.rockWell h2 {color: #474747; font-size: 15px; text-align: left; padding-left: 10px !important; margin-top: 120px}
.tranning_sub {padding: 10px 10px 10px 0px}
.thmb_cont {margin: 0 0px 16px 20px; width: 45%; height: 100%}
.foot_box {padding: 0px 10px 35px 10px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box;  }
#footer_content h3 {color: #515151; font-size: 15px; font-family: 'open_sansbold'; margin: 0 0 20px 0; padding: 0 0 20px 0; line-height: normal; border-bottom: 1px solid #C6C6C6; position: relative}
.foot_box2 {width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; padding: 0px 10px 10px 10px}
.copy {text-align: center}
.footer_social img {width: 80%; height: auto}
.footer_social a {margin: 0px; width: 15%; margin-left: 0px}
ul.tabs li {height: 59px !important; margin-bottom: 10px !important; background: #87afc9 !important}
ul.tabs li a {padding: 7px 10px !important; height: 46px !important}
ul.tabs li a:hover {background: #497798 !important}
.tab_container {margin-top: 135px !important}
.save_time {width: 100%}
.save_timPic {float: left; margin: 17px 0 0 180px}
html ul.tabs li.active, html ul.tabs li.active a:hover {background: #497798 !important }
.save_timeHead {font-size: 22px}
.thmb_cont a span {font-size: 20px}
 .customers {float: left !important; width: 100% !important}
.customers ul li {margin-top: 2px}
.customers ul li a {font-size: 18px !important}
.right_bar {float: right !important; width: 65% !important; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.right_bar p {text-align: center}
.right_bar h2 {margin: 20px 0 0 0; font-size: 20px}
.corporate h2 {width: 56% !important; margin: 245px 0 0 !important}
#cssdropdown li.headlink ul {height: 333px !important; width: 93.2% !important}
.abtHeadline h1 {margin: 7px 0 0 10px !important}
.provide_tex h2 {font-size: 25px !important; margin-left: 0px !important}
.line {margin: 30px 0 20px !important }
.load_btn {margin: 40px 0 35px 73px !important}
.subwayBox {padding: 10px 26px; float: none; margin: 0px 10px 0px 10px}
.industryRight {padding: 20px 0 0 0; float: none}
.industry {padding: 0 0 0 10px}
.industry ul li {width: 140px}
.industry_text {width: 74%}
.their_row {padding-top: 0px}
.their_left {width: 100%; float: none; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.other_storiesRight {width: 100%; float: none; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box;  }
.multi_logo {margin: 15px 0 15px 70px}
.lms {float: none; width: 100%}
.abtHeadline h1 {font-size: 25px}
.ideaText {text-align: left; width: 85%}
.projectPic img {width: 100%; height: auto}
.right_bar {width: 100% !important; padding:0px !important}
.right_bar h2 {margin: 10px 0 0 0 !important}
.cor2 h2 {margin-left: 255px !important; margin-top: 40px !important}
.distribute h2 {font-size: 18px !important}
.get_started {margin: 28px 0 0 165px}
.pc_leftText {width: 100%; float: none}
.pc_pic {float: none; padding: 20px 0 0 0}
.pc_pic img {width: 100%; height: auto}
.courses_onlineMidLeft {float: none; width: 100%}
.courses_onlineMidRight {float: none; width: 100%}
.selling_box {margin: 20px auto 0; width: 60%}
.b2_text {left: 1%; text-align: center; top: 43%}
.b2Well h1 {font-size: 30px; width: 100% }
.b2_sub {font-size: 20px; text-align: left}
.law_text h2 {font-size: 20px; margin-top: 10px}
.contact_image img {width: 100%; height: auto}
.ct_left {float: left; padding: 10px; text-align: justify; width: 49%; box-sizing: border-box; -moz-box-sizing: border-box;  }
.ct_right {float: right; padding: 10px; width: 47%}
.find_btn {margin: 20px 0 15px 29px}
.market_left {float: none; width: 100%}
.map {height: 469px}
.map img {width: 100%; height: auto}
.best_seller {float: none; padding: 10px 0 20px; width: 100%}
.seller_search {float: none; margin-left: 165px}
.rate_seller {margin: 20px 0 0 41px}
.stop_left {float: left; width: 25.1%; margin-left: 0px}
.stop_right {float: right; margin-top: 20px; width: 72%}
.stop_right h2 {font-size: 16px}
.open_box h2 {font-size: 24px; padding: 0px 10px}
.open_box p {text-align: justify; padding: 0px 10px 10px 10px}
.subheader {float: none}
.show_blog p {text-align: justify}
ul.tabs li a {width: 100% !important}
.tab_content h2 {margin: 0 0 10px !important; font-size: 25px !important}
.srh_input {width: 93%}
.provide_tex h2 {margin: 10px 0px 0px 0px !important}
.story_topRow {padding: 20px 0 0 0}
.ld_one {margin: 40px 0 35px 159px !important}
.projectPic {padding: 0px 0px 10px 0px}
.l2b {margin: 40px 0 35px 255px !important}
.provide_tex h2.seth2 {margin: 0 !important}
.picTop_heading {text-align: center}
.stop_right {margin-top: 0}
.b3_text {top: 97px !important}
.banner_fit img {width: 100%; height: auto}
h3 a {background: url(img/sprite.png) no-repeat scroll 575px 13px rgba(0, 0, 0, 0) !important}
h3.open a {background-position: 575px -25px !important}
#mainwrapper .box {margin: 7px 7px 15px 140px }
.bannerMenu ul li {float: left; margin: 0 10px}
.tranning h2 {padding: 0 0 0 10px; font-size: 25px}
.foot_box h2 {margin-left: 0px !important }
.foot_box2 h2 {margin-left: 0px !important }
.their_left h2 {margin-left: 0px !important}
.pSet {padding: 0px 10px 10px 10px }
.tourBox ul li {margin: 0 5px 10px 46px}
.greenLeft {float: none; width: 100%}
.rockWell h1 {font-size: 25px; line-height: 23px; text-align: left; font-weight: bold; font-family: sans-serif; margin-top: 5px; padding: 10px; text-shadow: -1px 1px 1px #fff; color: #474747}
.well h2 {margin: 0px; font-size: 30px; color: #343434; line-height: normal; font-weight: normal}
.looking {margin: 0 0 0 254px; width: 52%; padding-top: 0px}
.bnner_conterler {height: 350px !important}
.bnner_conterler img { height:350px!important; //height: auto !important; width: 100% !important}
.mid_search {height: 55px; width:90%; margin: 0%}
.rock_sub {font-size: 15px; text-align: left; padding-left: 12px}
.rock_sub a{ color: #FA6400; text-decoration: none !important; font-size: 15px !important}
.tpSpc {margin-top: 25px}
.logo2 {padding: 10px 0 0px 0px }
.tab_container {height: auto !important}
.box9 {margin: 0 0px 30px 133px !important}
.sp7 {font-size: 25px !important}
.b2Box {margin-top: 0px !important }
.example .results {width: 570px !important}
.example .map {height: 255px !important; width: 385px !important; margin-left: 91px}
.mid_search { height:73%; left: 5%; padding: 20px; top: 15%; z-index: 10; box-sizing: border-box; -moz-box-sizing: border-box; background: rgba(255, 255, 255, 0.90)}
.d2row {margin-top: 0px !important; padding-top: 10px !important}
.lms_sunLeft {float: none; width: 100%}
.full_lmsGreen {float: left; margin-right: 18px; width: 277px}
.head_full {font-size: 23px}
.head_rate {text-align: center }
.full_lmsSky {float: left; margin-top: 0; width: 281px; margin-left: 0 }
.head_full2 {font-size: 23px}
.full_lmsSkyHeading {padding: 10px}
.green_b {left: 133px }
.green_a {left: 133px}
.green_a2 {left: 133px}
.full_lmsGreen002 {float: none; margin-right: auto; width: 100%; margin-bottom: 20px; margin-left: auto}
.green_c2 {left: 185px}
.green_d2 {left: 185px}
.full_lmsSky002 {margin-left: auto; width: 100%; margin-right: auto}
.green_e2 {left: 185px}
.green_f2 {left: 185px}
.map_green {width: 569px}
#footer_content {width: 95%}
#content-wrapper {width: 600px}
#main_content {width: 100%}
.distribute p, .courses_onlineMidLeft p, .courses_onlineMidRight p {text-align: justify }
.abtHeadline, .tour-node .border{ margin:0px 0px 0px 0px}
p.calc_text1{ font-size:28pt !important; margin-bottom:15px !important}
p.calc_text2{ line-height:13pt !important; margin-bottom:15px !important}
p.calc_text3{ line-height:33pt !important; margin-bottom:15px !important}
p.calc_text4{ font-size:32pt !important; line-height:10pt !important; margin-bottom:10px !important}
}
@media only screen and (min-width:450px) and (max-width:650px){ #container #coggnotour, .courseBoxLeftNarrow, .filterheading, .tagsbox, .rightcontent, .courseBoxBuy, .abovefooter{ width:100% !important}
.front .content{ width:95% !important}
.filteritems{ display:none}
div.scrolldiv{ width:103% !important}
.tagsbox{ background-position: right 5px !important}
.leftbar{ width:95%}
.locationImg{ width:100% !important; height: 100% !important}
.searchbox{ clear:both; margin-top:10px !important}
.courseBox{ border: 1px solid #e0e0e0 !important; padding-top: 20px}
.courseBoxImgTitledis{ width:22% !important; float:left}
.courseBoxDesfull{ width:72%}
.courseBoxCountImg{ margin-top: -13px !important}
.abovefooter{ text-align: center}
.star-lst{ margin-left:0px !important}
.big.margtop{ margin-left:10px !important}
.icon-r .icon-1 {margin-left: 25px !important}
.coursePath{ width:100% !important}
}
@media only screen and (min-width:200px) and (max-width:450px){ #container #coggnotour, .courseBoxLeftNarrow, .filterheading, .tagsbox, .rightcontent, .courseBoxBuy, .abovefooter{ width:100% !important}
.front .content{ width:95% !important}
.filteritems{ display:none}
div.scrolldiv{ width:103% !important}
.tagsbox{ background-position: right 5px !important}
.leftbar{ width:95%}
.locationImg{ width:100% !important; height: 100% !important}
.searchbox{ clear:both; margin-top:10px !important}
.courseBox{ border: 1px solid #e0e0e0 !important; padding-top: 20px}
.courseBoxImgTitledis{ width:90% !important; float:left}
.courseBoxDesfull{ width: 90%; margin-left: 18px; margin-top: 18px}
.courseBoxCountImg{ margin-top: -13px !important}
.abovefooter{ text-align: center}
.star-lst{ margin-left:0px !important}
.big.margtop{ margin-left:10px !important}
.icon-r .icon-1 {margin-left: 25px !important}
.coursePath{ width:100% !important}
.courseBoxDesc{ float: right}
.big.margtop{ font-weight: bold}
.orderBtn.endless-progress .btnContent{ width:100% !important}
}
@media only screen and (min-width: 200px) and (max-width: 768px){ .collapsesecond, .collapsethird{ display:none}
}
.float-right{float:right;}
.content-checkout-wrap *, #small-dialog * {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.content-checkout-wrap {max-width:930px; margin: 25px auto; width: 100%;}
.content-checkout-wrap div {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-checkout-wrap .form-element {margin: 20px 15px;overflow: hidden;}
.content-checkout-wrap .form-element .error-text {color: rgb(247,129,65); font-size: .8em; margin-bottom: 10px; clear: both;}
.content-checkout-wrap .form-element .text-box {border: 1px solid #BFBFBF; padding: 5px 8px; font-size: 0.9em; color: #404040; width: 100%; margin:5px auto; float: left}
.content-checkout-wrap .form-element .text-box.error {color: #404040 !important; padding: 5px 8px !important; font-size: 0.9em !important}
.content-checkout-wrap .form-element .label-box {font-weight: bold; clear: both; margin-top: 5px;color:#555}
.content-checkout-wrap .form-element .help-text {font-weight: normal; clear: both; font-size: 0.8em; line-height: 1.5em;}
.content-checkout-wrap .form-element .help-text a {font-size: 1em; text-decoration: underline;}
.content-checkout-wrap .form-element .check-box {border: 1px solid rgb(231, 231, 231); margin-right: 10px;}
.content-checkout-wrap .select-box {border: 1px solid rgb(231, 231, 231); padding: 5px 8px; font-size: 0.9em; color: #404040; width: 97%; margin:5px auto; background: #fff;}
.content-checkout-wrap .form-item.error {background: url(../images/checkout/cross-icon.png) 100% center no-repeat;}
.cvv-span {height: 20px; width: 20px; float: right; margin: -30px 0 0 0}
.error-cvv {background: url(../images/checkout/cross-icon.png) 100% center no-repeat}
.yes-cvv {background: url(../images/checkout/yes-icon.png) 100% center no-repeat}
.content-checkout-wrap .form-item.success {background: url(../images/checkout/yes-icon.png) 100% center no-repeat;}
 .content-checkout-wrap.page1 .form-item {width: 100%; margin-right: 30px; overflow: hidden;}
.content-checkout-wrap.page1 .form-element {display: none;}
.content-checkout-wrap .head h2 {float: left; color:rgb(32, 114, 159); font-size: 2.4em;}
.content-checkout-wrap .head h3 {float: right; color:rgb(98, 98, 98); font-size: 1.78em;}
.content-checkout-wrap .content-wrap {border-top: 1px solid rgb(231, 231, 231); border-bottom: 1px solid rgb(231, 231, 231); overflow: hidden; margin-bottom: 30px}
 .content-checkout-wrap .content-wrap .content-left{min-height: 500px; border-right: 1px solid rgb(231, 231, 231); float: left; width: 35%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-checkout-wrap .content-wrap .content-left .head-toggle {color:rgb(98, 98, 98); font-size: 1.4em; background: rgb(248, 248, 248) url(../images/checkout/plus-icon.png) 98% center no-repeat; padding: 8px 10px; border-bottom: 1px solid rgb(231, 231, 231);}
.content-checkout-wrap .form-element .terms {margin: 15px; font-size: 1.1em;}
.content-checkout-wrap .content-wrap .content-left .head-toggle.active {background: rgb(248, 248, 248) url(../images/checkout/minus-icon.png) 98% center no-repeat;}
 .content-checkout-wrap .content-wrap .content-right{float: left; margin: 20px 0 20px 20px; width:97.9% ;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-checkout-wrap .content-wrap .content-right h3 {color:rgb(98, 98, 98); font-size: 1.2em; font-weight: bold;}
.content-checkout-wrap.page1 .content-wrap .content-right .column h3 {float: left}
.content-checkout-wrap .cart-wrap {border: 1px solid rgb(231, 231, 231); overflow: hidden; width: 100%; background: rgb(248, 248, 248); margin: 15px auto;}
.content-checkout-wrap .cart-wrap .row {clear: both; margin: 8px 10px; overflow: hidden; line-height: 2em;}
.content-checkout-wrap .cart-wrap .row div {float: left;}
.content-checkout-wrap .cart-wrap .row.header {font-weight:bold;}
.content-checkout-wrap .cart-wrap .row.footer {font-weight:bold;}
 .content-checkout-wrap .cart-wrap .row.footer {border-top: 1px solid rgb(231, 231, 231);background: rgb(240, 240, 240); overflow: hidden; margin: 0; line-height: 2em;}
 .content-checkout-wrap .cart-wrap .row.footer div:nth-child(1) span{ margin-left: 10px;}
.content-checkout-wrap .cart-wrap .row.footer div:nth-child(2) span{ margin-left: -5px;}
.content-checkout-wrap .cart-wrap .text-qty {width: 30px; text-align: center;}
.content-checkout-wrap .discount h3 {line-height: 1.8em;}
.content-checkout-wrap .discount .row {float: left; overflow: hidden; width: 100%; margin:10px auto;}
.content-checkout-wrap .discount .row div {float: left;}
.content-checkout-wrap .discount .label {font-weight: normal; font-size: 1.0em; line-height: 1.5em; width: auto;}
.content-checkout-wrap .discount .text-box {border: 1px solid rgb(231, 231, 231); padding: 5px 8px; font-size: 0.9em; color: #404040; width: 95%; margin:5px auto }
.content-checkout-wrap .discount .row div:nth-child(1) {width: auto;}
.content-checkout-wrap .discount .row div:nth-child(2) {width: 25%; margin-right: 0.7em;}
 .button-wrap {margin-left: .4em; margin-top:.9em;}
.content-checkout-wrap .button-wrap {text-align: center;}
.content-checkout-wrap .button-wrap .update_cart {border: 1px solid rgb(231, 231, 231); background:rgb(247, 247, 247); padding: 0.4em; margin: 4px; color:rgb(98, 98, 98); font-size: 1.3em; cursor: pointer; vertical-align:super;}
.content-checkout-wrap .button-wrap .proceed_payment {border: 1px solid rgb(94, 176, 29); background:rgb(94, 176, 29); padding: 0.4em; margin: 4px; color:#fff; font-size: 1.3em; cursor: pointer; vertical-align:super;}
.content-checkout-wrap .button-wrap .update_cart:hover, .content-checkout-wrap .button-wrap .proceed_payment:hover, .btn-skip:hover, .place_order:hover {opacity: 0.9;}
 .content-checkout-wrap.page2 .content-wrap {margin: 20px auto;}
.content-checkout-wrap.page2 .content-wrap {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-checkout-wrap.page2 .content-wrap .content-left {border-right: 0; width: 62%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-checkout-wrap.page2 .content-wrap .content-right {border-left: 1px solid rgb(231, 231, 231); width: 38%; margin: 0; background: rgb(248,248,248);-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-checkout-wrap .head .column1 h2 {float: none;}
.content-checkout-wrap .head .column1, .content-checkout-wrap .head .column2 {float: left;}
.content-checkout-wrap .head .column1 {width:80%;}
.content-checkout-wrap .head .column1 .referral-link{ float:right}
.content-checkout-wrap .head .column1 p {font-size: 1.2em; line-height: 1.3em;}
.content-checkout-wrap .head .column2 {width:20%;}
.content-checkout-wrap .btn-skip {border: 1px solid rgb(32, 115, 159); background:rgb(32, 115, 159); padding:0.8em 2.5em; margin: 10px; color:#fff; font-size: 1.3em; cursor: pointer;}
.content-checkout-wrap.page2 .content-wrap .content-left .cnt {margin: 20px 20px 20px 0;}
.content-checkout-wrap.page2 .content-wrap .content-left .cnt .row1 {font-size: 1em; margin: 10px auto;}
.content-checkout-wrap.page2 .content-wrap .content-left .cnt .row2 {color: rgb(29,117,165); font-size: 1em;margin: 10px auto; font-weight: bold;}
.content-checkout-wrap.page2 .content-wrap .content-left .cnt .radio {float: left; min-width: 20px;}
.content-checkout-wrap.page2 .content-wrap .content-left .cnt .row3 {margin: 20px 1px;}
.content-checkout-wrap.page2 .content-wrap .content-left .cnt .row3 span {float: left; min-width: 50px; font-weight: bold;}
.content-checkout-wrap.page2 .form-element {margin:2.5em;}
.content-checkout-wrap.page2 .content-wrap .content-left {min-height: 300px;}
 .content-checkout-wrap .training-block{ margin:20px 20px 20px 0; background-color:#54b4e1; border:5px solid #349bca; padding:1em; position:relative;}
.content-checkout-wrap .top-arrow{background:url(../images/checkout/t-arrow.png) no-repeat left top; height: 15px; left: 29px; position: absolute; top: -15px; width: 20px;}
.content-checkout-wrap .training-block .w-icon{float:left; margin:0.5em 1em 1em 0;}
.content-checkout-wrap .training-block p{ color:#ffffff;}
 .content-checkout-wrap.page3 .form-item {width: 90%; margin-right: 30px; overflow: hidden;}
 .content-checkout-wrap.page3 .head {border-bottom: 1px solid rgb(231, 231, 231); overflow: hidden;}
.content-checkout-wrap.page3 h3.mycart {width: 100%; font-weight: normal; margin: 20px auto; font-size: 1.4em; color: rgb(98, 98, 98);}
.content-checkout-wrap.page3 .content-wrap {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-checkout-wrap.page3 .content-wrap .content-left {border-right: 0; width: 40%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-checkout-wrap.page3 .content-wrap .content-right {border: 1px solid rgb(231, 231, 231); width: 60%; margin: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.content-checkout-wrap.page3 .content-wrap {border:0;}
.content-checkout-wrap.page3 .payment-option {overflow: hidden; width: 100%; background: rgb(247,247,247); border-bottom: 2px solid #fff;}
.content-checkout-wrap.page3 .payment-option .payment-lnk{ margin: 1em 2em;}
.content-checkout-wrap.page3 .payment-option h3 {font-size: 1.4em;}
.content-checkout-wrap.page3 .payment-option .help-text {font-size: .9em;}
.content-checkout-wrap.page3 .payment-option:hover, .content-checkout-wrap.page3 ul.tabs li.active .payment-option {color: #fff;background:rgb(145,186,208);}
.content-checkout-wrap.page3 .payment-option.active {color: #fff;background:rgb(145,186,208);}
.content-checkout-wrap.page3 .heading {font-size: 1.4em; line-height: 3em;}
.content-checkout-wrap.page3 .form-element {margin: 2em 3em;}
.content-checkout-wrap.page3 .form-element .place_order, .place_order_disable {border: 1px solid rgb(94, 176, 29); background:rgb(94, 176, 29); padding: 10px; margin: 10px 0; color:#fff; font-size: 1.3em; cursor: pointer;}
.place_order_disable {background: #cdcdcd; border: none}
.content-checkout-wrap.page3 .form-element .expiry {float: left; width: 30%;}
.content-checkout-wrap.page3 .form-element .cvv {float: left; width: 67%;}
.content-checkout-wrap.page3 .form-element .expiry input {width:30%; float: left; margin-right: 10px;}
.content-checkout-wrap.page3 .purchase_order_data {display: none;}
.content-checkout-wrap.page3 p a {text-decoration: underline;}
.mfp-preloader {display: none !important }
 @media all and (max-width: 767px) and (min-width: 240px) {.content-checkout-wrap .content-wrap .content-left {min-height: 100px!important;}
.content-checkout-wrap .content-wrap .content-right {min-height: 100px!important;}
.content-checkout-wrap .content-wrap .content-left {width: 100%!important; float: left; margin: 0;}
.content-checkout-wrap .content-wrap .content-right {width: 100%!important; float: left; margin: 0;}
 .content-checkout-wrap .discount .row div:nth-child(1), .content-checkout-wrap .discount .row div:nth-child(2), .content-checkout-wrap .discount .row div:nth-child(3) {width: 100%;}
.content-checkout-wrap .head .column1, .content-checkout-wrap .head .column2 {width: 100%; float: left;}
 .content-checkout-wrap .form-item {width: 100%;}
.content-checkout-wrap .form-element {margin: 8px!important;}
.content-checkout-wrap .expiry, .content-checkout-wrap .csv {width:100%!important; float: left;}
 #small-dialog .login-popup{width:100% !important;}
}
@media all and (min-width: 699px) and (max-width: 890px) {#small-dialog .login-popup{width:100% !important;}
}
 @media only screen and (min-width : 320px) and (max-width : 480px) {.register{float:inherit !important; width:100% !important;}
.login, .form-left, .form-right{width:100% !important;}
.form-left > input, .form-right > input {width: 83% !important}
.yes-icon, .close-icon{ margin:0.5em 0 0;}
ul.login-details li input[type=text], input[type=password]{width:83%!important;}
}
 .mfp-hide {display: none !important}
.builder-module-content .builder-module-sidebar{}
#small-dialog .login-popup {background: none repeat scroll 0 0 #FFFFFF; border: 10px solid #CDCDCD; width:45%; margin:auto; min-height:500px; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color=#000000)"; -moz-box-shadow: 1px 0px 8px #000000; -webkit-box-shadow: 1px 0px 8px #000000; box-shadow: 1px 0px 8px #000000; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=90, Color=#000000);  position:relative}
#small-dialog .login-popup .mfp-close{ font-weight:bold; color:#cdcdcd; font-size:1.5em; position: absolute; right: 10px; top: 5px; cursor:pointer;}
#small-dialog .login-popup h5{ font-weight:bold; font-size:1.5em; color:#626262; padding-bottom:.5em;}
#small-dialog .login-popup form small{ display:block; color:#626262; margin-bottom:0.2em;}
#small-dialog .login-popup form label {color: #626262; font-size: 1em;font-weight: bold; display:block; padding-top:0.5em;}
ul.login-details {padding: 0}
ul.login-details li {display: block; margin: 0.7em 0;}
ul.login-details li input{margin: 0.4em 0; padding: 0.5em; width: 85%; border: 1px solid #CDCDCD; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.submit, .submit_disable {background: none repeat scroll 0 0 #5FB01C; border: 0 none; color: #FFFFFF; height: 42px; width: 97px !important;}
.submit_disable {background: #cdcdcd}; .submit_disable:hover {background: #cdcdcd}; .submit:hover, .submit:focus{background:#F47D27;}
.register{ width:100%; padding:1em 2em; float:left; border-left:1px solid #CDCDCD; display:none;}
.login{float:left; width:100%; padding:1em 2em;}
.form-left{ float:left; width:50%; padding-right:2%;}
.form-right{ float:left; width:50%; padding-left: 2% }
#term-condition {float: left;width: 40px;}
.policy {padding: 0.3em 0 0;}
.mfp-bg {top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #fff; opacity: .8; filter: alpha(opacity=80) }
.mfp-wrap {top: 4em !important; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: 0!important; -webkit-backface-visibility: hidden }
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {.mfp-img-mobile .mfp-image-holder {padding-left: 0; padding-right: 0 }
.mfp-img-mobile img.mfp-img {padding: 0 }
.mfp-img-mobile .mfp-figure {}
.mfp-img-mobile .mfp-figure:after {top: 0; bottom: 0 }
.mfp-img-mobile .mfp-figure small {display: inline; margin-left: 5px }
.mfp-img-mobile .mfp-bottom-bar {background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.mfp-img-mobile .mfp-bottom-bar:empty {padding: 0 }
.mfp-img-mobile .mfp-counter {right: 5px; top: 3px }
.mfp-img-mobile .mfp-close {top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); position: fixed; text-align: center; padding: 0 }
}
@media all and (max-width:900px) {.mfp-arrow {-webkit-transform: scale(0.75); transform: scale(0.75) }
.mfp-arrow-left {-webkit-transform-origin: 0; transform-origin: 0 }
.mfp-arrow-right {-webkit-transform-origin: 100%; transform-origin: 100% }
.mfp-container {padding-left: 6px; padding-right: 6px }
}
 .my-mfp-zoom-in .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8)}
 .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}
 .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0}
 .my-mfp-zoom-in.mfp-bg {opacity: 0.001;  -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out}
 .my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8}
 .my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0}
  .my-mfp-slide-bottom .zoom-anim-dialog {opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-20px) perspective( 600px ) rotateX( 10deg )}
 .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {opacity: 1; -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); transform: translateY(0) perspective( 600px ) rotateX( 0 )}
 .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {opacity: 0; -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); transform: translateY(-10px) perspective( 600px ) rotateX( 10deg )}
 .my-mfp-slide-bottom.mfp-bg {opacity: 0.01; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out}
 .my-mfp-slide-bottom.mfp-ready.mfp-bg {opacity: 0.8}
 .my-mfp-slide-bottom.mfp-removing.mfp-bg {opacity: 0}
.show-hide-login {border-bottom: 1px solid #CDCDCD; padding: 0.8em; font-size:14px; font-weight:bold}
.new-customer, .customer-login{text-decoration:underline;font-size:16px}
 .card-type {float: right; margin-top: 25px}
.card-type ul{ margin:0; padding:0;}
.card-type ul li{float:left; display:block; margin-right:1em;}
.card-type ul li input {margin: 0.2em 0 0 0.1em; display: inline-block; vertical-align: super; float: left}
.card-type h5{ color:#20729F; font-size:.778em;}
  .yes-icon{ background: url("../images/checkout/yes-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: block; float: right; height: 20px; margin: 0.1em; width: 20px}
.close-icon{ background:url(../images/checkout/cross-icon.png) no-repeat center; display: block; float:right; height: 20px; margin: 0.1em; width: 20px;}
.error {color: #FF0000 !important; font-size: 0.955em !important; font-weight: normal !important; margin-right: 1em; padding: 0 !important; text-align: left}
.wht_con > img{ display:block;}
  ul.payment-tab li, ul.payment-tab li a{ display:block;}
ul.payment-tab .active{background: none repeat scroll 0 0 #91BAD0; color: #FFFFFF;}
.form-element #tab1, #tab2, #tab3{ height:auto; width:auto; margin:0; padding:0;}
 .credit_card_data.tab_content img{ margin: 0 0 0.5em 0; padding: 0}
.credit_card_data.tab_content .errorExplanation {margin-bottom: 30px; margin-top: 10px}
.credit_card_data.tab_content .errorExplanation h2 {font-size: 1.2em}
.credit_card_data.tab_content .errorExplanation p {color: #404040}
.content-checkout-wrap .content-wrap .content-right .credit_card_data h3{ float: left; line-height: 2em}
.card_exp_box {height: 30px; border: 1px solid #BFBFBF; margin: 5px auto; background: #fff; text-align: center; vertical-align: middle; font-size:14px; padding: 5px 8px}
.bundle_courses {margin-left:10px; clear:both}
.bundle_courses li{ margin-bottom: 3px}
#business_message p {font-size:16px}
a {color: #2284B7}
.content-checkout-wrap form label span.required {color: rgb(247,129,65); margin-left: 2px}
.content-checkout-wrap.page3 .form-element {margin: 0;}
.card-type {float: none;}
.content-checkout-wrap .form-element .text-box {height: 30px;}
.card_exp_box {color: #404040;}
.content-checkout-wrap .form-element .form-item label.error, .content-checkout-wrap .form-element .card-type label.error {color: rgb(247,129,65) !important; font-size: .8em !important; clear: both; display: block}
@media screen and (max-width: 461px) {.content-checkout-wrap .cart-wrap .row.list div:nth-child(1) {width: 100%; text-align: center;}
.content-checkout-wrap .cart-wrap .row.list div:nth-child(2) {width: 25%;}
.content-checkout-wrap .cart-wrap .row.list div:nth-child(3) {width: 30%;}
.content-checkout-wrap .cart-wrap .row.list div:nth-child(4) {width: 25%;}
.content-checkout-wrap .cart-wrap .row.list div:nth-child(5) {width: 20%;}
.content-checkout-wrap .cart-wrap .row.header div {display: none;}
.content-checkout-wrap .cart-wrap .row.header.header-checkout div:nth-child(2) {width: 33%; text-align: left; display: block;}
.content-checkout-wrap .cart-wrap .row.header.header-checkout div:nth-child(3) {width: 33%; text-align: center; display: block;}
.content-checkout-wrap .cart-wrap .row.header.header-checkout div:nth-child(4) {width: 33%; text-align: right; display: block;}
.content-checkout-wrap .cart-wrap .row.list.list-checkout div:nth-child(2) {width: 33%; text-align: left;}
.content-checkout-wrap .cart-wrap .row.list.list-checkout div:nth-child(3) {width: 33%; text-align: center;}
.content-checkout-wrap .cart-wrap .row.list.list-checkout div:nth-child(4) {width: 33%; text-align: right;}
}
@media screen and (max-width: 550px) {.content-checkout-wrap .cart-wrap .row.footer div:nth-child(1) {width: 66%;}
.content-checkout-wrap .cart-wrap .row.footer div:nth-child(2) {width: 33%; text-align: right;}
}
@media screen and (min-width: 769px) and (max-width: 1200px) {.content-checkout-wrap.page3 .form-element .expiry {float: left; width: 100%;}
}
@media screen and (max-width: 991px) {.card-type {margin-top: 5px}
.content-checkout-wrap.page3 .form-element .cvv {width: 40%}
}
.coggno-tooltip-theme {border-radius: 5px; border: 3px solid #7fa8de; background: #fff; color: #505050; max-width: 500px}
.coggno-tooltip-theme .tooltipster-content { font-size: 14px; line-height: 16px; padding: 8px 10px}
 .tooltipster-default {border-radius: 5px; border: 2px solid #000; background: #4c4c4c; color: #fff}
 .tooltipster-default .tooltipster-content {font-family: Arial, sans-serif; font-size: 14px; line-height: 16px; padding: 8px 10px; overflow: hidden}
 .tooltipster-default .tooltipster-arrow .tooltipster-arrow-border { }
 .tooltipster-icon {cursor: help; margin-left: 4px}
 .tooltipster-base {padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible}
.tooltipster-base .tooltipster-content {overflow: hidden}
 .tooltipster-arrow {display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1}
.tooltipster-arrow span, .tooltipster-arrow-border {display: block; width: 0; height: 0; position: absolute}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {left: 0; right: 0; margin: 0 auto}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {left: 6px}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {left: 5px}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {right: 6px}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {right: 5px}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px}
.tooltipster-arrow-left .tooltipster-arrow-border {border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px}
.tooltipster-arrow-right .tooltipster-arrow-border {border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px}
 .tooltipster-fade {opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; -ms-transition-property: opacity; transition-property: opacity}
.tooltipster-fade-show {opacity: 1}
.tooltipster-grow {-webkit-transform: scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-backface-visibility: hidden}
.tooltipster-grow-show {-webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)}
.tooltipster-swing {opacity: 0; -webkit-transform: rotateZ(4deg); -moz-transform: rotateZ(4deg); -o-transform: rotateZ(4deg); -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform}
.tooltipster-swing-show {opacity: 1; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1); -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4)}
.tooltipster-fall {top: 0; -webkit-transition-property: top; -moz-transition-property: top; -o-transition-property: top; -ms-transition-property: top; transition-property: top; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)}
.tooltipster-fall-show {}
.tooltipster-fall.tooltipster-dying {-webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; top: 0px !important; opacity: 0}
.tooltipster-slide {left: -40px; -webkit-transition-property: left; -moz-transition-property: left; -o-transition-property: left; -ms-transition-property: left; transition-property: left; -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15)}
.tooltipster-slide.tooltipster-slide-show {}
.tooltipster-slide.tooltipster-dying {-webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; -ms-transition-property: all; transition-property: all; left: 0px !important; opacity: 0}
 .tooltipster-content-changing {opacity: 0.5; -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1)}
#header .top_sign {font-family:Open Sans, Arial, Helvetica, sans-serif; font-size:10.2pt;}
#header .cs-memu-right a:hover, .cs-what-platform a:hover {text-transform: uppercase; text-decoration: none; color: #fff;}
#header .cs-memu-right li {line-height: 41px; margin: 1px; padding: 0 20px 0 0;}
#header .cs-memu-right li a:hover {opacity: 0.7;}
#header .cs-memu-right a {text-transform: uppercase; text-decoration: none; color: #fff;}
#header .cs-memu-right i {border-radius: 15px; width: 25px; height: 25px; background: #fff; margin: 0 10px}
#header .cs-memu-right .subs {background: #f5a369;border-bottom-left-radius: 18px;border-top-left-radius: 18px;}
#header .cs-memu-right .try {background: #8bc441;}
#header .cs-memu-right .shop {background: #50afdb;}
#header .cs-memu-right .sign {background: #b7b7b7;border-bottom-right-radius: 18px;border-top-right-radius: 18px;}
#header .cs-memu-right .subs a i {color: #f5a369;}
#header .cs-memu-right .try a i {color: #8bc441;}
#header .cs-memu-right .shop a i {color: #50afdb;}
#header .cs-memu-right .sign a i{ color: #b7b7b7;}
#header .cs-memu-right .subs .fa:before {line-height:25px; margin-left: 9px;}
#header .cs-memu-right .try .fa:before {line-height:25px; margin-left: 7px;}
#header .cs-memu-right .shop .fa:before {line-height:25px; margin-left: 5px;}
#header .cs-memu-right .sign .fa:before {line-height:25px; margin-left: 7px;}
#header .cs-what-platform {float:left; list-style-type:none; margin-left:20px}
#header .cs-what-platform i{border-radius: 15px; width: 25px; height: 25px; background: #fff; margin: 0 10px}
#header .cs-what-platform a {text-transform: uppercase; text-decoration: none; color: #fff;}
#header .cs-what-platform .platform a i {color: #f5a369;}
#header .cs-what-platform .what a i {color: #8bc441;}
#header .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;}
#header .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;}
#header .cs-what-platform li {line-height: 38px; margin: 3px 2px; padding: 0 15px 0 0;}
#header .cs-what-platform .what .fa:before {line-height:25px; margin-left: 9px;}
#header .cs-what-platform .platform .fa:before {line-height:25px; margin-left: 9px;}
#header .cs-what-platform li:hover {opacity: 0.8;}
 #header .cs-memu-right, .cs-memu-right * {margin: 0; padding: 0; list-style: none}
#header .cs-memu-right li {position: relative}
#header .cs-memu-right ul {position: absolute; display: none; top: 100%; left: 0; z-index: 1000}
#header .cs-memu-right > li {float: left}
#header .cs-memu-right li:hover > ul, .cs-memu-right li.sfHover > ul {display: block}
#header .cs-memu-right a {display: block; position: relative}
#header .cs-memu-right ul ul {top: 0; left: 100%}
 #header .cs-memu-right {float: left; margin-bottom: 1em}
#header .cs-memu-right ul {width: 100%; min-width: 200px; z-index: 1000; background: #084368; padding: 15px; margin-top: 10px; border-radius: 2px}
#header ul.cs-sub-menu:before {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #084368; content: ''; position: absolute; top: -5px; left: 48%}
#header .cs-memu-right a {border:0; padding: 0; text-decoration: none}
#header .cs-memu-right a {color: #fff}
#header .cs-memu-right li {background: #084368; white-space: nowrap}
#header .cs-memu-right ul li a{ width: 100%; clear: both; margin: 0; padding: 3px 8px;}
#header .cs-memu-right ul li {background: #084368; clear: both; margin: 0; display: block; overflow: hidden; float: left; width: 94%; border-radius: 10px}
#header .cs-memu-right ul ul li {background: #9AAEDB}
#header .cs-memu-right ul li a:hover, #header .cs-memu-right ul li:hover, #header .cs-memu-right ul li.sfHover {background: #f67118; color: #fff; text-decoration: none; opacity: 1; width: 94%}