.dropdown-upward{
    width: 100%;
    display: grid;
    grid-auto-flow: column;
}

.dropdown-upward li .first_level img{
     width: 50px;   
}

.dropdown-upward li .first_level span{
    display: unset !important;
    padding: unset !important;
}

.dropdown-upward li a{
     min-height: 100%;   
}

.ui-accordion-content {
    height: 100% !important;
}

#rhino-slider_366_page p {
    height: 100%;
}

@media (max-width: 481px) {
.anythingSlider{
   width: 100% !important;
}
}

.rhino-bullets:before, .rhino-bullets:after{
display: none !important;
}

html, html body {
   font-family: 'Open Sans', sans-serif;
}

.editable p,
.editable div,
.editable li{
   font-size: 14px;
}



body{
   background: #121212;
}

.page-content a{
   color: rgb(54, 101, 240);
}

.page-content .editable li{
   padding-bottom: 5px;
}


.responsive_menu ul ul{
   z-index: 1;
}

.row-5848e95d33820{
   max-width: 1140px !important;
}

.search-box4 .search-text.input{
   width: 248px !important;
}



/*-- open added by azuna (View all & mt control)---*/


.modern_news_ticker_119{
    width: 100%;
    height: 34px;
    line-height: 25px !important;
    font-size: 14px;
    overflow: hidden;
}


.mt-label, .mt-play, .mt-prev, .mt-next, .mt-news, .mt-news li {
    height: 25px !important;
/*    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer;*/
}

/*-- close added by azuna --*/


.search-box4 .search-button{
background-color: #0c1de8 !important;
}


/*---------------Responsive Menu-------------------*/



.block_responsive_menu{
/*background: #17375e;*/
background: #0057ff;
}

#responsive_menu_340{
   /*width: 1200px;*/
   max-width: 1200px;
   margin: 0 auto;
   width: 100%;
}

#responsive_menu_340 > ul > li{
    text-align: center;
}

#responsive_menu_340 ul ul li{
    text-align: left !important;
}

#responsive_menu_340 > ul > li:first-child > a{
   font-size:0;
}

.responsive_menu > ul > li{
   width: 183px;
}

.responsive_menu > ul > li:first-child{
  width: 50px;
}

.responsive_menu > ul > li:nth-child(2),
.responsive_menu > ul > li:nth-child(3){
    width: 200px;
}

/*
.column-deisgn2-header .responsive_menu > ul> li:nth-child(5) ul ul{
    margin-left: -100% !important;
}
*/


/*---------------Responsive Menu - Second Page -------------------*/

#responsive_menu_372 > ul > li,
#responsive_menu_371 > ul > li,
#responsive_menu_370 > ul > li,
#responsive_menu_369 > ul > li,
#responsive_menu_368 > ul > li,
#responsive_menu_367 > ul > li{
   width: 100%;
}

#responsive_menu_372 li:hover > ul,
#responsive_menu_371 li:hover > ul,
#responsive_menu_370 li:hover > ul,
#responsive_menu_369 li:hover > ul,
#responsive_menu_368 li:hover > ul,
#responsive_menu_367 li:hover > ul{
   margin-left: 100%;
   top: 0;
   border: 1px solid rgba(150, 150, 150, 0.15);
}

/*---------------Responsive Menu END-------------------*/


/*-------------SDSI Responsive Menu----------------------*/

#responsive_menu_188 > ul > li:first-child > a{
   font-size:0;
}

#responsive_menu_188> ul > li:nth-child(3){
    width: 150px;
}

#responsive_menu_188> ul > li:nth-child(5),
#responsive_menu_188> ul > li:nth-child(6),
#responsive_menu_188> ul > li:nth-child(7),
#responsive_menu_188> ul > li:nth-child(8){
    width: 100px;
}
/*-------------SDSI Responsive Menu END----------------------*/

#bookshelf-bg{
   background-size: 100% 768px;
}




/*--- bookshelf ---*/
.product_title{
  top: 95px !important;
  max-height: 50px !important;
  max-height: 37px !important;
  max-width: 100% !important;
  left: inherit;
}

.product_title p{
   line-height: 100% !important;
}

div#popup_info{
   display: inline-table;
}


/*-----------Vertical Tabbing CSS-------------*/

#accordion_347 .ui-state-default, #accordion_347 .ui-widget-content .ui-state-default, #accordion_347 .ui-widget-header .ui-state-default {
    background: none;
	background-color : #af0102;
    border: 0px;
    color: #FFFFFF;
    font-weight: normal;
}

#accordion_347 .ui-state-hover, #accordion_347 .ui-widget-content .ui-state-hover, #accordion_347 .ui-widget-header .ui-state-hover {
    background: #BBBFC8 !important;
}

#accordion_347 .ui-state-hover, #accordion_347 .ui-widget-content .ui-state-hover, #accordion_347 .ui-widget-header .ui-state-hover,
#accordion_347 .ui-state-focus, #accordion_347 .ui-widget-content .ui-state-focus, #accordion_347 .ui-widget-header .ui-state-focus {
    border: 0px;
    background: #af0102;
    font-weight: normal;
    color: #FFFFFF;
}

#accordion_347 .ui-state-active,  #accordion_347 .ui-widget-content .ui-state-active,   #accordion_347 .ui-widget-header .ui-state-active {
    background: none;
	background-color : #af0102;
    border: 0px;
    color: #FFFFFF;
    font-weight: normal;
	font-size : 14px;
}


/*------------------------------------------*/


/*------------------------------ Design 5 Customize CSS ------------------------------*/
/*------------- w3c-------------*/

#Trigger, #language_selection{
cursor: pointer;
}

.w3ccss, .w3ccss a {
   font-size: 9pt;
   color: white !important;
}

.background_color_front_block{
   border-radius: 50%;
}

.font_color_front_block{
  border-radius: 50%;
  padding: 3px;
  font-size: 10pt;
  font-weight: bold;
  width: 20px !important;
  height: 20px !important;
}

.accessibility_block img{
   border-radius: 50%;
  font-size: 9pt;
  width: 20px !important;
  height: 20px !important;
}

.accessibility_container_table{
  height: 40px;
  width: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
/*  background-color: silver;*/
  background-color: #dadada;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.accessbility_display_tr{
/*   float: none !important;*/
  padding-left: 2.5%;
  padding-right: 2.5%;
  padding-top: 9px;
}


#Slider {

        }
        #Actual {
            color: White;
        }
        .slideup, .slidedown {
            max-height: 0;
            overflow-y: hidden;
            -webkit-transition: max-height 0.5s ease-in-out;
            -moz-transition: max-height 0.5s ease-in-out;
            -o-transition: max-height 0.5s ease-in-out;
            transition: max-height 0.5s ease-in-out;
        }
        .slidedown {
            max-height: 40px ;
        }

.rhino-item > div{
  text-align: center;
}

/*.rhino-item div > img{
  margin: 10px;
}*/


/*---------------------------------*/
.column-5535ad368bc9a div.ui-widget-content{
   background-color: rgba(25, 43, 82, 0.8) !important;
   color: white;
/*   font-family: arial;*/
   padding: 15px 10px;
   font-size: 12pt;
   line-height: 20pt;
}
.column-5535ad368bc9a div.ui-widget-content a{
   color: white;
}

