/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jun 18, 2015, 5:56:24 PM
    Author     : jackleen
*/
body{color: #333333; font-family: 'ABeeZee', arial !important; font-size: 16px; line-height: 24px;  padding: 0px; margin: 0px;  background: #fff;}
a, a:hover, a:focus {color: #005dab;}
header{padding: 0px;}
.frow{position: relative; margin-left: 0px; margin-right: 0px;}
.no-padding{padding-left: 0px; padding-right: 0px;}
.padding-right{margin-right: 8%;}
.center-data{display: inherit; margin: 0 18%;}
.top-padding{padding-top: 5%}
.top-margin{margin-top: 2%}
.transparent-border{height: 6px;  background-color: #575757;    opacity: 0.2;  position: relative;  top: 6px;  z-index: 99;}
.clear{clear: both;}
.margin-top-20-no-lg {margin-top: 20px;}
.margin-bottom-20-no-lg {margin-bottom: 20px;}
.margin-bottom-10-no-lg {margin-bottom: 10px;}
.no-wrap--xs {white-space: nowrap;}
/*****styles Navbar*****/
.navbar-default,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus
{background-color: #ffffff;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
/** Search Block Form */
form#search-block-form label{display: none;}
form#search-block-form .form-control{  color: #aaaaaa; width: 90%;    height: 40px; border-radius: 20px 0px 0px 20px; border-width: 2px; border-color: #efefef;   box-shadow: inset 0 0px 0px rgba(0,0,0,0.075);}
form#search-block-form .form-control:hover{cursor: hand;}
form#search-block-form .form-submit{ outline: none; float: right;  margin-top: -55px;  height: 40px; background: #f0b310 url('../../images/icon-search.png') no-repeat scroll center center;  width: 40px;   border : 0px;border-radius: 0px 20px 20px 0px;}
.mobile-search form#search-block-form .form-submit {width: 10%;}
form#search-block-form .form-submit.hover{background-color:#d8a009}
form#search-block-form .form-control.hover, form#search-block-form .form-control:focus{border-color: #d8a009;}
form#search-block-form .form-control:focus{box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0.6)}
.search-box .col-lg-4{padding: 0px;}
.search-area{margin-top: 45px;}
.separate-border{background-color: #f7f7f7; height: 1px;}
body.logged-in #search-block-form .form-group:nth-child(2),
body.logged-in #search-block-form .form-group:nth-child(3)
{display: none;}

/***Header styles***/
.logo{margin-top: 10px;  margin-bottom: 40px;}
a.newsletter:hover{color: #f2bc2d; text-decoration: none;}
.separate{color: #cccccc;}
a.newsletter span{margin-right: 5px;}
.menu-separator {height: 6px; background-color: #f2f2f2;}
#primary-links{margin-bottom: 0px;}
.social-links{width:177px;}



.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus
{color: #005dab; font-size: 20px;}
/*    .nav>li>a{padding: 10px 18px;}*/
.navbar {z-index: inherit;}
.navbar-collapse{  padding-right: 0px;  padding-left: 0px;}

/****Style Footer****/
img.img-padding-left{padding-left: 50px;}
.copyright{font-size: 12px;   color: #aaaaaa; }
.bottom-aligned-text {
    position: absolute;
    bottom: 0;
    right: 0;
}
/****sidebar-left***/
#sidebar-left{background: #f7f7f7;}
#sidebar-left ul li{list-style: none;margin: 10px 0px;   padding-left: 20px;  padding-right: 15px;}
#sidebar-left ul li:first-child{margin-top: 0px;}
#sidebar-left ul li a, #sidebar-left h2.title a{font-size: 14px;  color: #0059a3; }
#sidebar-left h2.title{  padding-left: 20px;  padding-right: 15px;  margin-bottom: 30px; margin-top:0px;}
#sidebar-left h2.title a{font-size: 16px; line-height: 24px;}
#sidebar-left ul.menu{  padding-left: 0px; margin-bottom: 2px;}
#sidebar-left ul.menu a:hover, #sidebar-left h2.title a:hover{color:#003f74 ; text-decoration: underline;}
/*    #sidebar-left ul li.active{background: #ffffff; padding: 5px;}*/
#sidebar-left ul li.active, #sidebar-left ul li.active-trail{border-left:5px solid #f1b310;padding-left: 15px;}
#sidebar-left ul.past li {    padding-left: 0px; padding-top: 10px; border-top: 2px dotted #cccccc; margin-left: 20px; margin-right: 15px;}
#sidebar-left.sidebar-offcanvas{  padding: 20px 0;}
#sidebar-left .block-menu_block h2.title{display: none;}

/********breadcrumb and tabs*******/
.breadcrumb{background: #fff;   font-size: 12px;  color: #999999;}
.breadcrumb a{font-size: 12px; color: #999999;}
.breadcrumb a:hover{color: #003f74;text-decoration: underline;}
.breadcrumb>li+li:before{content: ">";  padding: 0 3px;}
.breadcrumb li{font-size: 12px; color: #999999;margin-bottom: 0px;}
.breadcrumb{padding-left: 0px;}
.nav-tabs, .nav-pills {  margin-bottom: 0px;}
.nav-tabs{  margin-bottom: 20px;}

/**********book navigation********/
.book-navigation .menu{  border-top: 1px solid #f7f7f7; padding-left: 0px; padding-top: 0px;}
.book-navigation .menu li{list-style: none;  padding: 10px 0 10px 20px;  border-bottom: 1px solid #f7f7f7;}

/*****comments tabs*****/
.btn-group, .btn-group-vertical{margin-top: 20px;}

/***Inner contents**/
body.front #content-area{padding: 0px !important;}
#content-area{padding: 0 40px;  word-break: break-word; margin-bottom: 0px;}
#main{margin-bottom: 0px;}
.groups, .book-navigation .page-links{display: none;}
h1.page-title, h1.title{font-size: 46px; font-family: 'GoudyStM', arial !important; line-height: 50px;  margin-top: 0px;  color: #333333;}

/***Resources tabs***/
.nav-tabs>li>a {  border-radius: 10px 10px 0 0;  margin-right: 10px;  border: 1px solid #ddd;font-size: 19px;}

/****conference page******/
.conference-title{  display: inline-block;  padding: 10px;  height: auto;  margin-bottom: 20px; color: #999999;  width: auto;  min-width: 150px;  background: #efefef !important;}
.conf-banner{max-width: 960px; height: 260px; /*margin-top: -6px;*/background-position: top;}
.trans-banner{
    height: 6px;
    background-color: #ffffff;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */}
.gallery img{border: 5px solid #eeeeee;}
.gallery a{display: inline-block; padding: 15px 18px;}
.gallery a.gallery:nth-of-type(1){  padding-left: 0px;  padding-top: 0px;}
.conf_blue_title_big{color: #02a8d2;font-size: 40px; font-family: 'GoudyStM', arial; margin-bottom: 20px; line-height: 1em;}
.conf_blue_title_small{color: #005daa;}
.conf_gray_title_small{color: #999999; text-transform: uppercase; font-size: 23px; padding-bottom: 10px;}
#main .view-past-conferences div.views-field-title{font-size: 16px;}
/*********Footer***********/
.menu-block-10 > ul > li{text-transform: uppercase;   width: 18%;}
.menu-block-10.connect-area > ul > li{text-transform: uppercase;   width: 100%;}
.menu-block-10 ul ul li {text-transform: none;}
.icon{  margin-top: 90px; margin-bottom: 20px;  line-height: 0px;  position: relative;}
.icon > a {display: inline-block; padding: 8px 10px 10px; border-radius: 8px; background-color: transparent;}
.icon > a:hover {background-color: #FFF;}
.icon span{display: inline-block;  bottom: 0px;}
.icon .fb{background: transparent url('../../images/icon-fb.png') scroll no-repeat bottom left; background-size:15px 27px;width: 15px;  height: 27px; }
.icon .tw{background: transparent url('../../images/icon-tw.png') scroll no-repeat bottom left; background-size:26px 23px;width: 26px;  height: 27px;}
.icon .linkedin{background: transparent url('../../images/icon-in.png') scroll no-repeat bottom left; background-size:26px 24px;width: 26px;  height: 27px;}
.menu-block-10.menu-name-primary-links{float: left;  width: 84%;}
footer .menu-block-10{margin-top: 3%}
footer{margin-top: 1%;  margin-bottom: 1%;}

/*******Homepage*********/

.pr-callout-txt{background: transparent url('../../images/hp-pr-txt-bg.png') scroll no-repeat top left; background-size: cover; padding: 40px;}
.pr-callout-txt .title, .our-mission .title{color: #ffffff; font-size: 49px; font-family: 'GoudyStM', arial !important;  line-height: 54px;}
.pr-callout-txt .sub-title{color: #f0b310; font-size: 22px; line-height: 28px;  margin: 7px auto;}
.pr-callout-txt .txt{color: #bfe2ff;}
.btn-pr-submit{background: #ffffff; color: #005dab;  border-radius: 20px; font-size: 16px;  margin-top: 17px; padding-left: 20px;padding-right: 20px;}
.btn-pr-submit:hover{background: #003f74; color: #ffffff;}
.btn-sec-submit{background: #ffffff; color: #005dab;  border-radius: 20px; font-size: 16px;padding-left: 20px;padding-right: 20px; border-color: #f7f7f7; border-width: 2px;}
.btn-sec-submit:hover{background: #003f74; color: #ffffff;}
.btn-sign-submit{background: #005dab; color: #ffffff;  border-radius: 20px; font-size: 16px;padding-left: 20px;padding-right: 20px; margin-top: 10px;}
.btn-sign-submit:hover{background: #003f74; color: #ffffff;}
.hp-star{background: transparent url('../../images/hp-star.gif') scroll no-repeat top center; height: 58px; width: 86px; margin: 25px auto 0px;}
.sec-callout-area .title, .signup .title{font-size: 30px; font-family: 'GoudyStM', arial !important;  line-height: 34px;   margin-top: 0;}
.sec-callout-area .txt{color: #6d6e71;  word-wrap: break-word;}
.small{  color: #afafaf;font-size: 10px; padding-left: 5px;}
.pdf-icon{background: transparent url('../../images/icon-email.png') scroll no-repeat 0px -31px; width: 19px; height: 20px; display: inline-block; margin-right: 3px; vertical-align: sub;}
.contents.hp-sec-area{margin-top: 65px;}
.sec-callout-one{border-left:5px solid #005dab; padding-left: 20px; margin-bottom: 10%;}
.sec-callout-two{border-left:5px solid #f1b310;padding-left: 20px;}
#qris-comp{border: 2px solid #f7f7f7; margin: 3% auto; padding: 2% 4%;}
#qris-comp .txt{color: #1e3d6b;}
.signup{background: transparent url('../../images/hp-mission-right-bg.gif') scroll no-repeat top left; background-size: cover;   width: 40%;}
.our-mission{background-color: gray;}
.our-mission .title {margin: 10px 15px 0;}
.our-mission .txt{color: #fff;  word-wrap: break-word; margin: 10px 15px 30px;}
.our-mission img{ width: 100%;}
.signup .inputs{  width: 57%;}
.signup form{  margin-top: 3%;}
.signup .form-control{ border: 0px; box-shadow: inset 0 0px 0px rgba(0,0,0,0.075); border-radius: 20px; margin: 0 auto;}
.signup .form-control:focus{border: 2px solid #005dab; color: #005dab; cursor: hand;}
.signup .social-title{ font-family: 'ABeeZee', arial !important; font-size: 20px; padding-top: 9% !important;}
.signup .icon{margin-top: 20px;text-align: center;  margin: 0 40px;}
.signup .icon .fb{  width: 20px;  height: 39px;background-size:inherit; }
.signup .icon .tw{width: 38px;  height: 39px;background-size:inherit;}
.signup .icon .linkedin{width: 37px;  height: 39px;background-size:inherit;}
.signup .center-data {display: block; text-align: center;}

/***Views styles***/
#main .view-conference-session .views-row-odd,
#main .view-past-conferences .views-row-odd
{background: none;   }
#main .view-conference-session div.views-field-title,
#main .view-past-conferences div.views-field-title
{border-bottom: 0px;}
#main .view-conference-session .views-row,
#main .view-past-conferences .views-row
{padding: 0px;}
h2.title, h3{font-size: 18px;}

/**State Resource Library Table **/
.table.table-compact--xs thead > tr > th {border-bottom: none;}

/**Resource Topics**/
.res-topics .col-sm-3{width: 220px;}
.res-topics .col-xs-12.col-sm-3{    padding-left: 0px;
    padding-right: 10px; margin-bottom: 10px;}

.hilight{background-color: rgba(0,0,0,0.25);
 position: absolute;top: 89px; height:6px;width: 210px; }
.topic-name{color: #ffffff; background-color: #005dab; padding: 10px;    height: 56px;    font-size: 14px;   font-weight: bold;    line-height: 18px}
.topic-column-margin{margin-top: 15px;}
.view-resource-library .views-row, .view-qris-state-resources .views-row{padding: 20px 0px; background: transparent url('../../images/topics/topic-separate.gif') repeat-x scroll bottom left !important;}
.view-resource-library .views-row, .view-qris-state-resources .views-row{padding-bottom:36px;}
.topic-bmargin {    margin-bottom: 25px;}
.view-resource-library .col-xs-12.col-sm-8,.view-qris-state-resources .col-xs-12.col-sm-8{padding-left: 0px;}
.view-resource-library .col-xs-12.col-sm-4, .view-qris-state-resources .col-xs-12.col-sm-4{padding-right: 0px;    padding-left: 50px;}
.view-resource-library div.topic-title, .view-qris-state-resources div.topic-title{margin-bottom: 25px; font-size: 28px;    line-height: 28px; font-family: 'GoudyStM', arial !important; color: #025ead}
.view-resource-library .filter-result, .view-qris-state-resources .filter-result{color: #999999; padding: 10px 0px; border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee; font-size: 15px; margin-top: 44px;}
.view-resource-library .filter-result span, .view-qris-state-resources .filter-result span {display: inline-block; margin-right: 15px;}
.view-resource-library table tr td, .view-qris-state-resources table tr td {    padding: 10px 0px;}
.view-resource-library .views-exposed-widgets.clear-block.clearfix div, 
.view-qris-state-resources .views-exposed-widgets.clear-block.clearfix div{float: none; display: block;}
.view-resource-library .views-exposed-form .views-exposed-widget .form-submit,
.view-qris-state-resources .views-exposed-form .views-exposed-widget .form-submit{width: 30%}
.adv-search {margin-bottom: 20px; margin-top: 20x;}
.adv-search .col-xs-6.col-sm-6{padding-left: 0px; padding-right: 0px;}
.adv-search .col-sm-6#search_txt{padding-right: 10px;}
.res-topics a:hover{text-decoration: none;}
.view h3.state-title{background-color: #f1b310;    padding: 15px;    text-transform: uppercase; margin-top:35px;}


@media (min-width:992px){
    .pr-callout-txt{width: 407px;height: 313px; padding: 20px;}
    .home-slide{width: 533px; height: 313px;}
    .our-mission{position: relative;}
    .our-mission img{position: absolute; bottom: 0px;}

    footer .menu-block-10 .menu-mlid-9053, footer .menu-block-10 .menu-mlid-8685 {width: 18%;}
}

@media (min-width:1200px){

    .container{max-width: 1200px; padding-left: 0px; padding-right: 0px;}
    .wrapper{max-width: 960px;   margin: 0 auto;}
    .contents{max-width: 940px; margin: 0 auto;}
    .contents.search-box{  margin-top: 3%;}
    .contents-padding{margin-left: 10px; margin-right: 10px;}
    .margin-top-20-no-lg {margin-top: 0;}
    .margin-bottom-20-no-lg {margin-bottom: 0;}
    .margin-bottom-10-no-lg {margin-bottom: 0;}

    /*******Homepage*********/

    .pr-callout-txt{width: 520px;height: 400px;  padding: 0;}
    .pr-callout-txt .content{padding: 85px 40px 40px 115px;}
    .home-slide{width: 680px; height: 400px;}
    .our-mission{position: relative; height: 388px; max-height: 388px; padding-left: 130px; padding-right: auto;}
    .our-mission img{  position: absolute;  bottom: 0px;  right: 0px; width: auto;}
    .signup{width: 520px;}
    .our-mission .title, .our-mission .txt{margin-left: 0px;}

    /*********Footer***********/

    .connect-area ul{padding-left: 0px;}
    .connect-area li{margin-right: 0px;}

}

@media (min-width:768px){
    .pull-right--no-xs {float: right;}
    .hidden-xs-inline {display: inline !important;}
    .table--no-xs {display: table; border-collapse: collapse;}
    .row--no-xs {display: table-row;}
    .cell--no-xs {display: table-cell; vertical-align: top;}

    .signup .social-title {padding-top: 0;}
    .signup .icon {margin: 0px 30px;}
    .our-mission{position: relative;}
    .our-mission img{position: absolute; bottom: 0px;}


    .menu-block-10 li{float: left; list-style: none; margin-right: 15px;  line-height: 20px;color: #005dab; font-size: 13px;}
    .menu-block-10 ul li li{float: none; text-transform: capitalize;   margin-right: 0px; }
    .menu-block-10 ul ul{padding-left: 0px;}
    .menu-block-10 a{color: #005dab; font-size: 13px;}
    .menu-block-10 a:hover{color: #6d6e71; text-decoration: none;}
    .menu-block-10 ul {padding-left: 10px;}

    footer .menu-block-10 .menu-mlid-9053, footer .menu-block-10 .menu-mlid-8685 {width: 15%;}

}
@media (max-width:767px){
  .margin-top-20-xs {margin-top: 20px;}
  .margin-bottom-20-xs {margin-bottom: 20px;}
  .margin-bottom-10-xs {margin-bottom: 10px;}
  .padding-col-xs {padding-left: 15px; padding-right: 15px;}
  .padding-col-xs--no {padding-left: 0; padding-right: 0;}
  #offcanvas-container { overflow: hidden; padding: 0;}
  .pull-right--no-xs, .pull-left--no-xs {clear: both; margin-top: 20px;}
  .hidden-xs-inline {display: none !important;}
  .text-center--xs {text-align: center;}
  .icon{  margin-top: 20px;}
  .menu-block-10 ul {list-style: none; padding-left: 0;}
  .menu-block-10 li {list-style: none;}
  .menu-block-10 > ul > li {margin-bottom: 20px; width: auto;}

  /** Homepage */
  .sec-callout-one, .sec-callout-two {padding: 0 15px 15px; border-left: none;}
  .sec-callout-one h2, .sec-callout-two h2 {padding-top: 25px; border-top: 5px solid #005DAB; }
  .sec-callout-two h2 {border-top-color: #F1B310;}

  .hp-sec-area { margin-top: 30px;}
  .pr-callout-txt .title, .our-mission .title {font-size: 30px;}

  .signup {width: 100%;}
  .signup .inputs { width: 80%; margin: 0 auto 15px; }
  .signup .center-data {padding: 15px; text-align: center; margin: 0;}
  .signup .title {padding: 15px;}

  #qris-comp {padding: 15px 0; margin: 15px auto;}

  /****conference page******/
  .conf-banner {width: 100%; height: 120px; background-size: cover;}
  .table-compact--xs.table thead > tr > th:not(:last-child),
  .table-compact--xs.table tbody > tr > th:not(:last-child),
  .table-compact--xs.table tfoot > tr > th:not(:last-child),
  .table-compact--xs.table thead > tr > td:not(:last-child),
  .table-compact--xs.table tbody > tr > td:not(:last-child),
  .table-compact--xs.table tfoot > tr > td:not(:last-child) {border-right: 1px solid #DDD;}
}




/*********bootstarp override********/
.btn-primary{background-color: #005dab;  color: #ffffff;  border-color: transparent;  border-radius: 20px;padding-left: 20px;
             padding-right: 20px;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background: #003f74; color: #ffffff; border-color: transparent;}
table{width: 100%;}
.btn-danger{color:#fff;background-color: #005dab;border-color: transparent;}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{color:#fff;background-color:#003f74;border-color:transparent}
.btn-danger:active,.btn-danger.active{background-image:none}
.btn-danger.disabled,.btn-danger[disabled]
/*pagging**/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #005dab;  color: #ffffff;  border-color: transparent;}

h2{font-size: 18px;}