.ch-container {margin-right: auto;margin-left: auto;word-wrap:break-word;}
.ch-margins{ margin-left: 15px; margin-right: 15px; }
.ch-container-basic{background: #FFF; word-wrap:break-word; }
.ch-container-basic > .row {padding: 0px 15px!important;}
.ch-resolution{ margin: 0px auto; }
.calendar-allevents-filter{margin-right:10px;}
@media (max-width: 767px) {
  .ch-resolution { width: 100%; }
  div.calendar-date-dropdown { width:100%; display:inline-block; padding-bottom:12px;}
  .calendar-date-dropdown .calendar-date-month { float:left; width:auto;}
  .calendar-date-dropdown .calendar-date-year {float:right !important; width:auto; margin:0;}
  .calendar-tools .tec-calendar-buttons {display:none;}
  #month-control-p {float:left;}
  #month-control-n {float:right;}
  .calendar-signup-filter{margin-bottom:20px; display:block;}
}
@media (min-width: 768px) {
  .ch-container, .ch-resolution {
    max-width: 95%;
  }
}

@media (min-width: 992px) {
  .ch-container, .ch-resolution {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .ch-container, .ch-resolution { max-width: 1170px; }
  .account-settings .form-actions {padding-right:80px;}
}
.ch-container:before,
.ch-container:after {
  content: " ";
  display: table;
}
.ch-container:after{
  clear: both;
}
@media (max-width: 961px) {
  html,body
  {
      width: 100%;
      margin: 0px;
      padding: 0px;
      overflow-x: hidden; 
  }
}
body.hub-platform-basetheme div#ch-default-content-container{ margin-left: 15px;margin-right: 15px; }
div.ch-header{ padding-top: 15px; padding-left:15px!important; padding-right:15px!important; }
div.ch-header img.hubBanner{ width: 100%; height: 100%; }
.hubnavbar .nav>li>a{ padding: 15px 25px 15px 0px!important; }
.hubnavbar .nav>li.cta>a{ padding: 15px!important; }
.hubnavbar .nav>li.cta{margin-right:15px;}
.hubnavbar ul.navbar-right>li>a{ padding: 15px 0px 15px 30px!important; }
.hubnavbar ul.navbar-right>li.register>a{ padding: 8px 0px 8px 11px!important; }
.hubnavbar ul.navbar-right>li.login>a{ padding: 8px 0px 8px 15px!important; }
.hubnavbar ul.navbar-right>li.register .btn,.hubnavbar ul.navbar-right>li.login .btn{border-radius: 7px; padding: 5px 20px; border:none;}
.hubnavbar-smart ul li a.img-avatar{ padding: 10px 0px 10px 30px!important; }
.navbar ul li {margin-top:2px;}
li.hubnav-search-field-loggedout {right:255px !important;}

@media (min-width: 768px) and (max-width: 979px) {
.hubnavbar ul.navbar-right>li.register .btn,.hubnavbar ul.navbar-right>li.login .btn{padding: 5px 8px;}
.hubnavbar .nav>li>a{ padding: 15px 20px 15px 0 !important; }
li.hubnav-search-field-loggedout {right:220px !important;}

}

@media (min-width: 768px){
	body.ets,body.chhf{ padding-top: 60px; }
  body.smartnav{ padding-top: 10px!important; }
	.ch-container100{ width: 100%; }
	.ch-container90{ width: 90%;margin: 15px auto; padding:15px; border-radius: 4px;  }
	.ch-container80{ width: 80%;margin: 15px auto; padding:15px; border-radius: 4px;  }
	.ch-container70{ width: 70%;margin: 15px auto; padding:15px; border-radius: 4px;   }
	.ch-container60{ width: 60%;margin: 15px auto; padding:15px; border-radius: 4px;   }
	.ch-container50{ width: 50%;margin: 15px auto; padding:15px; border-radius: 4px;   }
	.ch-container40{ width: 40%;margin: 15px auto; padding:15px; border-radius: 4px;   }

	.hubcont{ width: 100%; }
	.hubcont .col1{ width: 100%; }
	.hubcont > .col2:first-child{ width: 48%; margin-right: 2%; float: left}
	.hubcont > .col2:last-child{ width: 48%; margin-left: 2%; float: right; }
	.hubcont > .col67r:first-child{ width: 65%; margin-left: 2%; float: left}
	.hubcont > .col33l:last-child{ width: 31%; margin-right: 2%; float: right; }
	.hubcont > .col67l:first-child{ width: 65%; margin-right: 2%; float: left}
	.hubcont > .col33r:last-child{ width: 31%; margin-left: 2%; float: right; }
	.hubcont > .col75r{ width: 73%; margin-left: 2%; float: right}
	.hubcont > .col25l{ width: 23%; margin-right: 2%; float: left; }
	.hubcont > .col75l{ width: 73%; margin-right: 2%; float: left}
	.hubcont > .col25r{ width: 23%; margin-left: 2%; float: right; }
}
@media (max-width: 767px){
	.hub-mail-actions{ width: 73%; margin-left: 2%; float: right}
	.hub-mail-compose{ width: 23%; margin-right: 2%; float: left; }
	.breadcrumb{ display:none!important; }
	.single-cap{ width:100%!important; }
	.styled-brick{ width:100%!important; margin-left:0!important;margin-right:0!important; padding:0!important; }
	.cal-listview, .cal-listview  div.pull-left, .cal-listview  div.media-body{ width:100%;}
	.cal-listview div.pull-left{margin-bottom:10px;}

	.nav-tabs > li {
        float:none;
        border:1px solid #dddddd;
    }
    .nav-tabs > li.active > a{
        border:1px solid transparent;
        font-style: italic;
    }
    .nav-tabs > li.active{
    	background: #EAEAEA;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
     {
        background:none;
        border:1px solid transparent;
     }
    .mobile-menu-container .navbar{ margin-bottom:0px; }
    .mobile-menu-container .navbar-nav{ margin-top:0px!important;margin-bottom:0px!important; }
    .ch-container100,.ch-container90,.ch-container80,.ch-container70,.ch-container60,.ch-container50,.ch-container40{ width: 100%; }
    .ch-container90,.ch-container80,.ch-container70,.ch-container60,.ch-container50,.ch-container40{ padding-top: 10px; }
	.wp-media-buttons .button{ display:none;}
}
@media (max-width: 500px){
	div.ch-header div.ch-logo{ float: none!important; }
	div.ch-header div.ch-logo img, div.registration-heading img, img.logo{ text-align:center!important;}
}
body.ets .ch-container{border:1px solid #CCC; border-radius: 4px;}
div.mobile-menu-container{ padding: 10px 15px; width: 100%; overflow:hidden;  }
.ch-mobile-menu .src{margin: 0px 48px 0px 0px !important;}
.ch-mobile-menu .form-control{ color:#737373 !important; background-color:#eeeeee !important; border: none !important; height: 43px !important;}
.ch-mobile-menu .white_icon{ color:#737373 !important; font-size:16px !important; padding: 14px 3px 1px 0px !important; position: absolute;right: 65px;}
.ch-mobile-menu src.input[placeholder].form-control::-webkit-input-placeholder{ color:#fff !important;}
.ch-mobile-menu .navbar-toggle {position: relative;float: right;padding: 13px 19px !important;margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 0px;}
.ch-mobile-menu .navbar-form{ padding: 0px 15px 0px 0px!important; border-top: none !important;border-bottom: none !important}
.ch-mobile-menu .navbar{ position: relative;min-height: 45px !important;margin-bottom: 0px; border:border: 1px solid transparent; margin-top: -3px !important;}
.ch-mobile-menu .navbar-toggle:hover{ background-color:#222222 !important; border-radius: 0;}
.ch-mobile-menu .caret{ float:right!important; margin-top:11px !important;}
.ch-mobile-menu .navbar-nav .open .dropdown-menu > li > a, .ch-mobile-menu .navbar-nav .open .dropdown-menu .dropdown-header {padding:5px 15px 5px 35px !important;}
.ch-mobile-menu .navbar-inverse .navbar-nav > .active > a, .ch-mobile-menu .navbar-inverse .navbar-nav > .active > a:hover, .ch-mobile-menu .navbar-inverse .navbar-nav > .active > a:focus, .ch-mobile-menu .navbar-inverse .navbar-nav > .open > a, .ch-mobile-menu .navbar-inverse .navbar-nav > .active > a { background-color:#838383 !important; background-image:none !important; box-shadow:none !important; }
.ch-mobile-menu .navbar-inverse .navbar-nav>li>a:hover, .ch-mobile-menu .navbar-inverse .navbar-nav>li>a:focus {color: #fff; background-color:#222222 !important;}
.ch-mobile-menu .navbar-inverse .navbar-nav>li>a:hover, .ch-mobile-menu .navbar-inverse .navbar-nav>li>a:focus {color: #fff; background-color:#838383 !important; margin: 4px 0px 3px 0px !important;}
.ch-mobile-menu .form-control { border-radius:0 !important;}

.ch-mobile-menu .navbar-nav>li>a{ padding-top:1px!important; padding-bottom:1px!important;}
.ch-mobile-menu .icon-bar{display: block;background-color:#888;width: 22px;height: 2px;border-radius: 1px;}
.ch-mobile-menu .nav > li > a:hover, .ch-mobile-menu .nav > li > a:focus,
.ch-mobile-menu .nav-tabs > li.active > a, .ch-mobile-menu .nav-tabs > li.active > a:hover, .ch-mobile-menu .nav-tabs > li.active > a:focus{background:none;border: none !important;}
.ch-mobile-menu .navbar-nav .open .dropdown-menu{ padding:1px 0px 3px 0px !important;}
.ch-mobile-menu .navbar-inverse .navbar-toggle{ border-color: #9c9c9c;}
.ch-mobile-menu .navbar-inverse .navbar-toggle:hover, .ch-mobile-menu .navbar-inverse .navbar-toggle:focus{ background-color:#838383 !important;}
.ch-mobile-menu .navbar-inverse{ background-image:none !important; background-color:#9c9c9c !important; border-color:#838383 !important;}
.ch-mobile-menu .fixing_bar{ height:42px !important; border: none !important;}
.ch-mobile-menu .navbar-inverse .navbar-nav>li>a {color: #fff !important;margin: 4px 0px 3px 0px !important;}
.ch-mobile-menu .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #fff !important; /*margin: 4px 0px -10px 0px !important;*/}
.ch-mobile-menu .navbar-nav {margin: 0px -15px !important;}
.ch-mobile-menu .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .ch-mobile-menu .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {background-color: #838383 !important;}
.ch-mobile-menu .navbar-inverse .navbar-collapse, .ch-mobile-menu .navbar-inverse .navbar-form { border-color: #838383 !important; }

.ch-mobile-menu .icon-bar+.icon-bar {margin-top: 4px;}
div.ch-main, div.ch-sidebar{ margin: 10px 0px; }
div.hub-platform-apply-css > :first-child{margin-top: 0px!important;/*padding-top:0px!important;*/}
.ch-title{ font-size: 20px; margin-top: 0px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #EAEAEA; }
.ch-title-atts{ font-size: 20px; padding: 15px 0px; margin:0px; }


.hubnavbar-smart {  opacity: 1.0;}
body.ets .hubnavbar-smart{
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  border-bottom: 1px solid #CDCDCD;
}
.navbar{ margin-bottom: 0px!important; }
body.ets .hubnavbar-smart.navbar-fixed-top{  border-right: 1px solid #CDCDCD;border-left: 1px solid #CDCDCD;}
body.chhf .hubnavbar-smart.navbar-fixed-top{  border-right: 1px solid #CDCDCD;border-left: 1px solid #CDCDCD;}
body.chhf .hubnavbar-smart.navbar-static-top{ -webkit-box-shadow: none!important;box-shadow: none!important;border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; }
ul.smartnav-icons .smartnav-icons {font-size: 18px!important;}
ul.smartnav-icons .smartnav-count { background-color: #d9534f; border-radius: 10px; position:absolute; left:40px; top:7px; font-size:9px; font-weight:normal; }
ul.smartnav-icons .smartnav-dropdown-menu > li > a { padding:8px 14px;}
ul.smartnav-icons .smartnav-dropdown-menu { text-align:left; }
ul.smartnav-icons .smartnav-caret { display: inline-block; width: 0; height: 0;  margin-left: 2px;  vertical-align: middle; border-bottom: 7px solid; border-right: 7px solid transparent; border-left: 7px solid transparent; position: absolute; top: -8px; left: 28px; color:rgba(0,0,0,.15);}
ul.smartnav-icons .navbar-nav > li > a { text-align:center;}
ul.smartnav-icons .hubnav-search-field {position:absolute;  right:200px;  top:8px;}
ul.smartnav-icons .hubnav-search-field input {width:250px;border:1px solid #000 !important;}
ul.smartnav-icons ul li a.img-avatar {padding:10px;}
ul.smartnav-icons a:focus {outline:0;}
ul.smartnav-icons.navbar-right {position:relative;}
ul.smartnav-icons{ font-size: 16px!important; }
/*
ul.smartnav-icons{ position: relative; }
ul.smartnav-icons li{ position: relative; display: inline-block; }
ul.smartnav-icons li a{ text-align:center; }
*/
.carousel-inner>.item>img, .carousel-inner>.item>a>img{ width: 100%; }
.bg-white{ background: #FFF!important; }
.overflow-hide{ overflow:hidden; }
.img100x100{ max-width: 100px; max-height: 100px; }
.btn-100{ width: 100%;}
.btn-text-left{ text-align: left; }
.btn-white{ color: #333; background-color: #fff; border-color: #ccc; }
.btn-white:hover{ background: #F0F0F0; }
.modal{ margin-top:25px!important; }
.border-width-0{ border-width: 0px; padding: 0px; box-shadow: none; }
.border-width-1{ border-width: 1px; padding: 1px; }
.border-width-2{ border-width: 2px; padding: 2px; }
.ch-admin-user-grid-mtype-bg{margin-top:10px;background:#EAEAEA;padding:12px 5px 2px 5px;}
.hub-error-text{ color: #ff0000!important; font-style:italic; font-size: 12px!important; }
.hub-success-text{ color: #003DA5!important; font-style:italic; font-size: 12px!important; }

.hub-integration-service-list-item img{ height:32px; width:32px;vertical-align: middle; }
.hub-integration-service-list-item{ font-size:15px!important;}

div.ch-site-heading-meta{ border-bottom: 1px dashed #EAEAEA; margin: 0px 15px 30px 15px; }
div.hasAltNav div.ch-site-heading-meta{ border: none; margin: 0px; }
nav.ch-altNav{ background: none!important; }
/*Navigation Menus*/
div.ch-site-navs{ background: #FFF; margin-top: 10px; margin-bottom:10px; }
div.ch-site-navs nav{ border-radius: 0px; border: none; }
div.ch-site-navs .nav>li>a{ padding: 10px; 10px;}
div.ch-site-navs .navbar{ min-height: 30px; margin-bottom:0px!important; }
div.ch-site-navs ul li a{ font-size: 12px; }
div.ch-site-navs ul li a:hover{ background: none; }
div.ch-site-navs .dropdown-menu>li>a{ padding: 6px 5px; }
div.ch-site-navs nav.ch-altNav .nav>li>a { padding: 5px 20px 5px 0px!important; }
div.ch-altNav .nav>li>a{ padding: 3px 10px!important; }

p.tagMediaAsset{ max-height:250px;overflow:hidden; }
p.tagMediaAsset img{ display: inline-block;width: 100%; }

table {
  width: 100%;
  margin-bottom: 20px;
}
table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}

/*
*
* WHITESPACE (MARGIN & PADDING)
*
*/

.overflow-hidden{ overflow:hidden; }

/* Margins */
.margin-top-0{ margin-top:0px!important; }
.margin-left-35{ margin-left: 35px; }
.ml-only-20{ margin: 0px 0px 0px 20px!important; }
.margin-bottom-0imp{ margin-bottom: 0px!important; }
.margin-right-20imp{ margin-right: 20px!important; }
.margin-left-20imp{ margin-left: 20px!important; }
.margin-bottom-0{ margin-bottom: 0px; }.margin-0{ margin: 0px 0px 0px 0px!important; }.margin-right-5{ margin-right: 5px; }.margin-right-10{ margin-right: 10px; }.margin-right-20{ margin-right: 20px; }.margin-right-30{ margin-right: 30px; }.margin-left-10{ margin-left: 10px; }.margin-left-20{ margin-left: 20px; }.margin-left-30{ margin-left: 30px; }.margin-bottom-0{ margin-bottom: 0px; }.margin-bottom-5{ margin-bottom: 5px; }.margin-bottom-10{ margin-bottom: 10px; }.margin-bottom-20{ margin-bottom: 20px; }.margin-bottom-30{ margin-bottom: 30px; }.margin-top-5{ margin-top: 5px; }.margin-top-10{ margin-top: 10px; }.margin-bottom-15{ margin-bottom: 15px; }.margin-top-20{ margin-top: 20px; }.margin-top-30{ margin-top: 30px; }.nomargin{ margin-top: 0px; margin-bottom:0px; margin-left: 0px; margin-right: 0px; }.margin-right-3{ margin-right: 3%; }

/* Padding */
.margin-top-1{ margin-top: 1px; }.margin-left-1{ margin-left: 1px; }.margin-bottom-1{ margin-bottom: 1px; }
.padding-0{ padding:0!important; }.padding-10{ padding:10px; }.padding-20{ padding:20px; }.padding-30{ padding:30px; }.padding-tb-10{ padding: 10px 0px; }.padding-tb-20{ padding: 20px 0px; }.padding-tb-30{ padding: 30px 0px; }.padding-sides-10{ padding-left: 10px; padding-right: 10px; }.padding-sides-20{ padding-left: 20px; padding-right: 20px; }.padding-sides-30{ padding-left: 30px; padding-right: 30px; }.padding-lside-10{ padding-left: 10px; }.padding-lside-20{ padding-left: 20px; }.padding-lside-30{ padding-left: 30px; }.padding-rside-10{ padding-right: 10px; }.padding-rside-20{ padding-right: 20px; }.padding-rside-30{ padding-right: 30px; }.padding-left-10{ padding-left: 10px; }.padding-right-10{ padding-right: 10px; }.padding-left-30{ padding-left: 30px; }.padding-bottom-10{ padding-bottom: 10px; }.padding-top-20{ padding-top:20px;}.padding-10{ padding:10px; }.padding-20-10{ padding: 20px 10px; }
.padding-sides-10imp{ padding-left: 10px!important; padding-right: 10px!important; }.padding-sides-15{ padding-left: 15px!important; padding-right: 15px!important; }
.padding-top-3{ padding-top: 3px; }

/*
*
* FORM FLUIDITY
*
*/
.form-fluid-100{ width: 100%; }.form-fluid-90{ width: 90%; }.form-fluid-80{ width: 80%; }.form-fluid-70{ width: 70%; }.form-fluid-60{ width: 60%; }.form-fluid-50{ width: 50%; }.form-fluid-45{ width: 45%; }.form-fluid-40{ width: 40%; }.form-fluid-30{ width: 30%; }.form-fluid-20{ width: 20%; }.form-fluid-10{ width: 10%; }
.textarea-lg{ height: 300px; }.textarea-md{ height: 200px; }.textarea-150{ height: 150px; }
.tbl-10{width:10%;}.tbl-20{width:20%;}.tbl-30{width:30%;}.tbl-40{width:40%;}.tbl-50{width:50%;}.tbl-60{width:60%;}.tbl-70{width:70%;}.tbl-80{width:80%;}.tbl-90{width:90%;}

/*
*
* GENERAL FLUIDITY
*
*/
.max-width{ width: 100%; }.fluid-100{ width: 100%; }.fluid-90{ width: 90%; }.fluid-80{ width: 80%; }.fluid-70{ width: 70%; }.fluid-60{ width: 60%; }.fluid-50{ width: 50%; }.fluid-40{ width: 40%; }.fluid-30{ max-width: 30%; }.fluid-20{ width: 20%; }.fluid-10{ width: 10%; }


/*
*
* TEXT MANIPULATION
*
*/
.text-red{ color: red; }
.text-black{ color: #000; }
.text-ital{ font-style:italic; }
.text-strike{ text-decoration: line-through; }
.text-bold{ font-weight: bold; }
.text-24{ font-size: 24px; }
.text-20{ font-size: 20px; }
.text-16{ font-size: 16px; }
.text-12{ font-size: 12px; }
.text-center{ text-align: left; }
.text-center{ text-align: center; }
.text-large{ font-size: 20px!important; line-height: 1.50em; }
.text-medium{ font-size: 16px!important; line-height: 1.50em; }
.text-ml{ font-size: 18px!important; line-height: 1.50em; }
.text-super{ font-size: 24px!important; line-height: 1.60em; }
.text-ginormous{ font-size: 40px!important; line-height: 1.85em; }
.text-lh-150{ line-height: 1.25em!important; }
.text-small{ font-size: 12px!important; }
.text-medium li{ line-height: 1.50em; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }
.text-emphasis{ font-style: italic; }
.text-underline{ text-decoration: underline; }
.label-large{ font-size: 20px; }
.label-medium{ font-size: 16px; }

/*Info Boxes*/
.box.none {border-width:0;}
.box.full {border-width:1px;}
.box.medium {padding:18px 20px 18px 50px; font-size:1.1em;}
.box.large {padding:25px 27px 25px 50px; font-size:1.2em; }
.box.rounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.box.alert { border-color:#f0baa2; background:#ffd9c8 url(../images/ico-alert.png) no-repeat 20px 45%; }
.box.download { border-color:#d4ebaf; background:#edfcd5 url(../images/ico-download.png) no-repeat 20px 45%; }
.box.tick { border-color:#d4ebaf; background:#edfcd5 url(../images/ico-tick.png) no-repeat 20px 45%; }
.box.info { border-color:#ccc; background:#eee url(../images/ico-info.png) no-repeat 20px 45%; }
.box.note { border-color:#efe3ae; background:#fef6d2 url(../images/ico-note.png) no-repeat 20px 45%; }
.box.normal { border-color:#ccc; background:#eee; padding:9px 15px;}
.box.normal-amber{ border-color:#efe3ae; background:#fef6d2; padding:9px 15px; }
.box.normal-green{ border-color:#d4ebaf; background:#edfcd5; padding:9px 15px;  }
.box.normal-red{ background: #f2dede; border-color: #ebccd1; padding:9px 15px;  }
p.box, div.box {margin:1em 0 1.5em 0; padding:9px 10px 9px 50px; border-width:1px 0 1px 0; border-style:solid;color:#555;text-shadow:none;}

.pretty-img{  background-color: white; border: 1px solid #CCC; padding: 3px; }
.border-noradius{ border-radius: 0px; }h2.h2min{ font-size: 24.5px; margin-bottom: 20px; }
.btn-lightgreen:hover {color: #ffffff;text-shadow: 0px -1px 0px #698b43;}
.btn-lightgreen:hover, .btn-lightgreen:active, .btn-lightgreen.active, .btn-lightgreen.disabled, .btn-lightgreen[disabled] {background-color: #87a961;}
.btn-lightgreen {text-shadow: 0px -1px 0px #87a961;color: #ffffff;background-color: #A5C77F;background-image: -moz-linear-gradient(top, #c3e59d, #87a961);background-image: -ms-linear-gradient(top, #c3e59d, #87a961);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c3e59d), to(#87a961));background-image: -webkit-linear-gradient(top, #c3e59d, #87a961);background-image: -o-linear-gradient(top, #c3e59d, #87a961);background-image: linear-gradient(top, #c3e59d, #87a961);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3e59d', endColorstr='#87a961', GradientType=0);border-color: #A5C77F #87a961 #87a961 #A5C77F;border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25);}
.btn-clear{ display: inline-block; padding: 4px 10px 4px; font-size: 13px; line-height: 18px; color: #333; background: none; border: none; -webkit-border-radius: none; -moz-border-radius: none; border-radius: none; }

/*LightboxOverlay Opacity*/
.lightboxOverlay{filter: alpha(opacity=80)!important; /* For IE8 and earlier */}
/*Slideshow ie7*/
.carousel-indicators li{*display: inline;zoom: 1;}
.carousel-indicators{*text-align:right; *width:auto; *margin-left:6.5%;}
.carousel-indicators .active{*margin:0 2px;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{*cursor:pointer;}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-left{*cursor:pointer;}

ol.breadcrumb { font-size: 12px; padding:6px 10px!important; margin-bottom: 15px!important; }
ol.breadcrumb + hr { margin: 2px 0px 7px!important; }
body img{ max-width: 100%; height: auto; }
div.mediaIconEntry{ cursor: pointer; border-width: 3px; overflow: hidden; }
div.mediaIconActive{ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
div.mediaListEntry{ cursor: pointer; border-bottom: 1px solid #F0F0F0; padding: 4px 1px; overflow: hidden; }
div.mediaListActive{ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
#hubMediaModal .modal-dialog{ width: 90%!important; max-width: 90%!important; }
div.media-icon-body{ width: 100%; background: #F0F0F0; }
div.media-stream-all{ float: left; width: 73%; background: #FFF; padding-right: 2%; height: 400px; overflow: scroll; }
div.media-stream-detail{ float: right; width: 25%; }
div.media-stream-detail .view{ padding: 10px;  }
div.streamListViewEntry{ cursor: pointer; border-bottom: 1px solid #F0F0F0; padding: 4px 1px; overflow: hidden; }

.media-card{ overflow:hidden; }
.ui-autocomplete-loading { background: white url('../images/ajax-loader.gif') right center no-repeat; margin-right: 5px; }
ul.ui-autocomplete{ z-index: 9999; }
div.member-search form{ margin-bottom:0px; }
div.ch-logo p { text-align: center; font-size: 20px; margin: 0px auto 10px auto;}
div.ch-logo .popover-content{ font-size: 14px; }
div.ch-logo a img{ margin: 15px auto 0px auto; vertical-align: middle; max-width: 300px; max-height: 60px;}
body.ets div.ch-header{ border-bottom: 1px solid #cdcdcd; }

div.hub-login{ padding: 10px 0px; overflow:hidden; font-weight: 300; background-color: rgb(234,241,241); color: #777;}
div.hub-login > .row > .col-sm-12 > .dark-outline,div.registration-row > .row > .col-sm-12 > .dark-outline{ border: none!important; padding: 0px; }
div.hub-login .login-text{ padding-top: 10px; }
.login-sections {width: 450px;}
.hub-login label {font-weight: 400; font-size: 16px; color: #54585A;}
.hub-login label a{font-size: 13px; font-weight: 300; padding-left: 4px;}
.hub-login .login-box .text-medium {font-weight: 400; padding-bottom: 5px; color: #333;}
.hub-login .login-box a.text-medium {color: #fff; font-weight: 300;}
.hub-login .checkbox label {font-size: 14px; font-weight: 300; color: #777;}
.hub-login .social-login p {font-size: 14px; font-weight: 300; color: #777;}

.hub-login .login-button {
    width: 150px;
}

.hub-login .hub-integration-service {
    float: left;
    width: 30%;
    margin-right: 10px;
    height: 35px;
}

.hub-login .hub-integration-service:last-child {margin-right: 0px;}

.hub-login a.hub-integration-service-list-item {
    border-radius: 5px;
    padding: 3px 0px;
    text-align: center;
}

.hub-login .login-box {
    width: 100% !important;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 50px 20px 50px;
}

.hub-login .clear {clear: both;}

.hub-login .spacer {height: 10px;}

@media (max-width: 991px){
  .hub-login .hub-integration-service {float: none; width: 100%; margin-top:10px;}
}

@media (min-width: 768px){
  .login-sections{ width: 60%; margin: 0 auto; }
  .hub-register > p, .hub-register .registration-sub-block > p { width:50%;  }
}
@media (max-width: 767px){
  .login-sections{ width: 75%; margin: 0 auto; }
  .hub-login .login-button {width: 100%;}
    .hub-register > p, .hub-register .registration-sub-block > p { width:75%;  }
}
@media (max-width: 500px){
    .hub-register > p, .hub-register .registration-sub-block > p { width:95%;  }
  .login-sections{ width: 95%; margin: 0 auto; }
  .hub-login .login-box {padding: 30px 20px 20px 20px;}
}
.login-sections .login-box{ width: 80%; margin: 15px auto; }
.hub-register > p, .hub-register .registration-sub-block > p  { margin: 0 auto; padding: 10px 0px; }
.hub-register form input[type="text"], .hub-register form input[type="password"], .hub-register form textarea,.hub-register form select{ width: 100%; }
div.registration-row{ padding-top: 10px; }

div.ch-header div.ch-logo img, div.registration-heading img, img.logo{ max-width: 300px; max-height: 60px; }
div.ch-header div.welcome { vertical-align: middle; overflow: hidden; width: 50%; float: right; text-align: right; }
div.ch-header div.welcome span.text{ font-size: 18px; }
div.ch-header div.welcome span.avatar img{ margin: 0px 5px 5px 0px; background-color: white; border: 1px solid #CCC; padding: 3px; vertical-align: middle; }
.avatar-img img{ margin: 0px 5px 5px 0px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); padding: 3px; vertical-align: middle; }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus,.dropdown-menu>li>a{ color: inherit; background: inherit; }
.fluidEmbed {
	position: relative;
	padding-bottom:56.25%;
	height:0;
	overflow: hidden;
	-ms-overflow-style: none;
}
.fluidEmbed iframe,.fluidEmbed object, .fluidEmbed video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.wp-switch-editor{ height:auto!important;}
.quicktags-toolbar input{ display: inline-block!important; }
/*
General
*/
div.mb .message-content img{ max-width: 75px; }
.ital_underline{ border-bottom: 1px solid #CCC; margin-top: 0px; font-style: italic; }
.ital_underline img{ width: 30px; margin: 0px 5px 5px 0px; background-color: white; border: 1px solid #CCC; padding: 3px; vertical-align: middle; }

.clear{ clear: both; }
.hide{ display: none; }
.layout-gallery{ float: left; width: 90px; margin-right: 10px; margin-bottom: 10px; }
img.layout-gallery{ max-width: 80px;margin: 0px 10px 10px 0px; }
div.wp-editor-container, .tab-content{ overflow: hidden; }
a.li-shared span{ float: left; background: url(../images/li-share.gif); width: 59px; height: 20px; padding: 0; margin:0; }

/*Registration*/
form.register label{ font-weight: bold; }
form.register label.checkbox{ font-weight: normal; }

/*Login*/
div.registration-block div.ch-logo a img, div.login div.ch-logo a img{ max-width: 250px; }

/*Forms*/
input[class="text-thin"]{ width: 85%; border: 1px solid #CCC; margin-bottom: 10px; clear: right; font-size: 16px; }
textarea[class="textarea-thin"]{ width: 85%; height: 125px; border: 1px solid #CCC; margin-bottom: 10px; clear: right; font-size: 16px; }

/*Social Share*/
div.social-share > div.service{ float: left; margin: 0px 10px 10px 0px; border: 1px solid #CCC; }
div.margin-0 div.social-share > div.service{ margin-bottom:0!important; }
div.social-share > div.service > a, div.social-share > div.service > a:hover{ text-decoration:none; padding: 0; margin:0; display: inline-block;position: relative;vertical-align: middle;background-repeat: no-repeat;background-position: center center; }
div.social-share32 > div.service > a{ width: 32px!important; height: 32px!important; }
div.social-share16 > div.service > a{ width: 16px!important; height: 16px!important; }
div.social-share24 > div.service > a,div.social-share24g > div.service > a{ width: 24px!important; height: 24px!important; }
div.social-share32 > div.share-twitter > a{ background: url(../images/sm-icons/32x32c/32-twitter.png); }
div.social-share24 > div.share-twitter > a{ background: url(../images/sm-icons/24x24c/24-twitter.png); }
div.social-share24g > div.share-twitter > a{ background: url(../images/sm-icons/24x24g/24-twitter.png); }
div.social-share16 > div.share-twitter > a{ background: url(../images/sm-icons/16x16c/16-twitter.png); }
div.social-share32 > div.share-facebook > a{ background: url(../images/sm-icons/32x32c/32-facebook.png); }
div.social-share24 > div.share-facebook > a{ background: url(../images/sm-icons/24x24c/24-facebook.png); }
div.social-share24g > div.share-facebook > a{ background: url(../images/sm-icons/24x24g/24-facebook.png); }
div.social-share16 > div.share-facebook > a{ background: url(../images/sm-icons/16x16c/16-facebook.png); }
div.social-share32 > div.share-google > a{ background: url(../images/sm-icons/32x32c/32-googleplus.png); }
div.social-share24 > div.share-google > a{ background: url(../images/sm-icons/24x24c/24-googleplus.png); }
div.social-share24g > div.share-google > a{ background: url(../images/sm-icons/24x24g/24-googleplus.png); }
div.social-share16 > div.share-google > a{ background: url(../images/sm-icons/16x16c/16-googleplus.png); }
div.social-share32 > div.share-pinterest > a{ background: url(../images/sm-icons/32x32c/32-pinterest.png); }
div.social-share24 > div.share-pinterest > a{ background: url(../images/sm-icons/24x24c/24-pinterest.png); }
div.social-share24g > div.share-pinterest > a{ background: url(../images/sm-icons/24x24g/24-pinterest.png); }
div.social-share16 > div.share-pinterest > a{ background: url(../images/sm-icons/16x16c/16-pinterest.png);}
div.social-share32 > div.share-linkedin > a{ background: url(../images/sm-icons/32x32c/32-linkedin.png); }
div.social-share24 > div.share-linkedin > a{ background: url(../images/sm-icons/24x24c/24-linkedin.png); }
div.social-share24g > div.share-linkedin > a{ background: url(../images/sm-icons/24x24g/24-linkedin.png); }
div.social-share16 > div.share-linkedin > a{ background: url(../images/sm-icons/16x16c/16-linkedin.png); }

/*
AJAX load
*/
span.ajax-loading { display: none; background-position: 92% 50%; background-repeat: no-repeat; padding-right: 30px!important; background-image: url(../images/ajax-loader.gif); }
div.et-ajax-loader { background: url(../images/ajax-loader.gif) center left no-repeat !important; padding: 10px; display: none; z-index: 9999; vertical-align: middle; }
div.et-ajax-loader span{ margin-left: 10px;background: #FFF; }

div.et-ajax-loader-dupe { background: url(../images/ajax-loader.gif) center left no-repeat !important; padding: 10px; display: none; z-index: 9999; vertical-align: middle; }
div.et-ajax-loader-dupe span{ margin-left: 10px;background: #FFF; }

div.et-ajax-loader-tres { background: url(../images/ajax-loader.gif) center left no-repeat !important; padding: 10px; display: none; z-index: 9999; vertical-align: middle; }
div.et-ajax-loader-tres span{ margin-left: 10px;background: #FFF; }

div.et-ajax-loader-global { background: url(../images/ajax-loader.gif) center left no-repeat !important; padding: 10px; display: none; z-index: 9999; vertical-align: middle; }
div.et-ajax-loader-global span{ margin-left: 10px;background: #FFF; }

/*Buttons*/
div.form-actions input[type="submit"].etjb{ margin-top: 0px; }
.etjb{ width: 121px; height: 34px; border: none; padding: 0; margin: 0px 0px 10px 0px; cursor: pointer; float: left; }
.button-register{ background: url(../images/register.png); }
.button-join{ background: url(../images/join.png); }
.button-addnew{ background: url(../images/add-new.png); }
div.post div.action-box{ margin-bottom: 30px; }

/*Video*/
div#publisher{ float: left; }
div#subscribers div{ float: left; }

/*
*************************
PROFILING
*************************
*/
form.survey label.control-label{ font-weight: bold; }
form.survey div.control-group{ margin: 20px 0px; }
form.survey input[class="text-thin"], form.survey textarea[class="textarea-thin"]{ margin-bottom: 0px; }
div.profile-container div.profile-field { border-bottom: 1px solid #EAEAEA; margin: 5px 0px; padding: 5px 0px;  }
div.profile-container div.profile-field label { font-weight: bold; margin-bottom: 10px; }
div.profile-container div.profile-field span.required{ font-style: italic; }
div.profile-container div.profile-field p { margin-top: 5px; font-style: italic; font-size: 14px; }
span.ajax-loading { display: none; background-position: 92% 50%; background-repeat: no-repeat; padding-right: 30px!important; background-image: url(../images/ajax-loader.gif); }
span.ajax-symbol {background-position: 92% 50%; background-repeat: no-repeat; padding-right: 16px!important; margin-right: 10px; background-image: url(../images/ajax-loader.gif); }

/* Module Management Pagination */
div.etf-hub-paginate{ background: #EAEAEA; border-top:2px solid #e6e6e6; padding: 3px 5px 3px; text-transform: uppercase; font-size: 11px; font-weight: bold; border-bottom:2px solid #e6e6e6; border-top: 2px solid #e6e6e6; background: #EAEAEA; margin-top: 5px;  }
div.pagination.bottom  { padding-top: 4px; border-top:1px solid #e6e6e6; }
div.etf-hub-paginate .pag-count  { float: left; margin-top: 3px; }
div.etf-hub-paginate .pagination-links  { float: right; font-size: 14px; }
div.etf-hub-paginate .pagination-links span, .pagination .pagination-links a  { margin: 0 0 0 3px; padding: 8px 7px 8px; border-radius: 0px; }
div.etf-hub-paginate .pagination-links span, .pagination .pagination-links a:hover  { background: none; }
div.etf-hub-paginate .pagination-links a.next  { margin: 0; padding: 0; }
div.etf-hub-paginate .pagination-links a.next:hover  { background-color: transparent; }
div.etf-hub-paginate div.post-count{ float: left; text-align: left; font-weight: bold; line-height: 28px; }
div.etf-hub-paginate div.pagination-links{ float: right; text-align: left; }
div.etf-hub-paginate div.pagination-links select{ margin-bottom: 0px; }

/*Admin*/
div.admin-icons a{ float: left; margin-right: 5%; }
div.admin-dash-vertical { width: 90%; }
div.admin-dash-vertical a { text-align: left; padding: 8px; }
div#app-manager div.app a.btn{ text-align: left; padding: 15px; margin-right: 25px; margin-bottom: 15px; }
div#app-management form label{ font-weight: bold; }
div#app-management form p.help-block{ font-style: italic; }

/*Account CSS*/
div#overview h3.account-overview img{ vertical-align: middle; padding: 5px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); }
form.account label {font-size: 13px; text-transform:uppercase; color:#54585a; font-weight: bold; }
form.account h3{ margin-bottom:15px; }
@media (min-width: 768px) {
  form.account > div.row{ margin: 0px 20px; }
 }

a.media-share-photo img{ padding: 4px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); margin: 0px 5px 5px 0px; max-width: 75px; }
/*List CSS*/
div#participant-search  [class*="span"]{ margin-left: 0px; }
input.etf-hub-participant-search-input{ float: left;width: 90%;border: 2px solid #CCC;padding: 6px;font-size: 18px;}
div#participant-list-friendly{ margin-bottom: 25px; }
div#participant-list-friendly h3{ margin-bottom: 5px; }
div#participant-list-friendly div.participant{ background: #F0F0F0; padding: 5px; border: 1px solid #CCC; margin-bottom: 5px; }
div#participant-list-friendly div.participant p{ margin: 0; padding: 0; }
div#participant-list-friendly div.participant p a{ text-decoration: none; }
div#participant-list-friendly div.participant p a img{ vertical-align: middle; padding: 0px; border: none; background: none; margin-right: 5px; }
div#participant-list-friendly div.participant p a img.avatar{ padding: 5px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); }
div#list-user-container div.participant{ background: #FFF; padding: 5px;  border-bottom: 1px solid #EAEAEA; margin-bottom: 5px;  }
div#list-user-container div.participant p{ margin: 0; padding: 0; }
div#list-user-container div.participant p a{ text-decoration: none; }
div#list-user-container div.participant p a img{ vertical-align: middle; padding: 0px; border: none; background: none; margin-right: 5px; }
div#list-user-container div.participant p a img.avatar{ padding: 5px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); }
p.list-meta{ float: right; margin-bottom: 10px; }
p.list-meta img{ vertical-align: middle; padding: 0px; border: none; background: none; margin-left: 5px; }

/*User CSS*/
div.member-filters ul.unstyled li{ margin-bottom: 5px; }
div.member-filters ul.unstyled li.active{ font-weight: bold; font-style: italic; }
div#user-container div.single div.introduction div.avatar{ width: 50px; margin-right: 5px; }
div#user-container div.single div.introduction div.avatar a img.avatar{ max-width: 40px; max-height: 40px; padding: 3px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); margin-right: 3px; vertical-align: middle;}
div#user-container div.single div.introduction p{ margin-bottom: 5px; line-height: 15px; }
div#user-container div.single{ padding: 4px 6px 6px; margin-bottom: 10px; border: 1px solid #CCC; background: #FAFAFA; /*border-bottom: 3px solid #CCC; padding-bottom: 8px; margin-bottom: 8px;*/ }
div#user-container div.single img.icon{ margin-left: 5px; width: 20px; height: 20px; }

div.user-cloud{ float: left; width: 48%; margin-right: 2%; }
div.user-cloud div.user{ float: left; margin-bottom: 10px; width: 100%; }
div.user-cloud div.user p { font-size: 12px; word-wrap: break-word; }
div.user-cloud div.user div.avatar, .entry div.user-cloud div.user div.avatar img{ padding: 3px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); margin-right: 3px; }
p a#event-signup-toggle{ font-weight: bold; font-style: italics; }
div#etf-hub-single-event div.event-comments img{ padding: 3px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7);}
div.card{ float: left; padding: 0; margin-right: 15px; }
div.card .photo{ float: left; margin-right: 5px; overflow: hidden; }
div.card .photo img{ padding: 5px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); }
div.card .right { float: left; }

/*Message CSS*/
div#message-container .span9 table td{ padding: 2px; }
div#message-container div.actions .checkbox input[type="checkbox"] { margin-left: 0px; }
div#message-container div.actions .checkbox { float: left; padding: 0px 0px 0px 8px; margin-left: 0px; margin-right: 10px; vertical-align: middle; }
div#message-container table tr.fresh{ font-weight: bold; }
h3.message-subject{ color: #7E2217; font-weight: bold; }

.message h2{ color:#313131; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.message h2 a{ color:#313131; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.message p{color:#313131; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:14px; padding:2px 0 0 0px;}
div.message img{ border: none; padding: 0px; vertical-align: middle; }
.message-timestamp{ width: 55px; float: left; padding: 0px 0px 0px 10px; }
div#replymessage-container tr.fresh-reply{ background: #FEF6D2; border-bottom: 5px solid #EFE3AE; }
.message-box { margin-top: 10px; margin-right: 0pt; margin-bottom: 10px; margin-left: 0pt; padding-top: 0pt; padding-right: 0pt; padding-bottom: 10px; padding-left: 0pt; }
.message-box .message-metadata{ margin-top: 0pt; margin-right: 0pt; margin-bottom: 20px; margin-left: 0pt; padding: 10px; border-top: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; background: #F0F0F0; }
.message-box .message-metadata img{ margin-top: 0pt; margin-right: 10px; margin-bottom: 0pt; margin-left: 0pt; vertical-align: middle; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.message-box .message-metadata .timestamp{ font-size: 11px; color: #333; }
.message-box .message-content{ padding: 0px 10px; }
div#message-container .messsage-body-preview {word-break: break-word;}

/*
Button Styling
*/
.wp-media-buttons .button{ margin-bottom: 10px!important; }
input[type="submit"].button-update{ background: url(../images/update.png); }
input[type="submit"].button-create{ background: url(../images/publish.png); }
input[type="submit"].button-compose{ background: url(../images/compose.png); }
input[type="submit"].button-reply{ background: url(../images/send_message.png); }
input[type="submit"].button-simple-create{ background: url(../images/create_light.png); }
input[type="submit"].button-draft{ background: url(../images/create-draft.png); }
input[type="submit"].button-private{ background: url(../images/create-private.png); }
input[type="submit"].button-invite{ background: url(../images/send-invites.png); }
input[type="submit"].button-upload{ background: url(../images/upload.png); }
input[type="submit"].button-event-create{ background: url(../images/create-event.png); }
input[type="submit"].button-event-update{ background: url(../images/update-event.png); }
input[type="submit"].etjb{ width: 121px; height: 34px; border: none; padding: 0; margin: 10px 0px 0px 0px; cursor: pointer; float: left; }

/*EVENT DISPLAY*/
div#etf-hub-single-event { width: 100%; padding: 0; margin:0; font-size: 12px; }
div#etf-hub-single-event hr{ padding: 0; margin: 5px 0px; }

div#etf-hub-single-event div.signups{ border-top: 1px solid #EFE3AE; border-bottom: 1px solid #EFE3AE; background: #FEF6D2; margin: 10px 0px 15px 0px; }
div#etf-hub-single-event div.signups div.col{ float: left; width: 50%; }
div#etf-hub-single-event div.signups div.col div.pad{ padding: 5px 10px; }
div#etf-hub-single-event div.signups div.col div.pad h4{ text-transfrom: capitalize; font-weight: bold; color: #800517; }
div#etf-hub-single-event form select{ margin-bottom: 0px; }
div#etf-hub-single-event .left{ float: left; width: 55%; margin-right: 2%; }
div#etf-hub-single-event .right{ float: right; width: 33%; margin-top: 10px; margin-right: 1%; padding: 0 2% 2% 2%; border: 2px dashed #CCC; background: #F0F0F0; }

/*SOCIAL SHARING*/
div.social-share-vertical{ padding: 4px 0px 4px 6px; width: 90px; margin-left: 15px; border-left: 1px dotted #CCC; }
/*div.social-sharing div.item {float: left; width: 22%; margin-right: 3%; }*/
div.social-sharing div.item {float: left; width: 80px; height: 30px; margin-right: 15px; }
div.social-sharing div.item-mb {float: left; width: 35%; margin-right: 5%; }
div.social-sharing div.item-vertical { float: left; margin-bottom: 10px; }
div#user-account-creation div.modal-body div.social-connect-buttons{ width: 100%; margin: 0px auto; text-align: center; }
div#user-account-creation div.modal-body div.social-connect-buttons a.btn-large{ padding: 5px 12px 5px 8px; margin-right: 25px; }
div#user-account-creation div.modal-body div.social-connect-buttons a img{ vertical-align: middle; max-width: 50px; }
div#user-account-creation div.modal-body p.large{ text-align: center; }

/*SORTABLE*/
#hub-sortable-block { list-style-type: none; margin: 0; padding: 0; }
#hub-sortable-block li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 145px; font-size: 4em; text-align: center; background: #F0F0F0; border: 1px solid #CCC; }

/*
Account Details
*/
div.account-avatar{ margin: 0px 10px 10px 0px; max-width: 95%; }
div.account-avatar img{ padding: 5px; border: 1px solid #E6E6E6; background: #F8F8F8; background: rgba(255, 255, 255, 0.7); }
#tabs .inside{ padding: 10px; }

/*
===
SECTION 2 - General
===
*/

/*
Miscellaneous
*/
.et-ajax-clear-with-margin{ margin-bottom: 15px; clear: both; }
.hide{ display: none; }

/*
Event CSS
*/
p.dayHeading{ border-bottom: 1px solid #CCC; }
div.section-toggle{ cursor: pointer; }
div.section-toggle h3 i{ vertical-align: middle; }
span.frequency, span.date{ color: #800517; font-size: 16px; }
div#etf-hub-event-display div.etf-event-meta{ font-size: 12px; }
form#etf-hub-calendar-form label{ font-weight: bold; font-size: 14px; }
form#etf-hub-calendar-form textarea{ min-height: 60px; width: 85%; }
h2.et-calendar-list-view {
margin: 25px 0px 0px 0px;
padding: 0;
border-bottom: 1px solid #999;
}
.et-event {
margin: 0px;
padding: 10px 0px;
border-bottom: 1px dashed #CCC;
}
.et-list-alt {
border-width: 0;
}


/*
Calendar Display CSS
*/

#tec-content {
	background:#fff;
	width: 100%;
}
#tec-events-calendar-header {
	position:relative;
	margin-bottom:18px;
}
.tec-calendar-buttons {
	float: right;
	margin-bottom: 10px;
}
h2.tec-cal-title {
	float:left;
	padding-right:15px;
	margin-bottom: 33px;
}
#tec-content .export-channel {
	font-size:11px;
	vertical-align: middle;
}
.tec-calendar-buttons a {
	background:#FFF;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	line-height:27px;
	padding: 0 4px;
	text-align:center;
	text-transform:uppercase;
	width:auto;
}
.tec-month-nav {

	width: 100%;
}
.tec-prev-month {
	margin-right: 10px;
}
.tec-next-month {
	margin-left: 10px;
}
.upcoming a.tec-button-on, .grid a.tec-button-on {background:#EAEAEA; font-weight: bold;}
.upcoming a.tec-button-off, .grid a.tec-button-off {background:#FFF;}
#tec-nav-above {margin:5px 0 0;}
table.tec-calendar {
	margin:18px 0 12px;
	clear:both;
	font-size:12px;
	border-collapse:collapse;
	border:1px solid #aaa;
}
.tec-calendar .daynum {
	background-color: #eee;
	color:#333;
	font-size:10px;
	padding:3px 9px;
}
.tec-calendar td.tec-present .daynum {
	background-color: #CCC;
	color: #fff;
	z-index:90;
}
.tec-calendar div.tec-event span.event-signups{
	font-size: 11px; font-style:italic;
}
.tec-calendar td.tec-past, div.tec-past{
	background: #D8D8D8;
}
.tec-calendar td.tec-past, div.tec-past a{
	font-style: italic;
}
.tec-calendar td.tec-present{
	background: #FEF6D2;
}
.tec-calendar td.tec-present div.tec-event, .tec-calendar td.tec-future div.tec-event{
	font-weight: bold;
}
.tec-calendar td.tec-present div.past a{
	text-decoration: line-through;
	font-style: italic;
	font-weight: normal;
}
.tec-calendar td.tec-past .daynum {color: #aaa; position: relative; z-index: 90;}
.tec-calendar th {
	width: 250px;
	height: 10px;
	color: #333;
	padding:4px 0;
	text-align:center;
	background: #EAEAEA;
}
.tec-calendar th.calendar-date{
	font-size: 24px;
	font-weight: bold;
	width:100%;
	text-align:center;

}
.tec-calendar td {
	height: 100px;
	width:14.28%;
	color: #114B7D;
	vertical-align: top;
	border:1px solid #aaa;
	padding:0;
	z-index:0px;
}
.tec-calendar td .tec-event {
	padding:6px 9px;
	line-height:1.2;
	font-size: 14px;

}
.tec-calendar td .tec-event a.add-event:link, .tec-calendar td .tec-event a.add-event:visited, .tec-calendar td .tec-event a.add-event:hover {
	color: #7E2217;
}
.tec-calendar td .tec-event a:link, .tec-calendar td .tec-event a:visited, .tec-calendar td .tec-event a:hover {
	color: #2554C7;
}
.daynum+div {
z-index:98 !important;
}
.daynum+div:hover{
z-index:9999 !important;
}
.tec-calendar td a {font-size:91.7%;}
.tec-calendar hr {
	border:0 none !important;
	display:block;
	height:1px;
	width: 100%; margin: 12px 0px 0px 0px; background-color: #CCC;
}
.tec-calendar .tec-event { position: relative; *z-index:200;}
.tec-calendar .tec-tooltip {
	border:1px solid #666;
	position:absolute;
	z-index:99 !important;
	bottom:30px;
	left:3px;
	width:320px;
	background-color:#F9F9F9;
	color:#333;
	line-height:1.4;
}
.tec-tooltip .tec-arrow {
	width:19px;
	height:11px;
	display:block;
	background:url(../images/tooltip-arrow.png) no-repeat 0 bottom;
	position:absolute;
	bottom:-11px;
	left:20px;
}
.tec-calendar .tec-right .tec-tooltip {
	left:auto;
	right:3px;
}
.tec-right .tec-tooltip .tec-arrow {
	left:auto;
	right:30px;
}
.tec-tooltip .tec-event-title {
	background-color: #999;
	margin:0;
	color:#fff;
	font-size:12px;
	padding:0 6px;
	height:24px;
	line-height:24px;
	z-index:100;
  overflow:hidden;
}
.tec-tooltip .tec-event-body {
	font-size:11px;
	padding:3px 6px 6px;
}
.tec-tooltip .tec-event-date {
	font-style:italic;
	margin:3px 0;
}
#tec-content {font-size: 1.2em;}
span.back {margin:12px 0 0;}
h4.tec-event-day + .post .entry-title {margin-top:6px;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {zoom:1; /* For IE */}


span.date-list{
	font-size: 11px;
}

.custom-date{background-color:#3874df; margin:0px 5px 10px 0; color:#fff; text-align:center; padding:0 3px;}
.custom-date-top{font-size: 0.8em;letter-spacing: 1px;padding: 0 0.4em;text-transform: uppercase;}
.custom-date-middle{font-size:18px; font-weight:bold;}
.custom-date-bottom{font-size: 0.7em;letter-spacing: 0.2em;line-height: 1.8em;}


@media (min-width: 569px) and (max-width: 799px) {
.custom-date{width:36px;}
.custom-date-top{letter-spacing: 0px; padding: 0 0;}
.custom-date-bottom{letter-spacing: 0;}
}

/*For Calendar list view*/
.event-title-list {font-size: 20px !important;}
.event-date-list {font-size: 16px !important; margin-bottom: 7px; font-weight: bold; text-transform: uppercase;}
.event-content-list {font-size: 16px !important;}
.cal-listview {padding-top: 20px;}

/* For upcoming events listview cap */
.event-listview-cap .event-title-list {font-size: 16px !important;}
.event-listview-cap .event-date-list {font-size: 14px !important;}
.event-listview-cap {padding-top: 0px !important;}
.event-listview-cap a.avatar img{width: 60px !important; height: 60px !important;}

/*Added for Poster Calender display*/
.poster{width:23.5%; margin-left:0.75%; margin-right:0.75%;  padding:0px; margin-bottom:2%; overflow: hidden; float:left;}
.poster-gray {background-color:#b9b8b9; color:#fff;width:100%;}
.poster-gray{text-align:left;padding:20px 4% 10px;}
.poster-gray p{display:inline-block;width:100%;font-size:15px;line-height:19px;font-weight:bold;padding:7px 0 0 0!important;color:#fff;}
.poster-gray span{display:inline-block;width:100%;font-size:13px;line-height:19px;font-weight:bold; margin:0px 0 0 0;}
.poster-gray{text-align:left;padding:20px 4% 10px;}

/*Timepicker CSS for Events*/

div.time-picker {
  position: absolute;
  height: 191px;
  width:6em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #aaa;
  margin: 0;
  z-index: 30001;
}
div.time-picker-12hours {
  width:8em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li {
  cursor: pointer;
  height: 10px;
  font: 12px/1 Helvetica, Arial, sans-serif;
  padding: 4px 3px;
}
div.time-picker li.selected {
  background: #0063CE;
  color: #fff;
}
div.time-picker-12hours ul li{padding:10px 5px;}
div.time-picker-12hours ul li.selected{margin-top:2px;}

/* Shady Gray */
.shady-gray{ background: #f5f1ee; border: 1px solid #d9d9d9; padding: 10px; }
.shady-green{ color: #3c763d; background: #dff0d8!important; border: 1px solid #d6e9c6; padding: 10px; }
.shady-red{ color: #a94442; background: #f2dede!important; border: 1px solid  #ebccd1; padding: 10px;}
.dark-outline{ background: #FFF; border: 1px solid #CCC; padding: 10px; margin: 10px 0px 20px 0px; }
.dark-dashed{ border-style: dashed!important; }
.dark-shaded{ background: #FAFAFA; }
.dark-skinny{ padding: 6px; }
.dark-rounded{ border-radius: 4px; }
.fixed-200{ height: 200px; }

/*
* Layouts
*/
form.layouts input[type="text"]{ margin-bottom: 0px; }
form.layouts img.site-background-avatar{ margin: 0px 15px 5px 0px; background-color: white; border: 1px solid #CCC; padding: 3px; vertical-align: middle; max-width: 75px; max-height: 75px; float: left; }

/*
* Masonry Bricks
*/

.brick-row1{ width: 100%; }
.brick2 { width: 47%;  padding: 0px; margin-bottom: 5%; overflow: hidden; }
.brick4 { width: 23%;  padding: 0px; margin-bottom: 5%; overflow: hidden; }
.mason-container4 .brick1 { width: 24%;  margin-right: 1%; padding: 0px; margin-bottom: 5%; overflow: hidden; float: left; }
.mason-container4 .brick2 { width: 23.5%;  margin-left: 0.75%; margin-right: 0.75%;  padding: 0px; margin-bottom: 5%; overflow: hidden; float: left; }
.mason-container4 .brick3 { width: 23.5%;  margin-left: 0.75%; margin-right: 0.75%;  padding: 0px; margin-bottom: 5%; overflow: hidden; float: left; }
.mason-container4 .brick4 { width: 24%;  margin-left: 1%;  padding: 0px; margin-bottom: 5%; overflow: hidden; float: right; }
.brick-left{ float:left; margin-right: 2.5%; }
.brick-right{ float: right; margin-left: 2.5%; }
.styled-brick{ border: 1px solid #EAEAEA; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: 0 2px 7px rgba(100,100,100,0.1); -webkit-box-shadow: 0 2px 7px rgba(100,100,100,0.1); -moz-box-shadow: 0 2px 7px rgba(100,100,100,0.1); }
.brick-pad{ padding: 8px; }

/* Widgets */
.textwidget img{max-width:100%; height:auto;}

/* Email Confirmation */
.hub-account-activate .tac-content {padding:5px 8% 10px 10px;}
.hub-account-activate .form-actions {width:100%;}
.hub-account-activate .form-actions .registerbtn { margin-right:15px;}
.act-state-msg h3 {margin-bottom:12px;}

/*
Widgets
*/
.textwidget img{max-width:100%; height:auto;}

/*
* Gamify
*/
.gamifyProfileScore{ background:#FFF!important;padding:4px 12px!important;border:2px solid #CCC!important; }
.hubGamifyScore .gamify-badge{ max-width: 22%; float: left; font-size: 12px; margin-right:25px; }
.hubGamifyScore .gamify-badge img{ margin-bottom:10px;}

/*12-09-15*/
.account-settings input[type="text"], .account-settings select, .account-settings textarea {border-radius:0 !important; border-color:#babbb1 !important; width:100%;}
.account-settings .help-block {color:#000; font-size:12px; font-weight:normal; padding-top:8px; line-height:16px;}
.account-settings .form-group .col-md-3, .account-settings .form-group .col-md-8{ padding-left:0; padding-right:0;}
/*.account-settings .form-group .row {margin-left:0; margin-right:0;}*/
.account-settings .btn-default {background:#99b1db none; border:0 none; border-radius:0; color:#fff;text-shadow:none; }
.account-settings .hub-integration-service-list-item img {margin-right:10px;}
.account-settings .col-md-6 h3 {font-size:13px; padding-bottom:5px; text-transform:uppercase; color:#54585a; font-weight:bold; }
p.hub-integration-service-twitter a.hub-integration-service-list-item {background:#33ccff none;}
p.hub-integration-service-facebook a.hub-integration-service-list-item {background:#3C66C4 none;}
p.hub-integration-service-linkedin a.hub-integration-service-list-item {background:#007BB6 none;}
a.hub-integration-service-list-item { color:#fff; width:100%; font-size:15px !important; padding:5px; display:block;}
a.hub-integration-service-list-item:hover {color:#fff; text-decoration:none;}
.account-settings div.checkbox{ color:#000; font-size:13px; font-weight:bold; line-height:20px;}
.account-settings .form-actions {background:#d5d5d0 none;}
.account-settings .form-actions .btn-info {background:#ffffff none; color:#54585a; font-weight:bold; border:0; border-radius:0; font-size:13px; padding:6px 25px; box-shadow:none;}
.account-settings div.checkbox span.text-bold {vertical-align:top;}
.account-settings .site-notifications {padding-top:15px;}
.account-settings .site-notifications .form-group {text-align:left;}
.account-settings div.account-avatar img {padding:0; border:0; max-width: 100%!important; max-height: 100%!important; }
p.pwd-change {margin-bottom:5px;}
.account-settings a#secondary-verification {margin:10px 0 0;}
.account-settings form.account label {padding-bottom:5px;}
.account-settings .ch-title-standard h1.ch-title{background:#F0F0F0 none; font-size: 16px; line-height: 16px; color: #54585a;
    font-family: "HelveticaLTStd-Bold",Arial,sans-serif; line-height: 13px; padding: 15px 20px;
    text-transform: uppercase;}
.account-settings .account-custom-messages-section h3 {
    color: #54585a;
    margin-top: 0;
    text-transform: uppercase;
    font-family: "HelveticaLTStd-Bold", Arial, sans-serif;
    font-size: 16px;
}
.account-settings h3.general {background:#F0F0F0 none; font-size: 16px; line-height: 16px; color: #54585a;
    font-family: "HelveticaLTStd-Bold",Arial,sans-serif; line-height: 13px; padding: 15px 20px;
    text-transform: uppercase;}
.account-settings p.hub-integration-service-twitter, .account-settings p.hub-integration-service-facebook, .account-settings p.hub-integration-service-linkedin {margin-bottom:5px;}
.account-settings .text-ital.text-bold.help-block { font-size:12px; line-height:14px;}
.account-settings .notify-me label{ margin-bottom:0 !important; padding-bottom:0 !important;}

/*15-09-15*/
.hub-simple-login {padding:10px 30px; border:0;}
.hub-simple-login .form-group input{max-width:100%; border-radius:0 !important; margin-bottom:8px;}
.hub-simple-login span.Help-block {text-transform:uppercase;}
.hub-simple-login .form-group div.checkbox {text-transform:uppercase; margin-top:0; padding-left:0; margin-bottom:0;}
.hub-simple-login .form-group div.checkbox input {margin-left:0;}
.hub-simple-login .form-group div.checkbox span {float:left; padding-right:10px;}
.hub-simple-login .hub-social-login {background:#003da5; border:0; border-radius:0; color:#fff; width:100%; padding:10px 15px; font-size:16px;}
.hub-simple-login .form-group {margin-bottom:0;}
.hub-simple-login span.vc_sep_holder{display: table-cell; height: 1px; position: relative; vertical-align: middle; width: 50%;}
.hub-simple-login span.vc_sep_line {border:1px solid #2a2a2a; display:block; height:1px; position: relative; top:1px;  width:100%;}
.hub-simple-login .seperator { display:table;}
.hub-simple-login .seperator h4 {padding:0 10px;}

.registration-sub-block {background:#f4f4f3 none; margin-left:0; margin-right:0;}
.registration-block p, .registration-row p {color:#000000;}
.registration-row .form-actions { text-align:center;}
.registration-row .form-actions .btn-primary { background:#54585a none; font-size:16px; border:0 none; border-radius:0; padding:10px; width:60%;}
.registration-row .form-group input[type="text"], .registration-row .form-group input[type="password"] {border-radius:0 !important; box-shadow:none !important; }
.registration-row .notification-optin {text-align:center;}
.registration-row .notification-optin label {font-size:11px; color:#54585a;}
.registration-row .form-group input[type="checkbox"] {float:none;}
.custom-reg-text {font-size:11px;}
.custom-reg-text .row {margin-left:0; margin-right:0;}
.registration-row input[placeholder], .hub-simple-login input[placeholder]{ font-style:italic; font-size:12px !important;}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.ch-ajax-symbol-modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('/wp-content/plugins/8020-hub-core/_inc/images/ajax-symbol.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.ch-loading-symbol {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.ch-loading-symbol .ch-ajax-symbol-modal {
    display: block;
}

.btn-skel-generic.more,.btn-skel-generic.more-disabled{ float: left; margin-right: 20px; }
.btn-skel-generic.less,.btn-skel-generic.less-disabled{ float: left; }

.btn-skel-generic {
    background: #54585A!important;
    border: 0 none;
    border-radius: 5px;
    color: #fff;
    text-shadow: none;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
    padding-left: 15px;
    padding-right: 15px;
}
.btn-skel-generic:hover, .btn-skel-generic:focus, .btn-skel-generic:active, .btn-skel-generic.active, .open .dropdown-toggle.btn-skel-generic {
    color: #fff!important;
    border-color: none;
}
.btn-skel-generic.disabled, .btn-skel-generic[disabled], fieldset[disabled] .btn-skel-generic {
    background: #fff!important;
    border: 1px solid #BABBB1;
    color: #BABBB1;
}
/* full width banner shortcode*/
.fw-banner-text-overlay {width: 100%; position: relative; margin: 0px auto 75px auto; }
.fw-banner-text-overlay .btn.btn-default {margin-top: 10px; background: none !important; border: 1px solid rgb(7,29,73); border-radius: 4px; color: rgb(7,29,73); text-shadow: none; box-shadow: none; font-size: 15px;}
.fw-banner {width: 100%;}
img.fw-banner-image {width: 100%; max-height:650px; z-index: 1; padding: 0px!important; border: 0px!important;}
.fw-float-text {color: rgb(7,29,73); position:absolute; top: 60px; left: 0px; right: 0px; margin-left: auto; margin-right: auto;}
.fw-float-text h1 {text-transform: uppercase; margin-bottom: 10px;}
.fw-float-text p{ font-size: 18px; }
.fw-banner-actionbox {background-color: rgb(244,248,255); position: relative; min-height: 170px; max-width: 970px;
    margin-left: auto !important; margin-right: auto !important; padding: 20px 5px; margin-top: -100px; z-index: 500;}
.fw-banner-actionbox h3 {margin-top: 0px; font-size: 22px;}
.fw-banner-actionbox p{ font-size: 16px; }
.fw-linklist {list-style: none; padding-left: 0px; color: #003da5}
.fw-linklist li {margin-bottom: 10px;}
.fw-linklist a {text-decoration: none; font-size: 16px;}

@media screen and (min-width: 1200px) {
    .fw-banner-actionbox {width: 1024px; max-width: none;}
    .fw-float-text {max-width: 1024px;}
}
@media screen and (max-width: 1037px) {
    .fw-banner-actionbox {top: auto;}
    img.fw-banner-image { max-height: none; }
}
@media screen and (min-width: 992px) {
    .fw-float-text { max-width: 970px; }
}
@media screen and (max-width: 991px) {
    img.fw-banner-image{ height: auto; }
    .fw-float-text {padding-left: 15px; padding-right: 15px;}
    .fw-banner-text-overlay {min-height: inherit;}
    .fw-banner-actionbox {margin-top: 0px; max-width: none; width: 100%;}
}
@media screen and (max-width: 828px) {
    .fw-banner-actionbox {top: auto;}
}

@media screen and (max-width: 768px) {
    .fw-float-text {top: 20px; }
    .fw-float-text h1 {font-size: 24px;}
    .fw-linklist {padding-top: 10px;}
}
@media screen and (max-width: 480px) {
    .fw-banner-text-overlay .btn.btn-default{ margin-top:0px; }
    .fw-float-text { position: static; top: 0px; padding-top: 20px; padding-bottom: 20px; font-size: 16px; text-align: center; }
    .fw-float-text p { display: none; }
    .fw-banner-actionbox {position: static; margin-top: 0px;}
}