/*------------- Header -------------*/
/*
.header_title img{
   margin-left: -50px;
}

.column-550138e9da182 .block_no_2{
  padding-top: 10px;
}
*/
/*------------- Language -------------*/
#language_selection{
/*   border: none !important;
   background-color: transparent;
   color: white !important;
   border: 0 !important;
     -webkit-appearance: none;

     -moz-appearance: none;
background-image: url('/miti/resources/user_1/Layout Design - Deisgn 5/arrow_down.png');
/*background-position: 64px 6px;*/
background-position: 105px 6px;
background-size: 10px 8px;
background-repeat: no-repeat;*/
/*width: 80px;*/
  width: 115px;
}
#language_selection option{
   color: black;
   background-color: white;
}

#language_label{
   display: none;
}

/*------------- Slide Out Tab -------------*/
.slide-out-tab table{
   background: #ccc;
}

.slide_tab_92, .slide_tab_93, .slide_tab_97, .slide_tab_94, .slide_tab_95, .slide_tab_96, .slide_tab_117 {
   padding: 19px 2px 2px 2px !important;
}

.slide_tab_90, .slide_tab_91{
   padding: 1px !important;
}

.slide_tab_98{
   padding: 13px 2px 2px 2px !important;;
}

.column-550138e9da182 .block_slide_out_tab_block .handle{
   background-position: 3px;
   box-shadow: none;
}

.slide-out-tab{
   border-top-left-radius: 10px !important;
   z-index: 1001 !important;
   text-align: center;
}

.handle{
-webkit-transform: translateZ(0);
transform: translateZ(8);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: transform;
transition-property: transform;
}

.handle:hover:not(#oval){
   left: -65px !important;
}

#oval {
width: 75px;
height: 556px;
background: #515F7C;
position: fixed;
right: -47px;
top: 106px;
border-radius: 30px;
}

#box {
    display: none;
    position: fixed;
    top: 106px;
    right: 62px;
    -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;
}

/*------------- Pautan Agensi -------------*/
.agensi{
 display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.agensi:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.agensi:hover, .agensi:focus, .agensi:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.agensi:hover:before, .agensi:focus:before, .agensi:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/*------------- Rhino Banner -------------*/
#rihino-slider_101_page .rhino-caption{
   top: auto;
   padding: 5px;
   text-align: justify;
   bottom: 0px !important;
   height: 50px !important;
   font-size: 8pt;
/*   width: 73%;
   left: 27%;*/
}

#rihino-slider_101_page .rhino-bullets{
   margin: 0 auto !important;
   top: 3px;
   left: inherit !important;
   right: 3px;
   bottom: initial !important;
   display: block !important;
   background: none !important;
}

#rihino-slider_101_page .rhino-bullets li a.rhino-bullet{
   color: transparent !important;
   border-radius: 50% !important;
   height: 12px !important;
   width: 12px !important;
   padding: 3px 0 !important;
   border: 3px solid rgb(166, 166, 166);
}

#rihino-slider_101_page .rhino-btn{
  top: 38%;
  background: none !important;
}

#rihino-slider_101_page .rhino-prev{
  left: 5px !important;
  background: url('/miti/resources/user_1/Layout Design - Deisgn 5/leftArrow.png') 0 0 no-repeat !important;
}

#rihino-slider_101_page .rhino-next{
  right: -15px !important;
  background: url('/miti/resources/user_1/Layout Design - Deisgn 5/rightArrow.png') 0 0 no-repeat !important;
}


/*------------- Rhino Banner Design 2 -------------*/
#rihino-slider_341_page .rhino-caption{
   top: auto;
   padding: 5px;
   text-align: justify;
   bottom: 0px !important;
   height: 50px !important;
   font-size: 8pt;
/*   width: 73%;
   left: 27%;*/
}

#rihino-slider_341_page .rhino-bullets{
   margin: 0 auto !important;
   top: 3px;
   left: inherit !important;
   right: 3px;
   bottom: initial !important;
   display: block !important;
   background: none !important;
}

#rihino-slider_341_page .rhino-bullets li a.rhino-bullet{
   color: transparent !important;
   border-radius: 50% !important;
   height: 12px !important;
   width: 12px !important;
   padding: 3px 0 !important;
   border: 3px solid rgb(166, 166, 166);
}

#rihino-slider_341_page .rhino-btn{
  top: 38%;
  background: none !important;
}

#rihino-slider_341_page .rhino-prev{
  left: 5px !important;
  background: url('/miti/resources/user_1/Layout Design - Deisgn 5/leftArrow.png') 0 0 no-repeat !important;
}

#rihino-slider_341_page .rhino-next{
  right: -15px !important;
  background: url('/miti/resources/user_1/Layout Design - Deisgn 5/rightArrow.png') 0 0 no-repeat !important;
}


/*----for page sdsi content rhino slider----*/
#rihino-slider_194_page .rhino-next {
    top: 50%;
    right: -15px !important;
    background: url('/miti/resources/user_1/Layout Design - Deisgn 5/rightArrow.png') 0 0 no-repeat !important;
}

#rihino-slider_194_page .rhino-prev {
    top: 50%;
    left: 5px !important;
    background: url('/miti/resources/user_1/Layout Design - Deisgn 5/leftArrow.png') 0 0 no-repeat !important;
}

#rihino-slider_194_page .rhino-bullets li a.rhino-bullet {
    color: transparent !important;
    border-radius: 50% !important;
    height: 12px !important;
    width: 12px !important;
    padding: 3px 0 !important;
    border: 3px solid rgb(166, 166, 166);
}

#rihino-slider_194_page .rhino-bullets{
   background: none !important;
}
#rhino-slider_923_page  .rhino-bullets {
    background: none !important;
    height: 15px;
    left: 86% !important;
    bottom: 35px !important;
    display: block !important;
}
/*-----end content sdsi rhino slider------*/


/*----for page design2 Banner rhino slider----*/
#rhino-slider_366_page .rhino-next {
    top: 40%;
    right: -31px;
    background: url('/miti/resources/user_1/Layout Design - Deisgn 5/rightArrow-small.png') 0 0 no-repeat !important;
}

#rhino-slider_366_page .rhino-prev {
    top: 40%;
    left: 5px !important;
    background: url('/miti/resources/user_1/Layout Design - Deisgn 5/leftArrow-small.png') 0 0 no-repeat !important;
  
}

#rhino-slider_366_page .rhino-bullets li a.rhino-bullet {
    top: 35%;
    color: transparent !important;
    border-radius: 50% !important;
    height: 12px !important;
    width: 12px !important;
    padding: 3px 0 !important;
    border: 3px solid rgb(166, 166, 166);
}

#rhino-slider_366_page .rhino-bullets{
   background: none !important;
   height: 15px;
}
/*-----end content design2 Banner rhino slider------*/


/*----for page design2 Highlights rhino slider----*/
#rihino-slider_524_page .rhino-next {
    top: 28%;
    right: -31px !important;
    background: url('/miti/resources/user_1/Layout Design - Deisgn 5/rightArrow-small.png') 0 0 no-repeat !important;
}

#rihino-slider_524_page .rhino-prev {
    top: 28%;
    left: 5px !important;
    background: url('/miti/resources/user_1/Layout Design - Deisgn 5/leftArrow-small.png') 0 0 no-repeat !important;
  
}

#rihino-slider_524_page .rhino-bullets li a.rhino-bullet {
    top: 35%;
    color: transparent !important;
    border-radius: 50% !important;
    height: 12px !important;
    width: 12px !important;
    padding: 3px 0 !important;
    border: 3px solid rgb(166, 166, 166);
}

#rihino-slider_524_page .rhino-bullets{
   background: none !important;
   height: 15px;
}
/*-----end content design2 Highlights rhino slider------*/



/*----for page AKI (Design 2) rhino slider----*/
#rihino-slider_482_page .rhino-next {
    top: 35%;
    right: -31px !important;
    background: url('/miti/resources/user_1/Layout Design - Deisgn 5/rightArrow-small.png') 0 0 no-repeat !important;
}

#rihino-slider_482_page .rhino-prev {
    top: 35%;
    left: 5px !important;
    background: url('/miti/resources/user_1/Layout Design - Deisgn 5/leftArrow-small.png') 0 0 no-repeat !important;
  
}

#rihino-slider_482_page .rhino-bullets li a.rhino-bullet {
    top: 35%;
    color: transparent !important;
    border-radius: 50% !important;
    height: 12px !important;
    width: 12px !important;
    padding: 3px 0 !important;
    border: 3px solid rgb(166, 166, 166);
}

#rihino-slider_482_page .rhino-bullets{
   background: none !important;
   height: 15px;
}
/*-----end page AKI (Design 2) rhino slider------*/



/*------------- Main Menu -------------*/

.row-550138e9da181 .column-550138e9da182 .block_horizontal_jmenu{
   display: none;
}

.custom_66 .burger_menu .cssmenu_button_110{
   display: block;
}

.burger_menu .cssmenu_button_110 {
  display: none;
}


/*--- second page menu CSS


.row-550138e9da181 .second_burger_menu img{
   display: none;
}

.row-5535ad358bc97 .burger_menu{
   display: none;
}

.row-5535ad358bc97 .cssmenu{
   display: none;
}

.row-5535ad358bc97 .cssmenu{
   right: 140px !important;
}

.row-5535ad358bc97 .column-550138e9da182 .cssmenu .holder::after,
.row-5535ad358bc97 .column-550138e9da182 .cssmenu .holder::before,
.row-5535ad358bc97 .column-550138e9da182 .cssmenu ul ul li.has-sub > a::after,
.row-5535ad358bc97 .column-550138e9da182 .cssmenu ul ul li.has-sub > a::before{
  right: 245px !important;
}

.row-5535ad358bc97 .column-550138e9da182 .cssmenu ul ul li.has-sub > a::after {
  transform: rotate(-405deg) !important;
}

.row-5535ad358bc97 .column-550138e9da182 ul ul ul {
  left: -270px !important;
}


.row-5535ad358bc97 .column-550138e9da182 .cssmenu a{
   text-align: right;
}

.row-5535ad358bc97 .column-550138e9da182 .cssmenu > ul > li > a{
   padding: 15px 22px 15px 22px !important;
}

#cssmenu_110{
   margin-top: 25px;
}

 END second page menu CSS ---*/







.column-550138e9da185 .block_accordion_menu{
   position: absolute;
}



.block_accordion_menu a.cssmenu_button_110{
   display: none;
}

/*
.column-550138e9da185 .cssmenu_button{
   display: none;
}
*/

.padded.block_label a{
  color: white;
}

.padded.block_label{
  /*background-color: rgba(69, 83, 114, 0.99);*/
  border-bottom: 1px solid white;
  /*color: white;*/
  text-transform: uppercase;
/*  width: 96%;*/
}


.column-550138e9da185 .cssmenu_button>img{
   top: 0px;
   position: absolute;
}
/*
#cssmenu_110{
   display: block;
}
*/
div#cssmenu_110{
  z-index: 99;
}

#cssmenu_110.cssmenu > ul > li > a {
   height: 40px;
   padding: 15px 0px 15px 22px;
}

.cssmenu > ul > li > a{
   background: none !important;
   border: 0 !important;
   box-shadow: none !important;
}

.cssmenu > ul{
   text-transform: uppercase;
}

#cssmenu_110 > ul{
   background: rgba(25, 43, 82, 0.8) !important;
}

#cssmenu_110.cssmenu > ul > li:first-child::before{
   content:" ";
   padding: 10px;
   display: block;
}

#cssmenu_110.cssmenu > ul > li:last-child::after{
   content:" ";
   padding: 25px;
   display: block;
}

.cssmenu > ul > li:hover > a > span{
   color: white !important;
/*text-shadow: 0 0 6px #A0DAE8, 0 0 6px #A0DAE8, 0 0 6px #A0DAE8, 0 0 6px #A0DAE8; */
text-shadow: -0.5px -0.5px 1px #4FAFC6,
    0.5px -0.5px 1px #4FAFC6,
    -0.5px 0.5px 1px #4FAFC6,
     0.5px 0.5px 1px #4FAFC6,
   -0.5px -0.5px 1px #4FAFC6,
    1px -0.5px 1px #4FAFC6,
    -0.5px 0.5px 1px #4FAFC6,
     0.5px 0.5px 1px #4FAFC6;
/*
background-image: url('/miti/resources/user_1/Layout Design - Deisgn 5/arrow.png');
background-repeat: no-repeat;
background-position: 20px 20px;
background-size: 19px 10px;
*/
}
/*--------------6/Jan/2017------------*/
.table_nae{
width:20% !important;
}
/*-----------------End----------------*/
/*
.cssmenu ul ul li:hover > a{
text-shadow: -0.5px -0.5px 1px #4FAFC6,
    0.5px -0.5px 1px #4FAFC6,
    -0.5px 0.5px 1px #4FAFC6,
     0.5px 0.5px 1px #4FAFC6,
   -0.5px -0.5px 1px #4FAFC6,
    1px -0.5px 1px #4FAFC6,
    -0.5px 0.5px 1px #4FAFC6,
     0.5px 0.5px 1px #4FAFC6;
}
*/

.has-sub:hover{
   background: rgba(0, 0, 0, 0.10);
}

.cssmenu  ul  ul, .cssmenu  ul  ul  ul {
   text-transform: none;
}

.cssmenu > ul > li > a{
   font-size:16px !important;
}
.cssmenu ul ul li a{
   font-size: 16px !important;
}

.cssmenu ul ul li a span, .cssmenu ul ul li a{
   color: #eeeeee;
}


#cssmenu_110.cssmenu ul ul ul li{
   width: 270px;
}

.cssmenu:not(#cssmenu_110) li{
   width: 249.75px;
}

#cssmenu_110.cssmenu ul ul ul{
     position: absolute;
     top: 0px;
     left: 270px;
}

.cssmenu ul ul ul{
     position: absolute;
     top: 0px;
     left: 100%;
}

.cssmenu ul ul li.has-sub > a:after{
   transform: rotate(-225deg) !important;
}


/*-------------- Dropdown Menu --------------*/

/*
.block_horizontal_jmenu .jMenu > li{
   background-color: rgba(69, 83, 114, 0.99);
   text-align: center;
   padding: 5px;
   width: 25%;
   font-size: 10pt;
  border-top-left-radius: 5px;
  border-top-right-radius: 20px;
}

.block_horizontal_jmenu .jMenu li ul li{
   text-align: left;
}

.block_horizontal_jmenu .jMenu li a{
   font-size: 9pt;
}

.block_horizontal_jmenu .jMenu{
  width: 80%;
  margin: 0 auto;
  margin-bottom: -20px;
  padding-top: 15px;
}
*/



.row-550138e9da181 .header_menu{
   display: none;
}

.header_menu{
   margin-top: 0px;
   margin-bottom: -23px;
}

.header_menu .jMenu{
   width: 90%;
}

.header_menu .jMenu > li{
   background-color: transparent;
   text-align: center;
}

.jMenu li ul li a.isParent{
   background-image: url('/miti/resources/user_1/Layout Design - Deisgn 5/next-arrow.png') !important;
   background-repeat: no-repeat;
  background-position: 170px;
}

.jMenu li ul li ul{
   border: 1px solid black;
}

.header_menu .jMenu li ul li,
.header_menu .jMenu li ul li:hover li a,
.header_menu .jMenu li ul li a.isParent{
   background-color: #515F7C !important;
   text-align: left;
}

.header_menu .fNiv{
/*   color: #08142F;*/
}

.header_menu .fNiv:hover{
/*   background: none !important;*/
}

.jMenu li:hover>a {
/*    background-color: transparent !important;*/
    color:#ffffff;
}

.header_menu .jMenu > li a{
   font-size: 12px;
}

.header_menu .jMenu > li > ul{
   top: 121px !important;
}


.header_menu a:hover{
   color: #22CEFF;
   text-decoration: none;
}

.header_menu a {
/*  display: inline-block;*/
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.header_menu a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #22CEFF;
  height: 1px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.header_menu a:hover:before, .header_menu a:focus:before, .header_menu a:active:before {
  left: -15px;
  right: -15px;
}





/*-------------- END dropdown Menu --------------*/
/*-------------- Left Menu --------------*/

.padded.block_label a:hover{
     text-decoration: none;
}


.row-5535ad368bc99{
    display: flex;
}

.row-5535ad368bc99 .col-3-12{
   background: rgba(25, 43, 82, 0.8) !important;
}

/*------------- Content Slider -------------*/

div.anythingSlider-cs-portfolio_num{
   margin-bottom: 0px !important;
}

div.anythingSlider-cs-portfolio_num .arrow, div.anythingSlider-cs-portfolio_num .arrow forward, .anythingControls{
   display: none !important;
}

.anythingSlider.anythingSlider-cs-portfolio_num.activeSlider{
   width: 100% !important;
}

#rihino-slider_105 li{
   position: relative !important;
   padding: 5px 0px;
   height: 100% !important;
   display: none;
}

#rihino-slider_105 li:first-child{
   display: block;
}

#rihino-slider_105_page .rhino-container{
   height: auto !important;
}

#rihino-slider_105{
   font-weight: bold;
   text-align: center;
}


.column-550138eada187 .rhino-bullets li {
    float: left;
    margin: 0 2px;
    visibility: hidden !important;
    display: none;
}


/*------------- Personalization -------------*/

.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}



/*------------- Tabbing -------------*/
#tab_78 > ul > li{
/*   width: 326px;
     margin-right: 0px;
   margin-left: 3px;
   margin: 0px 1px;
   width: 32.98%;*/
width: 33.3%;
   background-color: #009FE0;
margin: 0 auto;
   display: inline-table;
   overflow: hidden;
}



#tab_78 .ui-state-default a, #tab_78 .ui-state-default a:link, #tab_78 .ui-state-default a:visited{
   color: white;
   font-weight: bold;
}
#tab_78 .ui-state-active a, #tab_78 .ui-state-active a:link, #tab_78 .ui-state-active a:visited{
   color: black;
   background-color: #009FE0;
   font-weight: bold;
}
#tab_78 .ui-helper-reset{
   line-height: normal;
}
#tab_78 .ui-tabs .ui-tabs-panel{
   height: 200px;
}
#tab_78 .ui-tabs-panel{
   padding: 10.5px;
}

#tab_78 ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{
/*   padding: 0.2em 0px 0px 8px;*/
padding: 0;
}

#tab_78{
   border: 0;
   padding: 0;
}

#tab_78 .ui-tabs .ui-tabs-nav{
   padding: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
   padding-bottom: 0;
}

/*
a#ui-id-3:target{
   display: block;
}
*/
/*------------- Tabbing 315 -------------*/
#tab_315 > ul > li{
/*   width: 326px;
     margin-right: 0px;
   margin-left: 3px;
   margin: 0px 1px;
   width: 32.98%;*/
width: 100%;
   background-color: #009FE0;
margin: 0 auto;
   display: inline-table;
   overflow: hidden;
}



#tab_315 .ui-state-default a, #tab_315 .ui-state-default a:link, #tab_315 .ui-state-default a:visited{
   color: white;
   font-weight: bold;
}
#tab_315 .ui-state-active a, #tab_315 .ui-state-active a:link, #tab_315 .ui-state-active a:visited{
   color: black;
   background-color: #009FE0;
   font-weight: bold;
}
#tab_315 .ui-helper-reset{
   line-height: normal;
}
#tab_315 .ui-tabs .ui-tabs-panel{
   height: 200px;
}
#tab_315 .ui-tabs-panel{
   padding: 10.5px;
}

#tab_315 ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{
/*   padding: 0.2em 0px 0px 8px;*/
padding: 0;
}

#tab_315{
   border: 0;
   padding: 0;
}

#tab_315 .ui-tabs .ui-tabs-nav{
   padding: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
   padding-bottom: 0;
}


a#ui-id-3:target{
   display: block;
}


/*------------- Tabbing 326 -------------*/
#tab_326 > ul > li{
/*   width: 326px;
     margin-right: 0px;
   margin-left: 3px;
   margin: 0px 1px;
   width: 32.98%;*/
width: 100%;
   background-color: #009FE0;
margin: 0 auto;
   display: inline-table;
   overflow: hidden;
}



#tab_326 .ui-state-default a, #tab_326 .ui-state-default a:link, #tab_326 .ui-state-default a:visited{
   color: white;
   font-weight: bold;
}
#tab_326 .ui-state-active a, #tab_326 .ui-state-active a:link, #tab_326 .ui-state-active a:visited{
   color: black;
   background-color: #009FE0;
   font-weight: bold;
}
#tab_326 .ui-helper-reset{
   line-height: normal;
}
#tab_326 .ui-tabs .ui-tabs-panel{
   height: 200px;
}
#tab_326 .ui-tabs-panel{
   padding: 10.5px;
}

#tab_326 ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{
/*   padding: 0.2em 0px 0px 8px;*/
padding: 0;
}

#tab_326{
   border: 0;
   padding: 0;
}

#tab_326 .ui-tabs .ui-tabs-nav{
   padding: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{
   padding-bottom: 0;
}

/*
a#ui-id-3:target{
   display: block;
}
*/
/*------------- News -------------*/

table#news div{
/*   display: inline-block;   -ipad display problem.  */
display:block;
/*   width: 240px;*/
}

table#news td{
   vertical-align: bottom;
}

/*
#news .news_title,  #news .news_title a {
   text-align: left;
   font-size: 10pt;
   font-weight: bold;
}

#news .news_date, #news .news_date a {
   text-align: left !important;
   font-size: 8pt;
   font-weight: bold;
   color: grey;
}
*/

.news_title,  .news_title a {
   text-align: left;
   font-size: 10pt;
   font-weight: bold;
}

.news_date, .news_date a {
   text-align: left !important;
   font-size: 8pt;
   font-weight: bold;
   color: grey;
}


/*------------- Highlight | Online application -------------*/

.mainwrapper .box .full-caption {
   width: 252px;
   height: 131px;
   top: -131px;
   text-align: left;
   padding: 2px;
   overflow: auto;
   font-size: 10pt;
}

.mainwrapper .box .full-caption a {
   color: white;

}

.mainwrapper .box .full-caption a:hover {
   color: red;
   text-decoration: none;
}

.full-caption tr{
   border-bottom: 1px solid white;
}


.mainwrapper .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}

.mainwrapper .box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 999;
		-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 {
/*	border: 5px solid #fff;*/
	cursor: pointer;
	height: 182px;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
	width: 252px;
/*		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc;*/
}
/*
#highlight-img, #online-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;
}
*/


img.highlight_title{
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}



/*------------- Footer Visitor Count | Last update -------------*/

.float_right:after{
   content: ' |';
}

.footer a, .footer{
   color: white;
}



/*------------- Form -------------*/

.register-form{
   padding-bottom: 10px;
}


/*------------- Search -------------*/

.search_result_item > p{
   text-align: justify;
}




/*------------- Staff Directory Tabbing -------------*/

.profile-detail > h1{
   font-size: 16px;
}

#result-search .ui-tabs .ui-tabs-nav .ui-tabs-anchor {

    float: left;
    padding: .5em 0.5em;
    text-decoration: none;

}

#result-search .ui-state-active, #result-search .ui-widget-content .ui-state-active, #result-search .ui-widget-header .ui-state-active{
/*   background-color: #5496D3 !important;*/
   background-color: #394C81 !important;
}

#result-search .ui-state-default, #result-search .ui-widget-content .ui-state-default, #result-search .ui-widget-header .ui-state-default{
/*   background-color: #009FE0;*/
   background-color: #5065A1;
}

#result-search .ui-state-hover, #result-search .ui-widget-content .ui-state-hover, #result-search .ui-widget-header .ui-state-hover, #result-search .ui-state-focus, #result-search .ui-widget-content .ui-state-focus, #result-search .ui-widget-header .ui-state-focus{
   background-color: #4183D7;
}

#result-search .ui-state-default a, #result-search .ui-state-default a:link, #result-search .ui-state-default a:visited {
   color: white;
   white-space: pre-wrap;
   white-space: -moz-pre-wrap;
   white-space: -pre-wrap;
   white-space: -o-pre-wrap;
   word-wrap: break-word;
}

#result-search .ui-tabs .ui-tabs-nav li{
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   height: 50px;
   font-weight: bold;
   padding: 0 20px;
/*   width: 180px;*/
   width: 165px;
}

#result-search .ui-tabs .ui-tabs-nav{
  display: table;
  margin: 0 auto;
  border-bottom: 1px solid black;
}

#result-search .lvl-content{
   display:inline-block;
}

#block_type_tabs .lvl-content > div.scrollbox{
   width: 235px;
}

#search_form .filter .input, #search_form .filter button{
   box-shadow: 3px 3px 2px #888888;
}




/*------------- Second page -------------*/

.column-5535ad858bc9d{
   padding-bottom: 10px;
}



/*------------------------------ End Design 5 Customize CSS ------------------------------*/

/*------------------------------ STA Customize CSS ------------------------------*/
#sta-main .rhino-btn{
   display: none !important;
}

#rihino-slider_124_page, #rihino-slider_124_page .rhino-container,  #rihino-slider_124 li, #rihino-slider_124 .rhino-container.rhino-controls-prev-next.rhino-show-controls.rhino-show-bullets.rhino-pause-on-hover.rhino-controls-keyboard.rhino-controls-mousewheel.inProgress{
   min-height: 480px;
}


#sta-main .jMenu, .custom_87 .jMenu{
  background-color: #1B587C;
/*  padding-left: 10%;
  padding-right: 10%;*/
}

#sta-main .jMenu{
   position: relative;
   width: 100%;
}


#sta-main  .jMenu > li > ul{
   top: auto !important;
}

#sta-main .jMenu li, .custom_87 .jMenu li{
   background-color: transparent;
/*   width: 100%;*/
width: 13%;
   vertical-align: middle;
   text-align: center;
}

#sta-main .jMenu li ul li, .custom_87 .jMenu li ul li, .custom_147 .jMenu li ul li,  .custom_143 .jMenu li ul li{
   background-color: #3a3a3a;
width: 100%;
text-align: left;
}

#sta-main .jMenu li a, .custom_87 .jMenu li a{
   padding: 10px;
   font-size: 10pt;
   font-weight: bold;
}


#sta-main .rhino-bullets{
   bottom: 5px;
}
#sta-main .rhino-bullets li a.rhino-bullet{
   padding: 3px 0 5px 0;
}

/*
#sta-main .jMenu ul, .custom_87 .jMenu ul{
   top: 220px !important;
}


#sta-main .jMenu > li, .custom_87 .jMenu > li{
   top: 51px !important;
}


#sta-main .jMenu ul ul, .custom_87 .jMenu ul ul{
   top: auto !important;
   left: 220px !important;
}
*/

/*------------------------------ END STA Customize CSS ------------------------------*/




/*------------------------------ Responsive ------------------------------*/
/*------------------------------ Responsive ------------------------------*/
/*------------------------------ Responsive ------------------------------*/


@media screen and (max-width: 481px) {
  #language_selection.input {
    width: 25% !important;
  }
  #language_selection{
    background-position: 62px 6px !important;
  }
}


@media (min-width: 768px) {
.cssmenu:not(#cssmenu_110){
   display: block !important;
}
}



@media (max-width: 767px) {
   [class*='col-']{
   margin-top: 0px;
   margin-bottom: 0px;
}
}




@media (max-width: 768px) {

.design2-table-footer{
   width: 100% !important;
}
.fb-container > table{
   width: 100% !important;   
}
.fb-container iframe{
   width: 100% !important;
   max-width: 100% !important;
}

.design2-table-footer td{
   width: 100% !important;
   text-align: center !important;
}

/*------------------------------ UPDATED 3/11/2016------------------------------*/
/*------------------------------ PAGE 3007------------------------------*/


/*------------------------------ TOP HEADER------------------------------*/
.header_logo_right{
  float: none!important;
}


/* ---------------fix for slider image ------------*/
.s_image img{
    width: 24%!important;
    display: inline-flex;
    margin: 0px!important;
}

/*------------------------------ End of UPDATED 3/11/2016------------------------------*/



        thead, tbody, th, td, tr {
		display: block;
	}


	td {
                 		/* Behave  like a "row" */
		border: none;
                		/*border-bottom: 1px solid #eee; */
		position: relative;
	}

   td:before{
      position: absolute;
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
   }
/*
   .slide-out-tab, #oval{
      display: none;
   }
*/

   #oval{
      display: block;
      background: #C0C0C0 !important;
      right: -12px !important;
      z-index: 100;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px;
   }

   #box {
      display: block;
   }




/*---------------------- Responsive Tabbing -------------------------*/

/*---------------news---------------*/

#news tr{
   display: block;
}

#news tr:first-child{
   width: 50%;
   float: right;
}


#news tr:nth-child(2){
   display: none;
}

#news tr:last-child{
   width: 50%;
   float: left;
}

#news tr:first-child td:nth-child(even){
/*   height: 100px;   change because of video height is higher */
   height: 122px;
}

#news img{
/*  height: 100px !important; change because of follow video height */
   height: 122px !important;
}

#news tr:last-child td:nth-child(even){
   text-align: right !important;
      padding-right: 5px;
}

#news tr:first-child td:nth-child(even){
   text-align: left !important;
   padding-left: 5px;;
}

#news td{
  width: 100% !important;
}


/*---------------highlight---------------*/

.caption table td{
   display: inline-block;
}

#highlight>tbody>tr>td, #online-application>tbody>tr>td{
   margin-left: auto;
   margin-right: auto;
   width: 100%;
}

/*---------------------- Responsive Main Menu -------------------------*/
   .column-550138e9da185 .block_no_1{
      position: relative;
   }
   .column-550138e9da185 ul.sf-menu.sf-vertical.sf-js-enabled.sf-shadow{
      width: 100% !important;
      display: inline-table;
   }
   .column-550138e9da185 .sf-menu li {
      display: table-cell;
      position: relative;
      height: auto;
      width: auto;
   }
   .column-550138e9da185 .sf-menu li span{
      padding: 3px 0px 3px 0px;
      margin: 0;
      font-size: 12pt;
      text-align: center;

   }
   .column-550138e9da185 .sf-menu.sf-vertical.sf-js-enabled.sf-shadow{
      padding-bottom: 0;
      padding-top: 0;
   }


#cssmenu_110, #cssmenu_110 ul, #cssmenu_110 li, .cssmenu{
   width: 100% !important;
}

.column-5535ad368bc9a{
   padding-right: 0 !important;
}

#cssmenu_110.cssmenu ul ul ul{
     position: relative;
     left: 0px;
}

#cssmenu_110{
   display: block;
     position: relative !important;
}

.cms_div .burger_menu{
   display: block;
}

.padded.block_label{
   width: 100%;
   display: block;
}


.row-5535ad368bc99{
   display: block;
}

.cssmenu li{
   width: 100% !important;
}


/*--- dropdown Menu ---*/
.header_menu{
   display: none;
}

#responsive_menu_340{
   width: 100% !important;
   margin: 0 auto;
}


.footer-table1{
 width:100% !important;
}

table.login_sign-in_table , table.login_sign-in_table td{
  display:inline-flex !important;
  margin-top:5px;

}

table.login_sign-in_table td:FIRST-CHILD +td +td{
 width:30%;

}

#language_selection.input{
 width:150px !important;
}
.table_nae{
width:100% !important;

}

/*
table.news_and_events tr:first-child{
  text-align: left !important;
  padding-left:2px;
}
table.news_and_events tr:first-child +tr {

}
*/

/*---------------------- Responsive Content -------------------------*/
/*-------------- old responsive content 
  .export_ready{
      width: 171px !important;
      height: 50px !important;
   }------------------------------------*/
/*-----updated changes 22/12/2016-------------*/
.export_ready{
      width: 768px !important;
      height: 50px !important;
}
/*------------------------------------------*/
   .w3c_padding{
      padding: 0px !important;
      text-align:center!important;
      font-size: 9pt !important;
   }
   .footer{
      text-align: center;
      width: 100% !important;
   }
/*---------------------- Online Application -------------------------*/
   .td-box{
      box-shadow: 2px 2px 3px #4D4D4D;
      width: 60% !important;
      margin:auto !important;
   
}
/*---------------------- Other Link ---------------------------------*/
.other-links td{
  height: 20px !important;
  display: inline;
  width:100%;
   
} 
.other-links{
 width:100% !important; 
 }
.table-other-links{
 width:100% !important;
 text-align:center;
}
.td-other-links{
 /*width:100%;*/
}

/*---------------------- Responsive Tabbing -------------------------*/
   #tab_78 > ul > li{
      float: none !important;
      min-width: 240px !important;
      display: block;
      width: 100%;
   }

   .column-5514d0d02dd21 .ui-tabs-panel{
        display: flex;
   }
/*---------------------- Responsive Header -------------------------*/
   .header_title img{
      margin: 0px !important;
   }
   .header_title{
      text-align: center;
   }
   .column-550138e9da182 .block_no_2{
      padding-top: 10px;
   }

.header_logo{
   width: 100% !important;
   text-align: center !important;
}

/*---------------------- Responsive Rhino Banner -------------------------*/
   #rihino-slider_101_page .rhino-container{
      height: 150px !important;
   }

   .#rihino-slider_101_page .rhino-caption{
      width: 100% !important;
   }

   #rihino-slider_101_page .rhino-caption{
      width: 100% !important;
      left: 0 !important;
   }


/*---------------------- Responsive Rhino Banner Design 2 -------------------------*/
   #rhino-slider_366_page .rhino-container{
      height: 150px !important;
   }

   .#rhino-slider_366_page .rhino-caption{
      width: 100% !important;
   }

   #rhino-slider_366_page .rhino-caption{
      width: 100% !important;
      left: 0 !important;
   }

/*---------------------- Responsive W3C Option -------------------------*/
.accessbility_display_tr{
/*  display: flex;
  padding-top: 5px;
  height: 30px;
  float: none !important;*/
  padding: 0;
}

.accessibility_container_table td{
   display: block;
   position: relative;
   float: left;
   width: auto;
}

.accessibility_container_table{
   width: 65% !important;
   height: auto !important;
   background-color: transparent;
}

.slidedown{
   max-height: 100px;
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: silver;
}
        .slideup {
            overflow-y: hidden;
            -webkit-transition: max-height 0s ease-in-out;
            -moz-transition: max-height 0s ease-in-out;
            -o-transition: max-height 0s ease-in-out;
            transition: max-height 0s ease-in-out;
        }

.w3ccss{
   font-size: 11pt;
}


/*---- Staff Directory -----*/
#result-search .ui-tabs .ui-tabs-nav li {
    width: 100%;
    display: inline-table;
}

}










/*---------------------- IE CSS----------------------*/
select::-ms-expand {
    display: none;
}

@media screen\0 {
#cssmenu_110 > ul{
   background: rgb(25, 43, 82)!important;
   filter:alpha(opacity=80);
   opacity: 0.8;
}

#sta-main .jMenu ul ul, .custom_87 .jMenu ul ul{
   top: 0 !important;
}

#cssmenu_110{
   width: 270px;
}

#cssmenu_110 ul ul{
   filter:alpha(opacity=100);
   opacity: 1;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

#rihino-slider_101_page *{
   margin: 0;
   padding: 0;
}

#rhino-slider_366_page *{
   margin: 0;
   padding: 0;
}

.modern_news_ticker_119 *{
   margin: 0;
   padding: 0;
}

.modern_news_ticker_119 .mt-news a{
   line-height: 25px;
}

.block_modern_news_ticker{
   min-height:25px;
  height:auto !important;
}


/*--- bookshelf ---*/
.buttons_container{
   width: 100% !important;
}


}

#pf-email-wrapper {
     position:fixed !important;
}

/*---------------------- Chrome ----------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
#tab_78 > ul > li:first-child{
   margin-right: 0.514px;
}

#tab_78 > ul > li:last-child{
   margin-left: 0.514px;
}


#sta-main .jMenu ul ul, .custom_87 .jMenu ul ul{
   top: 0px !important;
}
}

/*---------------------- Mozilla ----------------------*/
@-moz-document url-prefix() {
#web_layout_homepage{
/*   max-width: 1000px;*/
}
.header_menu .jMenu > li > ul{
   top: 125px !important;
}
/*
#sta-main .rhino-btn{
   display: none !important;
}*/
}









/* ------------------------- Custom goes here.. -------------------------- */


.block_total_site_visits .content {
    visibility: hidden;
}

/*.page-title {
    color: #777777;
    font-size: 20px;
    font-weight: 100;
    margin: 2px 0 4px;
    padding: 0;
    text-shadow: 0 1px 0 #FFFFFF;
border: 1px solid #CACACA;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #DADADA;
background-color: #FFFFFF;
padding-left: 10px;
}*/

.block {
    margin: 0px;
}

.block .content {
    margin: 0px;
}

.block_html_block .content, #container_left .block_html_block .content, #container_right .block_html_block .content {
    padding: 0px;
}


#body_web{
	/*background: #444 url('../images/cms/body_b.gif') top left repeat-x fixed;*/
}

.block_website_statistics table{
	visibility: visible;
	text-align:left;
}

.cms_div .block .padded {
/*    padding: 10px;*/
}


.cms_div .block .block_label {
    /*color: #14AAD5;*/
    display: block;
    font-size: 0.9em;
    font-weight: bold;
	/*margin-left : 10px;*/
}

#container_content{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #DADADA;
    /* overflow-x: hidden; */
    padding: 20px 20px;
    position: relative;
/*    margin-bottom : 5px;*/
    width: 100%
}


div.buttons {
    border: medium none;
    margin: 10px 10px 10px 20px;
    padding: 0;
}



.poll_question{
	color : #EAD0D0;
	font-size : 12pt;
}

.toolbars h2 {
    color: #777777;
    font-size: 20px;
    font-weight: 100;
    margin: 2px 0 4px;
    padding: 0;
    text-shadow: 0 1px 0 #FFFFFF;
font-weight: bold;
}

div.horizontal_popup_contaier {
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(33, 63, 110, 0.6)), to(rgba(71, 117, 189, 0.6))) !important;
    background: -moz-linear-gradient(top, rgba(33, 63, 110, 0.6), rgba(71, 117, 189, 0.6)) !important;*/
background:#960002  !important;
    font-weight: bold;

}

.drop_horizontal li a{
color: #FFFFFF !important;
}

.drop_horizontal li span{
color: #FFFFFF !important;
}

.drop_horizontal li:hover{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFF69), to(#FBFF69)) !important;
background: -moz-linear-gradient(top, #FBFF69, #FBFF69) !important;
}

.drop_horizontal li:hover span{
color: #000000 !important;
}

.drop_horizontal li:hover a{
color: #000000 !important;
}

.drop_horizontal li:hover div a:hover{
background-color: #FFFFFF;
}

#web_container_center{
    background: none repeat scroll 0 0 #FFFFFF;
   /*  border: 1px solid #CACACA; */
    border-radius: 5px 5px 5px 5px;
    /* box-shadow: 0 0 3px #DADADA; */
    margin-bottom: 5px;
    /* overflow-x: hidden; */
    /*padding: 2px 3px;*/
	padding :10px;
    position: relative;
	/* float : left; */
	/* width: 100%; */
}

#web_container_center .block{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CACACA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #DADADA;
    margin-bottom: 5px;
    /* overflow-x: hidden; */
    padding: 2px 3px;
}

#web_container_center .block .content{

}

#web_footer{

}

#web_footer .block {
	text-shadow : none;
}

#web_footer_col1{

}

#web_footer_row2_col1{

}

#web_footer_row2_col3{

}

.float_right{
	visibility: visible !important;
}
/*
.last_update {
visibility : hidden;
padding-left: 80px;
}
*/
#web_header{
	/*background-color: blue;*/
	padding-top : 10px;
	padding-right: 10px;
	margin : 0 0 10px;
	width: 100%;

}


#web_header_container .block .content {
    color: #333333;
    line-height: 1.3em;
	margin : 0px;
}

#web_header .search-box2{
    /* width: 190px !important; */
}


#web_layout_homepage{
	/* height: auto !important;*/
    margin: 0 auto -45px;
   /* min-height: 100%;*/
}


#web_main_container{
}

#web_main_container .block{
    /*border: 1px solid #CACACA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px #DADADA;
    margin-bottom: 5px;
    padding: 2px 3px;
    position: relative;*/

}



#web_navigation1{

}

#web_navigation2{

}


/*-------------Below customization belongs to Navigation 2--------------*/
/*
 .jMenu li{
background-color: #990006 !important;
}

 .jMenu li ul li a.isParent{
background-color: #990006 !important;
}

 .jMenu li ul li:hover li a{
background-color: #990006 !important;
color: #FFFFFF !important;
}

.jMenu li ul li:hover li a:hover{
background-color: #E6D97E !important;
color: #000000 !important;
}

 .jMenu li ul li:hover a{
background-color: #E6D97E !important;
color: #000000 !important;
}

 .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns{
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFF69), to(#FDFDA7)) !important;
background: -moz-linear-gradient(top, #FBFF69, #FDFDA7) !important;
filter : progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#55FBFF69, endColorstr=#55FDFDA7); !important;
}

 .drop_horizontal li ul li{
width: 220px !IMPORTANT;
}

 .drop_horizontal li{
padding: 4px 18px 4px 18px !important;
margin-right:0px !important;
}

 .drop_horizontal li ul li{
padding: 2px 0px 2px 0px !important;
}

 .col_1, .col_2, .col_3, .col_4, .col_5{
margin-right: 0px !important;
}

.jMenu li:hover{
background-color:#E6D97E !important;
color: #000000 !important;
}

.jMenu li a:hover{
color: #000000 !important;
}

.jMenu li a{
padding: 12px;
font-weight: bold;
}

*/

 /*-----------Navigation 2 customization ended------------*/



#web_row1_col1{

}

#web_row1_col2{
}

#web_section_row2{

}

#web_row2_col2{

}

#web_row3_col1{
}

#web_row3_col2{

}

#web_section_row4{

}

#web_row4_col1{

}

/*Anything slider customization for all*/
 div.anythingSlider-cs-portfolio .anythingControls{
display : none !important;
}

div.anythingSlider-cs-portfolio .back a{
display: none !important;
}

div.anythingSlider-cs-portfolio .forward a{
display : none !important;
}

 .anythingSlider-cs-portfolio .arrow{
display: none;
}

 div.anythingSlider-cs-portfolio{
margin-bottom: 0px !important;
}

/*Anything slider customization - ENDED*/


#web_container_center .toolbar{
border: 1px solid #CACACA;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #DADADA;
padding-left: 11px;
/*height: 30px;*/
height:auto;
display: inline-block;
width:100%;
}


.search-box2{
/*height: 25px;
width:190px !important;*/
height: 24px;
border-radius : 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
}

.search-box2 .search-button {
border-radius : 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
top: 15% !important;
}
.search-box2 input[type="text"]{
/*padding : 4px 0px 8px 8px !important;     default*/
padding : 4px 0px 7px 4px !important;
float: left;
}

.searchbox_hide{
  width:0 !important;
  border: 0 !important;;
}

.searchbox_hide, .search-box2{
  transition: width 0.2s linear;*
}
.white{
color: #FFFFFF;
}

/*---------------General customization for left menu-------------------*/
.sf-vertical{
padding-top: 0px ;
padding-left: 10px ;
width: 100% !important;
}

.sf-menu li{
/*background: #ffffff!important; */
}

.sf-menu li:hover{
background: none repeat scroll 0 0 #e6d97e !important;
}

.sf-vertical li {
/*    border: 1px solid #cacaca;*/
    text-align: left;
/*    box-shadow: 0 0 3px #dadada;*/
}

.sf-menu a{
font-weight: bold;
color: #af0101 !important;
}

/*--------------------General customization for left menu ended------------------*/

/*-----------------------------General tabbing css------------------------------*/

 div.ui-tabs {
    /*border: 1px solid #B3B3B3 !important;*/
border-radius: 5px;
}

 .ui-corner-all {
    border-radius: 0px;
}

 .ui-corner-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

 .ui-corner-bottom {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    background-color: #0057ff;
/*	background-color : #ffffff; */
    border:1px solid #ece8e8;
    color: #FFFFFF;
    font-weight: normal;
}

 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
/*	border: 0px;*/
	background: #0de0fe;
	font-weight: normal;
	color: #FFFFFF;
}

 .ui-state-default a, .ui-state-default a:link,  .ui-state-default a:visited {
    color: #808080;
    text-decoration: none;
	width :100%;
}

 .ui-state-active,  .ui-widget-content .ui-state-active,   .ui-widget-header .ui-state-active {
    background: none;
	background-color : #0057ff;
/*    border: 0px;*/
    color: #FFFFFF;
    font-weight: bold;
	/* font-size : 12px; */
}

.ui-accordion .ui-accordion-content > .ui-accordion > .ui-state-default {
    background-color: #0b91e8;
}

.ui-state-active a,  .ui-state-active a:link,   .ui-state-active a:visited {
    color: #fff;
	width : 100%;
    /* background:#ffffff; */
/* border:1px solid #ece8e8 !important; */


}

.ui-tabs .ui-tabs-nav li {
    margin-bottom: 0px !important;
    float: left;
    list-style: none outside none;
    margin-right : 3px;
	margin-left: 4px;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
	height :31px;
        width : auto;
	text-align : center;
	font-size : 15px;
}

 .ui-tabs .ui-tabs-nav li a {

}

div.ui-widget-content {
    border:1px solid #ece8e8;
    color: #222222;
/*    background-color: #ffffff !important;*/
}
/*
.ui-widget-content{
background:none !important;
}*/

.ui-widget-header {

    color: #222222;
    font-weight: bold;
border:none;
background:#ffffff !important;

}

/*----General tabbing css end here----*/

.toolbars{
padding-bottom:5px;
}

.lvl-content > div{
height: 250px !important;

}

.toolbar .actions a.icon {
padding: 5px 10px 5px 26px;
background-position: 5px 50%;
background-repeat: no-repeat;
float: right;
}


.hide_it {
visibility: hidden;
}

#search_label{
display: none;
}

.dock_152.jqDocked{
margin-top:150px;
}

#web_navigation2 .dropdown_4columns.align_right{
width: 250px !important;
}



.jqDockLabel, .jqDockLabelText{
background-color:#FCFCD2;
}

#table_macro .rhino-bullets li a.rhino-bullet{
background:#858585 !important;
}

#table_macro .rhino-bullets li a.rhino-bullet:hover, .rhino-bullets li a.rhino-bullet:focus{
background:#C9C9C9 !important;
}



.dock_9.jqDocked{
margin-top:100px;
}

.search-box2 .search-button{
width:10% !important;
}

.rhino-bullets{
/*bottom:10px !important;
visibility:hidden;*/
bottom: 129px !important;
}

.rhino-bullets:before, .rhino-bullets:after{
background: transparent !important;
}

.rhino-bullets li a.rhino-bullet{
/*height: 20px !important;*/
}

.ds_view_row_4{
width: 310px !important;
height: 150px;
border-radius: 14px;
padding-top: 8px;
}

.slide_tab_25.open{
z-index:2;

}

.slide_tab_25{
z-index:2;
}

.slide_tab_25 .tab_name{
font-size:14px !important;
}

.slide_tab_29.open{
z-index:2;
}

.slide_tab_29{
z-index:2;
}

.slide_tab_29 .tab_name{
font-size:14px !important;
}

.slide_tab_30.open{
z-index:2;
}

.slide_tab_30{
z-index:2;
}

.slide_tab_30 .tab_name{
font-size:14px !important;
}

.slide_tab_33.open{
z-index:2;
}

.slide_tab_33{
z-index:2;
}

.slide_tab_33 .tab_name{
font-size:14px !important;
}

.ui-tabs-vertical .ui-tabs-panel{
width: 75% !important;
float: left;
}

#tab_401 .ui-tabs-nav{
width: 30%;
}

#tab_401 .ui-tabs-nav li{
text-align:left;
}

.ui-tabs-vertical{
width: 100% !important;

}

.sf-menu li span {
font-weight: bold;
color:#af0101;
}

/*-----------Vertical Tabbing CSS-------------*/
#tab_1 {
   background: #ffffff !important;
}

.ui-tabs-vertical .ui-tabs-panel{
width: 70% !important;
}

#tab_486 .ui-tabs-nav li a{
font-size:13px !important;
}

#tab_486 .ui-tabs-nav{
width:29% !important;
}

.ui-tabs-vertical{
width: 100% !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{
border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{
border-top-left-radius: 0px ;
}

.ui-tabs-vertical .ui-tabs-nav{
width:25% !important;
}

.ui-tabs-vertical .ui-tabs-nav li{
text-align:left;
border-radius: 0px;
}


/*------------------------------ Public Consultation Customize CSS ------------------------------*/

/*------------------- Tabbing ------------------*/

#tab_87 .ui-tabs-panel{
   border: 5px solid #4F81BD;
}

#tab_87 .ui-tabs-nav{
   padding: 0 !important;
}

#tab_87 li.ui-state-default.ui-corner-top{
   height: 40px;
   border: 3px solid #385D8A;
   background: #4F81BD;
   border-top-right-radius: 20px;
   margin-left: 0 !important;
   margin-right: 0 !important;
}

#tab_87 .ui-state-default a, #tab_87 .ui-state-default a:link, #tab_87 .ui-state-default a:visited {
  color: white;
  font-weight: bold;
}

#tab_87 li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active{
   background: #ffffff;
}

#tab_87 .ui-state-active a, #tab_87 .ui-state-active a:link, #tab_87 .ui-state-active a:visited {
  color: red;
  font-weight: bold;
}

/*------------------------------ End Public Consultationn Customize CSS ------------------------------*/
/*------------------------------ MITI Design Customize CSS ------------------------------*/
/*
.jMenu{
   width: auto !important;
   margin-left: -9px;
}

.jMenu li a{
font-size: 12pt !important;
font-weight: normal !important;
text-shadow: -1px 0 #6FA5DF, 0 1px #6FA5DF, 1px 0 #6FA5DF, 0 -1px #6FA5DF;
padding: 7px 10px 7px 10px !important;
}

.jMenu li{
border-right: 2px solid white;
line-height: 0px;
}

.jMenu li:last-child{
border-right: 0;
}
*/

/*------------------- Tabbing ------------------*/

#tab_74 .ui-state-default a, #tab_74 .ui-state-default a:link, #tab_74 .ui-state-default a:visited{
   color: black;
   background-color: #CDE4F4;
   font-size: 12pt;
}

#tab_74 .ui-state-active a, #tab_74 .ui-state-active a:link, #tab_74 .ui-state-active a:visited{
   color: white;
   background-color: #66AEE0 !important;
   font-size: 12pt ;
}
#tab_74 .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
   padding: 15px 30px 15px 30px  !important;
}

#tab_74 .ui-tabs-panel{
   padding-top: 20px  !important;
}
/*
ul.ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all{
  padding-bottom: 10px !important;
}
*/

.jMenu > li:hover {

}
/*------------------------------ End MITI Design Customize CSS ------------------------------*/


@media (min-width: 769px){

   .handle{
      display: block !important;
   }


}

//edirectory member content width
.member-table .profile-detail{
   max-width: 87%;
}

.ui-datepicker-calendar tbody {
    display: table-row-group !important;
}
.ui-datepicker-calendar thead{
    display: table-header-group !important;
}
.ui-datepicker-calendar th {
    display: table-cell !important;
}

.ui-datepicker-calendar tr {
    display: table-row !important;
}

.ui-datepicker-calendar td {
    display: table-cell !important;
}


//#cboxContent{
//    background-image: linear-gradient(120deg,#a1c4fd 0, #c2e9fb 100%);
//}

@media only screen and (min-width: 768px) {

#responsive_menu_340 > ul > li > a{
    height: 100%;
}

#responsive_menu_340 > ul{
    display: flex !important;
}

#responsive_menu_340 > ul > li{
    flex: 1;
}

}

@media only screen and (max-width: 768px) {

#cboxLoadedContent, #cboxContent, #colorbox, #cboxWrapper{
    border-radius: 10px;    
    height: 80vh !important;
    overflow: visible !important;
    left: 3% !important;
    top: 20px !important;
    width: 95% !important;
}

#cboxWrapper > div:first-child, #cboxWrapper > div:nth-child(3), #cboxMiddleRight, #cboxMiddleLeft{
    display: none !important;
}

.main_container {
    height: 65% !important;
    margin: 0 2% !important;
    width: 100% !important;
}

.item_list .item_title{    
    padding-top: 10px;
    width: 100% !important;
}
}