html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-weight: 500;
}



/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

h1, h2, h3, h4, h5, h6{
  font-weight: bold;
}

h6{
  font-size: 14px;
}
strong, b{
  font-weight: 700;
}

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin-top: 0px;
  /*margin-bottom: -90px;  Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}

.carousel .container {
  position: relative;
  z-index: 9;
}

.carousel-control {
  height: 80px;
  margin-top: 0;
  font-size: 120px;
  color:#95999e;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  background-color: transparent;
  border: 0;
  z-index: 9;
  margin-left:-15px;
}

.carousel .item {
  height: 337px;
  max-width:1008px;
}

.carousel img.main {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 335px;
}

.carousel-caption {
  background-color: transparent;
  position: static;
  max-width: 365px;
  padding: 0 20px;
  margin: 100px 0 0 0px;
}


.carousel-caption h1,
.carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn {
  margin-top: 10px;
}


.myCarousel_container{
  background-image:url(../img/bg_slider.png);
  background-repeat: repeat-x;
  margin-top:132px;
}

#carousel-nav {
  position:absolute;
  z-index:11;
  margin:-75px 0 0 50px;
}

#carousel-nav  a{
  padding:4px 9px;
  color:#333333;
  background-image:url(../img/bg_number.png);
  background-repeat: no-repeat;
}

#carousel-nav  a:hover{
  text-decoration:none;
}

#carousel-nav  a.active{
  padding:4px 9px;
  color:#666666;
  background-image:url(../img/bg_number_active.png);
  background-repeat: no-repeat;
}




.navbar-wrapper .navbar {

}

/* Remove border and change up box shadow for more contrast */
.navbar .navbar-inner {
/* border: 0;
-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
box-shadow: 0 2px 10px rgba(0,0,0,.25);
*/
}

/* Downsize the brand/project name a bit */
.navbar .brand {
  padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}

/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a {
  margin: 4px 4px 0 2px;
  padding: 5px 3px 3px 8px;
}

/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar {
  margin-top: 10px;
}


.top_blue_nav {
  margin-top:10px;
  text-align: right;
  padding-right: 40px;
}

.top_blue_nav li{
  display:inline;
  padding-left:8px;
}


#fixed_header {
width:100%;
position:fixed;
z-index:9999;
min-height:132px;
top:0px;
}


.bg_header{
height:132px;
background-image:url(../img/bg_header.jpg);
background-repeat: repeat-x;
margin:0 auto;

}

#logo img.spcl {
 position:absolute;
 margin-left:-5px;
 z-index:100;
}

.select_wrap{
  position:relative;
  z-index:100;
}

#lang_bar select,
select#qtrans_select_qtranslate-chooser{
  font-size:9px;
  color:#fff;
  text-transform:uppercase;
  background-color:#000;
  width:125px;
  padding-top:6px;
  padding-bottom:5px;
  height:25px;
  border:none;
  margin-top:6px;
  margin-left:-35px;
  font-weight: 500;
}


.top_search {
  padding-left:25px;
  margin-top:5px;
  position:relative;
  z-index:100;
}

.top_search input.txt{
  float: left;
  margin: -15px 0px;
  width:125px;
  padding-right: 25px;
  height:16px;
  background-image:url(../img/bg_search.png);
  background-repeat: no-repeat;
  background-position: 96% center;
  font-size: 12px;
  color: #666;
  font-weight: 500;
}

#search_form .txt {
  float: none;
  margin: 0px;
}

.top_search .btn-faq{
  float: right;
  display: block;
  margin: -17px 7px 0px;
  width:58px;
  height:30px;
  background:transparent;
  background-image:url(../img/faq.png);
  background-repeat: no-repeat;
  border:none;
  box-shadow: none;
}

.container_items_wrap{
  padding-bottom: 20px;
}
.container_heading {
  font-size: 15px;
  font-weight: lighter;
  color: #333333;
  text-transform: uppercase;
  line-height: 1.8;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
margin-top:25px;
}


.bold_blue {
  color:#006699;
  font-weight: bold;
}

.container_item_heading {
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  width: 95%;
  padding-left:5%

}

.hover_bg:hover{
  background-image:url(../img/bg_div_hover.png);
  background-repeat: repeat;
  border-radius: 5px;
}

.circle .image-wrap {
    border-radius: 50em 50em 50em 50em;
}

.content_image_wrap{
  padding-left: 5%;
  width: 30%;
  float: left;
}

.content_image_txt{
  width: 60%;
  padding-right: 5%;
  float: left;
  font-size: 12px;
  padding-bottom: 8px;
}

.content_image_txt ul {
margin-top: 10px;
margin-left: 10px;


}
.content_image_txt ul li{
  list-style: none;
  background-image:url(../img/content_small_blue_arrow.png);
  background-position: left 6px;
  background-repeat: no-repeat;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 3px;

}

.content_image_txt ul li a{
  color:#666666;
}
.content_image_txt ul li a:hover{
  color:#006699;
  text-decoration: none;
}

.content_image_txt a.myright {
  float:right;
  color:#333333;
  font-size: 10px;
  text-transform: uppercase;
  clear:both;
  cursor: pointer;

}
.myclear{
  clear:both;
}


.mysidebar {
  padding-left: 30px;
  padding-right: 30px;
padding-top:15px;
}





.mysidebar h4 {
  color:#003366;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  margin:5px 0px 0px 0px;
  padding: 0px 0 3px 0;
}


.mysidebar h5 {
  color:#003366;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0 5px 0;
}

.mysidebar p {
  color:#333333;
  font-size: 12px;
  line-height: 1.4;
}
.sidebar_border_btm {
  margin: 0 10px 0 10px;
   border-bottom: 1px solid #525252;
}

.publication_img {
  width:35%;
  float: left;
  padding-bottom: 10px;
}

.publication_txt {
  width:60%;
  padding-left: 5%;
  float: left;
  padding-bottom: 10px;

}

.publication_txt h5 {
  color:#003366;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0 5px 0;
}

.publication_txt p {
  color:#333333;
  font-size: 12px;
  padding-bottom: 10px;
  line-height: 1.4;
  border-bottom: none;
}





.bg_shade {
  background-image: url(../img/bg_tabs.jpg);
  background-repeat: repeat-x;
  min-height: 350px;
  background-color: #e9e9e9;
/*    background-position:0px 220px;*/
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-top: -20px;
  padding-top: 15px;
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0px 1px 2px #e0e0e0, -2px 1px 2px #e0e0e0, 2px 1px 3px #e0e0e0;
}
.tab_btm_border{
  width: 100%;
  height: 2px;
  background-image: url(../img/tab_btm_border.jpg);
  background-repeat: repeat-x;
  margin-bottom: 15px;

}

.page-404 .tab_btm_border{
  display: none;
}


.hights {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  font-size: 11px;
  font-weight: bold;
  clear: both;
  line-height: 1.3;
}

.gen_left_sidebar_container #highTab {
  margin-bottom: 30px;
}

.hights_date{
  color:#000000;
  line-height: 1.3;
  font-weight: 700;
}

.hights_title{
  color:#003366;
  font-size: 12px;
  text-transform:uppercase;
  font-weight: bold;
  line-height: 1.3;
}

.hights_txt{
  color:#003366;
}

.crsl_heading {
  margin-top: 50px;

}

.related_site {
  margin-top: 60px;

}


.highlightPagi li {
  float: left;
  margin: 0px 20px 10px 0px;
}

.footer{
background-color: #d6d6d6;
border-top:1px solid 000;
min-height: 250px;
width: 100%;
margin-top:60px;

}
.footer ul.footer_standard {
  margin-top: 35px;

}

.footer ul.footer_standard li {
  list-style: none;
  padding-bottom: 8px;
}

.footer ul.footer_standard li a {
  font-size: 12px;
  color:#555;
  font-weight: 500;
 text-shadow: 1px 1px #fff;
}

.bold{
font-weight: bold;

}
.footer ul li span{
  font-weight: bold;
  font-size: 12px;
  color: #555;
}

.lodge_complaint {
  margin-top: -27px;
  background-image:url(../img/bg_complaint.png);
  background-repeat: no-repeat;
background-position:10% 0%;
  width: 275px;
  padding: 0 25px 0 25px;
  height: 150px;
  text-align: center;
  margin-bottom: 15px;
margin-left:20px;
}

.lodge_complaint h3 {
  color:#990000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  padding-top: 14px;
padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
}

.lodge_complaint p {
  color:#333333;
  font-size: 12px;
  font-weight: 500;
}
.general {
  text-align: center;
padding-left:20px;
}

.general p{
  font-size: 12px;
  color:#333333;

}

.general h6{
  font-size: 14px;
  color:#003366;
   text-shadow:1px 1px #fff;
}
.copyright{
  width: 100%;
  min-height: 65px;
  background-image: url(../img/bg_copyright.jpg);
  background-repeat: repeat-x;
  text-align: center;
  background-size: 100%;
  padding: 10px 0px 20px;
}

.copyright p {
  margin: 5px 0px 0px;
  color: #DDD;
  font-size: 12px;
}

.copyright a {
  color: #FFF;
  font-size: 12px;
}

.rssfeedlinks{
  display: block;
  width: 200px;
  margin: 20px 0px;
}
.rssfeedlinks img{
  float: left;
  margin-right: 10px;
}
.rssfeedlinks a, .rssfeedlinks span {
  float: left;
  margin: 3px 5px 0px 0px;
}
.rss-link {
  width: 60px;
}


#highlightWrapper, #specialInterestWrapper {
  min-height: 296px;
}

.mysidebar_wrap {
  margin-top: -50px;
  min-height: 350px;
  background-image:url(../img/bg_sidebar.png);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  z-index: 15;
}


.mytabs {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
}
.mytabs ul#myTab.nav li{
  margin-top: -15px;
  margin-bottom: -2px;
}


.mytabs ul#myTab.nav li:first-child{
  margin-left: 15px;
}


ul#myTab.nav li a{
  background-color: #0099cc;
  font-size: 12px;
  color:#fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 5px 5px 0 0 ;
  height: 17px;
}

ul#myTab.nav li.active a{
  background-color: #fff;
  font-size: 12px;
  color:#003366;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #fff;

}



@media (min-width: 0px) {
  .top_blue_nav li a{
    color:#003366;
    font-size:11px;
  }

  .navbar {
  background-color:#006699;

  }
}


@media (min-width: 600px) {
    .mysidebar_wrap {
      margin-top: -50px;
      min-height: 350px;
      background-image:url(../img/bg_sidebar.png);
      background-repeat: no-repeat;
      background-position: top center;
      position: relative;
      z-index: 15;
  }
}



@media (min-width: 970px) {

  .navbar {
  background-color:transparent;

  }

  .top_blue_nav li a{
    color:#fff;
    font-size:11px;
  }

  .carousel-caption {
    margin: 70px 0 0 535px;
  }

    .carousel img.mainslider {
      position: absolute;
      z-index: 4;
      top: 0;
      left: 0;
      min-width: 100%;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 365px;
      padding: 0 20px;

    }

  a.main_menu_nav {
    width:108px;
    color:#fff;
    min-height: 65px;
    font-weight: bold;
    text-transform: uppercase;
  }
  a.main_menu_nav:hover {
    width:108px;
    min-height: 65px;
    font-weight: bold;
    text-transform: uppercase;
  }

  a.main_menu_nav_small {
    width:85px;
    min-height: 65px;
    color:#fff;
    font-weight: bold;
    text-transform: uppercase;
  }
  a.main_menu_nav_small:hover {
    width:85px;
    min-height: 65px;
    text-transform: uppercase;
    font-weight: bold;
  }



  ul.bg_sep li{
  background-image:url(../img/nav_sep.png);
  background-repeat: no-repeat;
  background-position:right top;
  }

  ul.bg_sep li ul.dropdown-menu li, ul.bg_sep li:last-child{
  background-image:none;
  }

  ul.bg_sep li a{
    font-size: 12px;
  }

  .jquery_control_padding {
    margin:4px 4px 0 2px;
    padding:5px 3px 3px 8px;

  }


  .jquery_control_padding_last{
    margin:4px 4px 0 2px;
    padding:5px 3px 3px 8px;
  }


  #highlightWrapper, #specialInterestWrapper {
    min-height: 296px;
    overflow: hidden;
  }
  .hights.pad_btm .hights_txt {
    display: block;
    max-height: 30px;
    overflow: hidden;
    font-weight: 700;
  }


ul.bg_sep li a:hover{
  color:#fff;
}

span.menu_sub_ttl {
  font-size:10px;
  line-height:1.2;
  text-transform: none;
  color:#cccccc;
  font-weight: 500;
  padding-right: 2px;
text-shadow:1px 1px #2d2d2d;

}

ul.nav li.open a.dropdown-toggle span.menu_sub_ttl   {
  color:#666666;
}

ul#j_control.nav li a{
  text-shadow:1px 1px #2d2d2d;
  line-height: 13px;
}

.menu_gap {
  width: 100%;
  height: 2px;
}

.menu_height {
 height: 75px;
}



ul.nav li.dropdown ul.dropdown-menu li:first-child{
  margin-top: 5px;
}

ul.nav li.dropdown ul.dropdown-menu li:last-child{
  border:none;
}

ul.nav li.dropdown ul.dropdown-menu li{

  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;

}

ul.nav li.dropdown ul.dropdown-menu li a{
  width: 175px;
  font-size: 12px;
  background-image:url(../img/arrow_menu.png);
  background-repeat: no-repeat;
  background-position:left 5px;
  margin-left: 15px;
  padding-left: 25px;
  color: #666666;
  font-weight: bold;

}

   /*-------- CHANGE WHEN HOVER ----*/
ul.nav li.dropdown ul.dropdown-menu li a:hover{
  color: #006699;
  background-color: transparent;
}

#j_control.nav .dropdown:hover > a{
  text-shadow: none;
  color: #003366;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}
#j_control .dropdown:hover .dropdown-menu{
  display: block;
}
#j_control.nav .dropdown:hover > a > span{
  text-shadow: none;
  color: #666666;
}


  /*.dropdown .dropdown-menu li:nth-child(n+10){
    display: none;
  }*/

  .crsl_txt_controler h1{
    font-size: 42px;
    color: #333;
    text-align: right;
    font-weight:normal;
  }


  .crsl_txt_controler p.lead{
    font-size: 14px;
    color: #333;
    text-align: right;
    padding-left: 15px;
    line-height: 1.5;

  }

  .btn_learnmore {
    width: 90px;
    min-height: 35px;
    background-image:url(../img/btn_learnmore.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: 15px;
  }

  .mytabs {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top: -8px;
  }
  .mytabs ul#myTab.nav li{
    margin-top: -15px;
    margin-bottom: -2px;
  }


  .mytabs ul#myTab.nav li:first-child{
    margin-left: 15px;
  }


  ul#myTab.nav li a{
    background-color: #0099cc;
    font-size: 12px;
    color:#fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0 0 ;
    height: 17px;
  }

  ul#myTab.nav li.active a{
    background-color: #fff;
    font-size: 12px;
    color:#003366;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #fff;

  }

}
/*----------- END fix resolution on 970px*/



/*   Css for Speeches */

  .general_page_bg {
    background-image:url(../img/bg_general_page.png);
    background-repeat:repeat-x;
    min-height: 345px;

  }

  .gen_left_sidebar_container  {
      width: 20%;
      float: left;
      padding-top: 45px;
      padding-left: 1%;
    margin-top:132px;
  }

  .gen_left_sidebar_container h3  {
    font-size: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
  }

  .gen_left_sidebar_container > a {
    text-decoration: none !important;
    color: #333;
  }
  .gen_left_sidebar_container > a:hover {
    color: #0088cc;
  }

  .gen_left_content_container  {
      width: 79%;
      float: left;
      background-image:url(../img/general_page_left_border.png),url(../img/general_page_right_border.png);
      background-repeat: no-repeat;
      background-position: left 50px, right 50px;
      min-height: 600px;
    margin-top:132px;
  }

    ul.sidebar {

    }

    ul.sidebar li.active {
      list-style: none;
      background-image:url(../img/sidebar_arrow.png);
      background-repeat: no-repeat;
      background-position:left  3px;
      padding-left: 15px;

    }

    ul.sidebar li {
      list-style: none;
      padding-left: 15px;
      padding-bottom: 14px;

    }

    .sidebar li:nth-child(n+8) {
        display: none;
    }

    ul.sidebar li a {
      font-size: 14px;
      color:#000000;
      font-weight: 300;
    }

    ul.sidebar li.active a {
      color:#006699;
      font-weight: bold;
    }

    ul.sidebar li:hover {
      background-image:url(../img/sidebar_arrow.png);
      background-repeat: no-repeat;
      background-position:left  3px;
    }
    .sidebar li.current_page_item {
      background-image: url(../img/sidebar_arrow.png);
      background-repeat: no-repeat;
      background-position: left 3px;
    }
    .sidebar li.current_page_item a {
      color: #006699;
    }


    ul.sidebar li a:hover {
      color:#006699;
      text-decoration: none;
    }

    .mybreadcrumb {
      height: 15px;
      margin-left: 7px;
      margin-right: 7px;
      margin-top: 25px;
      margin-bottom: 10px;
      overflow: hidden;
    }
    .mybreadcrumb a{
      color:#003366;
    }
    .mybreadcrumb a:hover{
      color: #0088cc;
    }
    .mybreadcrumb a:first-child, .mybreadcrumb span:first-child{
      text-transform: uppercase;
    }

    .white_wrap {
      margin: 0px 7px 80px 7px;
      padding-left: 30px;
      padding-right: 30px;
      background-color: #fff;
      min-height: 800px;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      border-top: 1px solid #ccc;
    }

    .gen_content_header {
      min-height: 70px;
      padding-top:20px;
    }

    .gen_content_header h4{
      margin: 20px 0px 0px 0px;
    }

    .gen_content_header h4 img{
      float: left;
    margin-top: -6px;
    }


    .myleft{
      float: left;
    }

    .myright{
      float: right;
    }

    .gen_content_header .content_header_cat {
      margin: 15px 0px;
    }

    .compaint_sidebar{
      width: 248px;
      height: 161px;
      background-image:url(../img/ask-sc-pic.png);
      background-repeat: no-repeat;
      margin-left: -15px;
      background-size: 95%;
    }





    ul.content_header_cat li {
      list-style: none;
      display:inline;
      background-image:url(../img/content_header_cat_sep.png);
      background-repeat: no-repeat;
      background-position:right bottom;
      padding-right: 8px;
      padding-left: 5px;
      padding-bottom: 5px;
    }





    ul.content_header_cat li:first-child{
      background-image: none;
    }

    ul.content_header_cat li:last-child{
      background-image: none;
    }


    ul.content_header_cat li span{
      background-image: none;
      color:#666666;
      text-transform: uppercase;
      font-size: 11px;
    }
    ul.content_header_cat li:first-child span{
      vertical-align: -3px;
      display: inline-block;
    }

    .gen_content_detail{
      padding-left: 5px;
      padding-right: 5px;
    }

    .subpage-newsmedia .gen_content_detail{
      margin-left: 40px;
    }

    .gen_content_detail p   {
      color:#666666;
      font-size: 12px;
      font-weight: normal;
      padding-bottom: 20px;
    }
    .gen_content_detail span.standard   {
      color:#666666;
      font-size: 12px;
      font-weight: normal;
    }

    .press_content_detail {
      min-height: 500px;
      margin-bottom: 30px;
      padding-left: 5px;
      padding-right: 5px;
    }

    .press_content_detail span.standard   {
      display: block;
      margin-top: 20px;
      color:#666666;
      font-size: 12px;
      font-weight: normal;
    }

    .press_content_detail h5, .page-404 h2 {
        color: #006699;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.5;
        text-transform: capitalize;
    }

    .block-content{
      border-bottom: 1px dashed #ccc;
      padding-bottom: 15px;
      margin: 0px 0px 30px;
    }


    .press_content_detail p   {
      color:#000;
      font-size: 12px;
      font-weight: 500;
      padding: 20px 5px 0px;
      line-height: 1.5;
    }


    .post-content table{
       vertical-align: top;
        margin: 20px auto 50px;
        font-size: 12px;
    }
    .post-content table td {
      vertical-align: top;
      padding-left: 5px;
      line-height: 1.5;
    }


    /**--------------------------- NICE table styling */
    .tab_format {
      border: 1px solid #ccc;
      border-collapse: separate;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
    }
    .tab_format td {
      padding: 5px;
      border-bottom: 1px solid #e5e5e5;
      border-right: 1px solid #e5e5e5;
      background-color: #f7f7f9;
      line-height: 1.5;
    }
    .post-content  .tab_format td p{
      padding: 0px 0px 10px;
    }
    .tab_format tr:first-child td p{
      padding: 0px;
      /*background-color: #fff;*/
      font-weight: bold;
    }

    .tab_format tr:last-child td{
      border-bottom: none;
    }
    .tab_format .table_title td {
      padding: 15px 10px 10px;
      background-color: #fff;
      font-weight: 700 !important;
      border-bottom: 1px solid #e5e5e5 !important;
    }
    .tab_format .table_title td p, .tab_format .table_title td div{
      font-weight: 700;
      font-size: 14px;
      color: #222;
      margin: 0px;
      padding: 0px;
    }

    .table_title td {
      padding: 15px 10px 10px;
      background-color: #fff;
      font-weight: 700 !important;
      border-bottom: 1px solid #e5e5e5 !important;
    }

    table td a{
      display: inline-block;
    }

    /* table formatting v2 -----------------*/

.tab_format2 {
	border-collapse: separate;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
    }
    .tab_format2 td {
	padding: 5px;
	line-height: 1.5;
    }
    .post-content2  .tab_format2 td p{
      padding: 0px 0px 10px;
    }
    .tab_format2 tr:first-child2 td p{
      padding: 0px;
      /*background-color: #fff;*/
      font-weight: bold;
    }

    .tab_format2 tr:last-child2 td{
      border-bottom: none;
    }
    .tab_format2 .table_title2 td {
	padding: 15px 10px 10px;
	font-weight: 700 !important;
    }
    .tab_format2 .table_title2 td p, .tab_format2 .table_title td div{
      font-weight: 700;
      font-size: 14px;
      color: #222;
      margin: 0px;
      padding: 0px;
    }

    .table_title2 td {
	padding: 15px 10px 10px;
	font-weight: 700 !important;
    }

    table td a{
      display: inline-block;
    }

    /* simple table styling -----------------*/

    /*------------------------------------- RESET TABLE ----*/

    .post-content  .tab_reset td p{
      margin: 0px !important;
      padding: 0px !important;
    }
    .post-content  .tab_reset{
      margin: 0px !important;
    }


    .post-content table p {
      padding: 0px 0px 20px;
    }
    .post-content li > p {
      padding: 0px;
    }

    .post-content strong {
      font-size: 14px;
    }
    .post-content .subtitle, .post-content .subtitle strong {
      color: #058;
      font-size: 14px;
      font-weight: bold;
    }

    .post-content a {
      color: #003366;
    }
    .post-content a:hover {
      color: #0088cc;
    }

    .post-content blockquote {
      padding: 0px 0px 0px 50px;
      border: none;
    }

    .post-content ol{
      list-style: decimal;
      padding-left: 20px;
    }
    .post-content ul {
      list-style:none;
      list-style-position: inside;
    }

    .post-content li{
      color: #333;
      font-size: 12px;
      font-weight: normal;
      padding-bottom: 25px;
      line-height: 1.5;
    }
    .post-content ul li{
      background: url('../img/arrow_menu.png') no-repeat left 3px;
      margin-left: 10px;
      margin-bottom: 5px;
      padding: 0px 0px 0px 15px;
    }
    .post-content li strong {
      font-size: 12px;
    }

    .post-content ol li h6 {
      margin: 30px 20px 0px -20px;
      font-size: 13px;
      font-weight: 600;
      color: #333;
    }

    .post.type-post {
      margin-bottom: 30px;
      border-bottom: 1px dotted #ccc;
    }
    #nav-below h1 {
      font-size: 15px;
    }


    .mybold   {
      font-weight: bold;
    }

    .gen_content_detail ol {
      padding-left: 20px;

    }
    .gen_content_detail ol li {
      color:#666666;
      font-size: 12px;
      font-weight: normal;
      padding-bottom: 25px;
      line-height: 1.5;
    }

    ul.standard {
      padding-top: 5px;
    }

    ul.standard li{
      color:#000;
      font-size: 12px;
      font-weight: normal;
      list-style: none;
      background-image:url(../img/ul_standard_li.png);
      background-repeat: no-repeat;
      background-position:left 2px;
      padding-left: 20px;
      padding-bottom: 14px;
    }


    .gen_content_detail h6{
      color:#006699;
      font-size: 14px;
      font-weight: normal;
      text-transform: uppercase;
      line-height: 1.3;
    }

    .gen_content_detail h5{
      color:#006699;
      font-size: 18px;
      font-weight: bold;
      text-transform: capitalize;
      line-height: 1.5;
    }

    .gen_content_detail ol p.ol_bold_333 {
      font-weight: bold;
      color: #333;
      line-height: 1.7;
      margin-left: -20px;
    }

    .gen_content_detail p.bold_333 {
      font-weight: bold;
      color: #333;
      line-height: 1.7;
    }

    .thirtythree{
      width:33%;
      float:left;
      padding-bottom: 25px;
    }

    .img_botom_speech {
      width:15%;
      min-height: 35px;
      padding-left: 5px;
      float:left;
    }

    .txt_botom_speech {
      width:70%;
      min-height: 35px;
      padding-right: 10px;
      float:left;
    }

    .txt_botom_speech p {
      font-size: 12px;
      font-weight: bold;
      color:#003366;
      line-height: 1.3;
    }
    .txt_botom_speech:hover p{
      color: #006699;
    }



    span.txt_botom_speech_date {
        font-size: 11px;
        color:#000000;
        text-transform: uppercase;
        font-weight: bold;
    }



  .news_white_wrap {
      background-color: #FFFFFF;
      margin-left: 10px;
      margin-right: 10px;
      min-height: 600px;
      padding-top: 12px;
      padding-left: 12px;
      padding-right: 10px;
      padding-bottom: 25px;

  }

  .news_slider_text {
      width: 100%;
      height: 65px;
      padding-left: 15px;
      background-color: #000;
      position: absolute;
      z-index: 12;
      margin-top: 270px;
      opacity:0.8;
      filter: alpha(opacity=80);

  }

  .news_slider_text h6{
    font-size: 14px;
    color:#fff;
    font-weight: bold;
    margin-top: 15px;
    width:90%;
  }


  .news_slider_text p{
    margin-top:20px;
    font-size: 11px;
    color:#fff;
    font-weight: normal;
    margin-top: 7px;
    line-height: 1.3;
    width:90%;
  }

  .news_slider_nav {
    text-align: right;
    margin-top:-60px;
    margin-right:25px;
    position: relative;
    z-index: 15;

  }

  .news_page_deatil_container {
    margin: 50px 0px 20px;
    overflow: hidden;
    height: auto;
    min-height: 550px;
  }

  .news_page_deatil_heading{
    margin-top:30px;
    padding-bottom: 25px;
    font-size: 16px;
    color:#000000;
    font-weight: bold;
  }

  .news_thirtythree{
    width:30%;
    float:left;
    padding-bottom: 25px;
    padding-left: 3%;
  }

  .items_detail {
    padding-bottom: 25px;
    padding-left: 3px;
  }
  .items_detail a:hover{
    text-decoration: none;
  }
  .items_detail a:hover .sp_txt {
    color: #0088cc;
  }

  .no-detail .items_detail {
    background: url(../img/arrow_menu.png) no-repeat left 3px;
    padding: 0px 18px 15px;
  }

  .sp_date{
      font-size: 11px;
      color:#000;
      font-weight: bold;
      padding-bottom: 2px;
  }
  .subpage-newsmedia .sp_date{
      font-size: 11px;
  }


  .sp_txt {
    color:#003366;
    font-size: 12px;
    font-weight: bold;
  }

  .sp_txt:hover {
    text-decoration: underline;
  }

  .sp_date:hover{
    text-decoration: none;
  }
  .news_view_more {
    color:#ff3300;
    font-size: 12px;
    background-color: #fff;
    padding-left: 3px;
  }

  .news_view_more_dots{
    width: 100%;
    height: 20px;
    background-image: url(../img/news_view_more_dots.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-align: right;
  }

    .subpage-newsmedia .news_view_more_dots{
      margin: 44px 0px 0px 44px;
      text-align: left;
      padding-left: 100px;
    }

    .news_view_more_dots a:hover{
       color:#ff3300;
       text-decoration: underline;
    }

    .pagination a {
      text-decoration: none !important;
      border-bottom: 1px solid #ffb8b0;
      padding: 0px;
      margin: 0px 5px;
    }
    .pagination a:hover {
      color: #666;
    }

    .pagination a.active {
      color: #666;
      border-bottom: none;
    }

    .photo_video_heading {
      margin-top:65px;
      padding-bottom: 25px;
    }

    .photos_video_container_left{
      width:30%;
      float: left;
      padding-right: 3.3%;
    }


    .photos_video_container_center{
      width:30%;
      float: left;
      padding-right: 1.65%;
      padding-left: 1.65%;
    }



    .photos_video_container_right{
      width:30%;
      float: right;
      padding-left: 3.3%;
    }

    .photo-video .photos_video_container_item {
      width: 230px;
      margin: 0px 20px 20px 0px;
    }

    .single-gallery .ngg-gallery-thumbnail-box{
      margin: 10px 20px 10px 0px;
    }

    .photos_video_container_item {
      float: left;
      width: 190px;
      min-height: 245px;
      border: 1px solid #cccccc;
      border-radius: 7px;
      text-align: center;
      padding-top: 6px;
      margin: 0px 40px 40px 0px;
    }
    .photos_video_container_item:last-child{
      margin-right: 0px;
    }

    .page-video .photos_video_container_item{
      width: 255px;
      min-height: 280px;
      margin: 0px 60px 40px 0px;
    }

    .photos_video_container_item > a{
      display: block;
      min-height: 245px;
    }

    .photos_video_container_item img{
      width: 95%;
    }
    .page-video .myvideos .playbtn{
      position: absolute;
      width: 55px;
      height: 55px;
      margin: 70px 100px;
      z-index: 10;
      background: url(../img/YouTube-btn1.png) no-repeat left center;
      background-size: 55px;
      opacity: 0.9;
    }
    .page-video .myvideos:hover .playbtn{
      background: url(../img/YouTube-btn-hover1.png) no-repeat left center;
      background-size: 55px;
      opacity: 1;
    }

    #video_sidebar .myvideos .playbtn{
      margin: 50px 100px;
    }


    .row-media .photo_video_txt{
      padding: 5px 10px;
      font-size: 12px;
      font-weight: bold;
    }
    .page-video .myvideos .photo_video_txt{
      font-size: 13px;
      text-transform: uppercase;
    }

    .photo_video_detail {
      text-align: left;
      width: 95%;
      padding-top: 5px;
      margin: 0 auto;
    }

    .photo_video_img {
      width: 35px;
      min-height: 35px;
      float: left;

    }

    .photo_video_txt {
      padding-left: 45px;
      padding-top: 5px;
      color:#003366;
      font-size: 11px;
      padding-bottom: 5px;
      text-transform: capitalize;
    }

    .photos_video_container_item:hover{
      background-color: #ededed;
      cursor: pointer;
    }

    .photos_video_container_item a:hover{
      text-decoration: none;
    }

    .span12_spcl {
      width:847;
      padding-left: 175px;

    }

    .blue {
      color:#006699;
    }

    .italic_666 {
      color: #666;
      font-style: italic;
    }
    ul.spcl_higlights {
     padding-left: 20px;
    }
    #specialInterestContent .spcl_higlights {
      display: none; 
    }
    #specialInterestContent #sipage-1{
      display: block;
    }

    ul.spcl_higlights li{
      font-size: 13px;
      color: #003366;
      list-style: none;
      padding-bottom: 10px;
    }

    ul.spcl_higlights li:hover{
      text-decoration: underline;
      cursor: pointer;
    }

    .spcl_higlights a {
        color: #036;
    font-weight: 700;
    font-size: 11px;
    }

  .content2_image_wrap {
      float: left;
      padding-left: 2.5%;
      width: 32.5%;
      padding-top: 10px;
      padding-bottom: 15px;
  }

  .content2_image_txt {
    float: left;
    font-size: 12px;
    padding-bottom: 8px;
    padding-right: 10%;
    width: 55%;
  }

  .content2_image_txt ul {
      margin-left: 10px;
      margin-top: 10px;
  }
  .content2_image_txt ul li {
      background-image: url("../img/content_small_blue_arrow.png");
      background-position: left 6px;
      background-repeat: no-repeat;
      border-bottom: 1px solid #CCCCCC;
      list-style: none outside none;
      padding-bottom: 5px;
      padding-left: 15px;
      padding-top: 4px;
      margin-bottom: 2px;
  }
  .content2_image_txt ul li a {
      color: #333333;
      font-size: 12px;
  }
  .content2_image_txt ul li a:hover {
      color: #006699;
      text-decoration: none;
  }
  .content2_image_txt a.myright {
      clear: both;
      color: #333333;
      cursor: pointer;
      float: right;
      font-size: 10px;
      text-transform: uppercase;
  }

  .jCarouselLite {
    padding-left: 15px;
    margin-bottom:25px;
    overflow: hidden;
  }

  #newarival {
    margin-left: 75px;
  }

  .crsl_hover li{
    margin-left: 3px;
    margin-right: 3px;
    min-width:135px;
    min-height:90px;

  }

  .my_active {
   display: none;
  }

  .crsl_txt {
    position: absolute;
    margin-top: 60px;
    width: 95px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    color:#666;
    font-weight: bold;
    text-align: center;
  }

  .crsl_next {
    float: right;
  }
  .crsl_next img{
    position: absolute;
    margin-top: -50px;
    margin-left: -15px;
    cursor: pointer;
  }

  .crsl_prev img{
    position: absolute;
    margin-top: 41px;
    margin-left: -20px;
    cursor: pointer;
  }



  .my_active img{
  position: relative;
  }


  .big_headings{
    width:100%;
    min-height:10px;
    background-image: url("../img/bg_big_heading.jpg");
    background-repeat: repeat-x;
    background-position:0px 8px;
    text-align:center;
    margin-top:25px;
    margin-bottom:15px;
  }



    .big_headings h5{
  font-size:14px;
  font-weight:normal;
  text-transform:uppercase;
  color:#999999;

  }

  .txt_cover{
  background-color:#fff;
  padding:0px 10px 0px 10px;
  }

  #fblike_top{
  margin-left:26px;
  }


.pad_btm{
  padding-bottom:15px;
  }

#video_container_wrap {
  padding-left: 30px;
  padding-right: 30px;
  margin-left: 13px;
  margin-right: 10px;

}


#video_container {
  width: 245px;
  height: 145px;
  overflow: hidden;
  padding:5px 0px 0 5px ;
  background-color:#fff;
  border-radius:5px;
  margin-bottom:40px;
  position:relative;
  z-index:99;
}

#video_nav {
  position:absolute;
  margin-top:50px;
  z-index:1;
}

#v_left {
  margin-left:-25px;
}

#v_right {
  margin-left:245px;
}

#video_sidebar .item {
  display:none;
}

#video_sidebar .active {
  display:block;
}

#video_sidebar .myvideos{
  display: block;
  width: 240px;
  height: 140px;
  overflow: hidden;
}

#video_sidebar .item img {
  /*margin-top: -20px;*/
  width: 240px;
}


p#ask_sc {
  text-align:justify;
  padding:5px 10px 5px 5px;
  font-size:10px;
  margin-bottom:10px;
}


.menutabs {
  position:absolute;
  margin-top:10px;
  z-index:1;
}


.menutabs div.tab-content {
  overflow:visible;
}

#menutablinks{
  margin:0px 0px 0px 200px;
}

div.menutabs ul#menutablinks.nav li a {
  font-size:11px;
}

div.menutabs ul#menutablinks.nav li.active a {
  background-color:#016597;
  border:none;
  color:#fff;
  text-shadow:none;
}

div.menutabs ul#menutablinks.nav li a {
  background-color:#ffcc00;
  border:none;
  color:#000;
  text-shadow:1px 1px #f0f0f0;
}


div.menutabs .nav {
    list-style: none outside none;
    margin-bottom: 0px;
    margin-left: 0;
}



.menutabs .nav-tabs{
  border:none;
}


ul#j_control.nav li.dropdown ul.dropdown-menu li a.jquery_control_padding {
text-shadow:none;
}
ul#j_control.nav li.open a#height_controler.dropdown-toggle span.menu_sub_ttl  {
text-shadow:none;
}

ul#j_control.nav li.open a#height_controler {
text-shadow:none;
}



    /*------------- IF USER LOGGED IN ---------------*/

.logged-in #fixed_header{
  top:28px;
}



 /*------------------- FORM  ---------------------*/

.with_frm_style .frm_form_fields input,
#wpcontent .with_frm_style .frm_form_fields select,
.with_frm_style .frm_form_fields select,
.with_frm_style .frm_form_fields textarea{
  width: auto !important;
}

.form-wrapper .frm_top_container{
  margin-bottom: 35px;
}

.form-wrapper .frm_form_field.frm_first_half input[type=text],
.form-wrapper .frm_form_field.frm_last_half input[type=text]{
  width: auto !important;
}

.form-wrapper{
  padding: 20px 30px;
}

.form-wrapper .frm_error_style {
  color: #f30;
  margin: 0px 0px 20px;
  background-color: #fec;
  padding: 5px 10px;
}

.form-wrapper fieldset {
  display: block;
  min-width: 300px !important;
}

.form-wrapper .frm_form_fields input[type=text], .form-wrapper .frm_form_fields textarea {
  width: 80% !important;
}

.form-wrapper .frm_form_fields textarea {
  min-height: 120px;
}

.form-wrapper .frm_description {
  font-size: 12px;
  line-height: 17px;
  margin: 5px 0px;
  width: 96%;
}
.frm_submit input[type="submit"] {
  padding: 6px 18px;
  color: #036;
  font-weight: 500;
}


    /*------------------ LODGE COMPLAINT FORM  ------------------*/
.form-wrapper.lodge-complaint{
  
}

.form-section {
  display: none;
}
.form-section#sectionA{
  display: block;
}

.form-wrapper strong {
  font-weight: bold;
  color: #261b14;
}

.form-heading {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #046;
  padding-bottom: 10px;
  border-bottom: 1px solid #046;
  margin: 20px 5px 30px;
}
.form-heading span {
  font-weight: 700;
}

.block-statement {
  margin: 20px 0px;
  padding: 10px 20px 10px;
  background-color: #ffc;
}

.block-statement.hav-border {
  border: 1px solid #261b14;
}

.block-statement p {
  padding: 0px;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  color: #261b14;
  font-weight: 700;
}

.line-separator{
  clear: both;
  height: 10px;
  border-bottom: 1px solid #aaa;
  margin: 20px 0px;
}
.line-separator.small-gap{
  border-bottom: 1px dashed #ccc;
}

.block-input {
  min-height: 30px;
  height: auto;
  margin-bottom: 20px;
  clear: both;
  overflow: hidden;
}
.block-input.advanced-question {
  margin: 30px 0px;
}
.long-question {
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  color: #261b14;
  padding: 6px 15px 0px 0px;
  line-height: 16px;
}

.block-input .input-label {
  float: left;
  width: 154px;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  color: #261b14;
  text-align: right;
  padding: 6px 15px 0px 0px;
  line-height: 16px;
}

.block-input .hasInput {
  float: left;
  width: 475px;
  margin-left: 5px;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
}

.hasInput label.error {
  margin-left: 10px;
  color: #f80 !important;
  font-size: 11.5px;
}

.dropdown-wrap label.error {
  position: absolute;
  height: 26px;
  width: 130px;
  margin: 4px 10px 0px 4px;
  padding: 0px;
  text-align: left;
  line-height: 14px;
  font-size: 11.5px;
}

.subInput-wrap, .checkbox-wrap, .radio-wrap {
  height: 20px;
  margin: 13px 0px;
}
.subInput-wrap {
  float: left;
  width: 209px;
}

.block-input .input-label span {
  font-size: 11px;
  color: #f00;
  padding-left: 5px;
}

.block-input .hasInput input[type=text],.block-input .hasInput textarea  {
  width: 80%;
  height: 20px;
  border-radius: 3px;
}
.hasInput input[type=text].text-m{
  width: 100px;
  height: 20px;
  border-radius: 3px;
  padding: 2px;
}
.block-input .hasInput textarea  {
  min-height: 100px;
  max-width: 80%;
}

.hasInput input[type=file] {
  border-radius: 3px;
  padding: 2px;
  font-size: 12px;
}

.block-input .radio-wrap {
  float: left;
  margin: 3px 30px 0px 0px;
}
.radio-wrap input {
  float: left;
  margin-right: 10px;
}
.block-input .radio-wrap label {
  float: left;
  margin: 2px 0px;
  font-size: 12px;
}

.checkbox-wrap input {
  float: left;
  margin-right: 10px;
}
.block-input .checkbox-wrap label{
  float: left;
  width: 90%;
  margin: 2px 10px 0px 0px;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  color: #333;
}

.subInput-wrap input {
  float: left;
  margin: -5px 0px;
}
.block-input .subInput-wrap label{
  float: left;
  margin: 2px 10px 0px 0px;
  font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;
  color: #333;
}

.block-action{
  min-height: 26px;
  margin-top: 30px;
  text-align: center;
  padding: 4px;
}
.block-action.hav-bg{
  background-color: #FE9;
}

.block-action .previousstep{
  float: left;
}
.block-action .nextstep{
  float: right;
}

.condition2 #sectionB .nextstep{
  display: none;
}

.block-action input[type=submit]{
  float: right;
  border-radius: 2px;
  padding: 5px 10px;
  font-size: 15px;
  text-transform: uppercase;
  color: #000;
}

.submitForm {
  display: none;
}

.endform .submitForm {
  display: block;
}


/*--------- END of form style -------------------*/



  /* footer links */
.col-links .span2{
  width: 162px;
}



/* Fix BNM and Bursa Logo Spacing */

.bnm-logo {
    padding-left: 16px;
    margin-right: -16px;
}

.bursa-logo {
    padding-left:10px;
    margin-right:-10px
}

    /*--------------------------------- SITEMAP page styles -----*/

.sitemap-links .children {
  margin: 10px 30px;
}

.sitemap-links .children a{
  font-size: 12px;
  background-image:url(../img/arrow_menu.png);
  background-repeat: no-repeat;
  background-position:left 5px;
  margin-left: 15px;
  padding-left: 25px;
  color: #666666;
  font-weight: bold;
}



 /* dropdown button */
  .btn-toggle {
    display: none;
    position: relative;
    background-color: #222;
    border: 1px solid #222;
    border-radius: 4px 4px 4px 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 7px 8px;
  }
  .btn-toggle:hover {
    background-color: #111;
    border: 1px solid #111;
    }

  .btn-toggle .iconbar {
    border-radius: 1px 1px 1px 1px;
    display: block;
    height: 2px;
    width: 22px;
    background-color: #FFF;
    margin: 3px 0px;
  }



  /*------------------------------------------  FIX STYLING ON RESOLUTION (720x1280 : HTC ONE X)  */
/* HTC ONE X css pixel ratio is 2.0 = 1280/2 = 640 , iPhone 4S is 2.0 = 960/2 = 480 */
@media screen and ( min-width : 320px) and (max-width : 640px) and (orientation : portrait)  {
  
  body{
    padding: 0px;
    overflow-x: hidden;
  }

  .bg_header {
    height: 156px;
    background-size: auto 156px;
  }

  .mainlogo {
    margin: 0px 10px;
  }

  .mainlogo img {
    width: 40%;
  }

  .span1.select_lang {
    width: 100px;
    height: 32px;
    position: absolute;
    right: 0px;
    top: 0px;
  }


  .span3.searchform {
    width: 200px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 23px;
  }


      /*------------ Fix page with sidebar -------*/
  .white_wrap {
    padding: 0px 10px;
    margin: 0px 7px 20px;
  }

  .gen_left_content_container {
    float: none;
    width: 98%;
    margin: 225px 5px 0px;
  }

  .btn-sidebar {
    position: absolute;
    width: 63px;
    height: 35px;
    margin: -40px 10px;
  }
  .btn-sidebar .sidebar-toggle{
    background-color: #f4f4f4;
    border: none;
    border-radius: 0px;
    padding: 4px;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
  }
  .sidebar-toggle .iconbar{
    display: block;
    height: 2px;
    width: 22px;
    background-color: #222;
    border-radius: 1px 1px 1px 1px;
    margin: 3px 0px;
  }

  .gen_left_sidebar_container {
    position: absolute;
    width: 60%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #333;
    margin: 20px 0px 0px 0px;
    padding: 0px 15px;
    left: -80%;
  }


      /*--------- fix form ---*/
  .form-wrapper {
    padding: 20px 10px;
  }
  .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half{
    width: 100%;
    margin-bottom: 5px !important;
  }


  /*----------- Menu styling ---------*/
  .menutabs {
    min-height: 144px;
  }

  #menutablinks {
    margin-top: 110px;
    margin: 110px 0px 0px 10px;
  }

  div.menutabs ul#menutablinks.nav li a {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 5px;
    background: none !important;
    text-shadow: none !important;
  }

  .top_search input.txt {
  float: none;
  margin: 20px 7px 0px;
  }

  .top_search .btn-faq {
    float: none;
    margin: 5px 0px 0px 115px;
  }


  .nav-collapse, .nav-collapse.collapse{
    position: absolute;
    height: auto !important;
    width: 328px;
    left: 0px;
    margin: 0px;
    background-color: #104979;
    border-radius: 0px 0px 10px 10px;
    padding: 0px 20px 30px;
  }

  .nav-collapse.in{
    padding: 30px 20px 40px;
    border: 2px solid #034;
  }


  .btn-dropdown {
    width: 360px;
    background-color: #104979;
    padding: 4px 5px;
  }

  .btn-toggle {
    float: none;
    margin: 5px 28px;
    padding: 4px 5px;
    display: block;
  }
  .btn-toggle .iconbar {
    width: 18px;
    height: 2px;
  }

  .span12_spcl {
    min-height: 115px;
    display: none;
  }

  .nav-collapse ul {
    padding: 0px;
  }

  .nav-collapse.in ul {
    padding: 0px;
  }

  .navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a{
    font-size: 12px;
    color:#EEEEEE;
  }



        /*------------------------- slider styling -----------*/
  .myCarousel_container {
    height: 120px;
    margin-top: 185px;
  }

  .carousel .item {
    height: 120px;
  }
  .mainslider{
    width: 360px;
  }

  .carousel-control {
    top: 35px;
    width: 16px;
    right: 0px !important;
  }

  .carousel-control img {
    height: 26px;
  }



    /*-------------------------------- General Section ----*/
  .container_heading {
    padding: 15px 30px;
    font-size: 13px;
    line-height: 1.6;
    margin: 0px;
  }

  .container_items_wrap {
    padding: 0px;
  }

  .content2_image_wrap {
    width: 86px;
    padding: 10px 10px;
  }

  .span4.hover_bg{
    height: 150px;
    width: 300px;
    margin: 10px 15px;
  }
  .content2_image_wrap .image-wrap {
    height: 130px;
  }

  .content2_image_txt {
    padding-right: 0px;
    width: 190px;
    margin: 5px 0px;
  }
  .content2_image_txt ul {
    margin-left: 0px;
    margin-left: 5px;
  }


    /*------------------------- homepage-sidebar ---*/
  .span4.mysidebar_wrap {
    margin: 30px auto;
    width: 300px;
    background-size: 103%;
    overflow: hidden;
  }

  .mysidebar{
    width: 275px;
    margin: 0px auto 0px;
    padding: 20px 0px 0px;
  }

  #video_container_wrap{
    padding: 0px 25px;
    margin: 0px auto 0px;
  }
  #video_container {
    margin:0px;
  }


  .mytabs{
    width: 300px;
    margin: 30px auto 0px;
    padding: 0px;
  }

  #myTab.nav-tabs>li a {
    font-size: 12px;
    padding: 5px 8px;
  }

  .container#block-resource {
    width: 320px;
    margin: 10px auto;
    overflow: hidden;
  }

  #newarival{
    margin: 0px;
  }


      /*---------------------- Related Organisation Links Style ----*/
  .row.rel_org{
    width: 300px;
    margin: 0 auto;
  }

  .row.rel_org .span1{
    width: 100px;
    margin: 5px auto;
  }
  .row.rel_org .span2{
    width: 180px;
    margin: 5px auto;
  }

  .row.rel_org .span3{
    width: 210px;
    margin: 5px auto;
  }
  .rel_org .span3 img {
    width: 100%;
  }


      /*---------------------- Footer Links Style ----*/
  .footer-links .col-links {
    width: 320px;
    height: 580px;
  }

  .footer-links .col-links .span2 {
    width: 200px;
    height: auto;
    margin: 0px auto;
    padding: 10px 0px 20px;
    border-bottom: 1px solid #aaa;
  }
  .footer ul.footer_standard {
    margin: 20px 0px 0px;
  }

  .asksc-rss {
    width: 325px;
    height: 160px;
    margin: 20px auto 20px;
  }

  .asksc-rss > a, .asksc-rss > div {
    display: block;
    width: 180px;
    margin: 10px auto;
  }

  .asksc-rss .rssfeedlinks {
    width: 200px;
    margin: 20px auto;
  }

  .rss-link {
    width: 70px;
  }

  .rssfeedlinks a, .rssfeedlinks span {
    float: left;
    min-width: 10px;
    line-height: 22px;
  }


  .lodge_complaint {
    width: 240px;
    background-size: 100%;
  }
  .lodge_complaint h3 {
    font-size: 16px;
  }
  .lodge_complaint p {
    font-size: 11px;
  }
  .lodge_complaint img {
    width: 130px;
  }

  .general {
    width: 280px;
    margin: 10px auto 40px;
  }


}
/*------------------- end FIX STYLING ON RESOLUTION (htc one x, iphone4s)*/


  /*------------------------------------------  FIX STYLING ON RESOLUTION (720x1280 : HTC ONE X)  */
/* HTC ONE X css pixel ratio is 2.0 = 1280/2 = 640 */
@media screen and ( min-width : 321px) and (max-width : 640px) and (orientation : landscape)  {
  
  body{
    padding: 0px;
    overflow-x: hidden;
  }

 .span12, .container {
    width: 640px
  }

  .gen_left_content_container{
    width: 88%;
  }

  .btn-sidebar {
    position: absolute;
    width: 63px;
    height: 35px;
    margin: 115px 10px;
  }
  .btn-sidebar .sidebar-toggle{
    background-color: #f4f4f4;
    border: none;
    border-radius: 0px;
    padding: 4px;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
  }
  .sidebar-toggle .iconbar{
    display: block;
    height: 2px;
    width: 22px;
    background-color: #222;
    border-radius: 1px 1px 1px 1px;
    margin: 3px 0px;
  }

  .gen_left_sidebar_container {
    position: absolute;
    width: 40%;
    height: 100%;
    overflow: hidden;
    background: #FFF;
    border: 1px solid #333;
    margin: 180px 0px 0px 0px;
    padding: 0px 15px;
    left: -80%;
  }

      /*--------- fix form ---*/
  .form-wrapper {
    padding: 20px 10px;
  }
  .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half{
    width: 100%;
    margin-bottom: 5px !important;
  }

  #fixed_header{
    min-height: 100px;
  }

  .bg_header{
    height: 100px;
  }

  .mainlogo img{
    width: 143px;
  }

  .searchform {
    margin: 50px 0px 0px -10px;
    float: left;
    width: 165px;
  }
  .top_search .btn-faq{
    margin: -17px -80px 0px 0px;
  }

  .select_lang {
    margin: 50px 0px 0px 300px;
    float: left;
    width: 100px;
  }

      /* dropdown styles on ipad */
  .btn-dropdown {
    width: 100px;
    margin: 5px 136px;
  }
   .btn-toggle {
    display: block;
  }

  .span12_spcl{
    min-height: 115px;
    height: auto;
    width: 1024px;
    position: absolute;
    top: 85px;
    margin: 0px 0px 0px -7px;
    padding: 0px;
    float: none;
    clear: both;
    display: none;
    background-color: #104979;
  }

  ul.bg_sep li {
    background-image: url(../img/nav_sep.png);
    background-repeat: no-repeat;
    background-position: right top;
  }

  .btn.btn-navbar {
    display: none;
  }

  .navbar-wrapper .navbar {
    width: 700px;
    margin: 20px auto;
    background: none;
  }

  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible;
  }

  .navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #FFF;
    font-size: 12px;
    text-shadow: 1px 1px #2d2d2d;
    line-height: 13px;
  }

  .menu_sub_ttl {
    display: none;
  }

  #menutablinks {
    margin: 0px 0px 0px 180px;
  }


        /*------------------------- slider styling -----------*/
  .myCarousel_container {
    height: 255px;
    margin-top: 98px;
  }

  .carousel .item {
    height: 255px;
  }
  .mainslider{
    width: 768px;
  }

  .carousel-control {
    top: 80px;
    width: 32px;
    right: 0px !important;
  }

  .carousel-control img {
    height: 54px;
  }



        /*------------------------- General Section styling -----------*/

  #block-featured {
    width: 315px;
    float: left;
  }

  .bg_header{
    height: 100px;
  }

  #block-featured .span8 {
    width: 320px;
  }

  .container_heading {
    padding: 15px 20px;
    font-size: 13px;
    line-height: 1.6;
    margin: 0px;
  }

  .container_items_wrap {
    padding: 0px;
  }

  .content2_image_wrap {
    width: 86px;
    padding: 10px 10px;
  }

  .span4.hover_bg{
    height: 150px;
    width: 300px;
    margin: 10px 5px;
  }
  .content2_image_wrap .image-wrap {
    height: 130px;
  }

  .content2_image_txt {
    padding-right: 0px;
    width: 190px;
    margin: 5px 0px;
  }
  .content2_image_txt ul {
    margin-left: 0px;
    margin-left: 5px;
  }

    /* sidebar */
  .mysidebar_wrap {
    float: left;
    width: 325px;
    padding: 0px;
    margin: -20px 0px 0px;
    overflow: hidden;
  }

  .mytabs ul#myTab.nav li:first-child {
    margin-left: 15px;
  }
  ul#myTab.nav li a {
    background-color: #0099cc;
    font-size: 12px;
    color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    height: 17px;
  }

    /*----------------- related organisation -----------------*/
  .row.rel_org{
    width: 600px;
    margin: 0 auto;
  }

  .row.rel_org .span1{
    width: 80px;
    margin: 5px auto;
  }
  .row.rel_org .span2{
    width: 165px;
    margin: 5px auto;
  }

  .row.rel_org .span3{
    width: 190px;
    margin: 5px auto;
  }
  .rel_org .span3 img {
    width: 100%;
  }


  .col-links {
    float: none;
    width: 500px;
    min-height: 200px;
    margin: 0px auto 20px;
  }
  .col-links .span2 {
    float: left;
    width: 162px;
  }
  .asksc-rss {
    float: left;
    width: 170px;
    min-height: 100px;
    margin: 0px 20px 0px 50px;
  }
  .footer-links .span4 {
    width: 300px;
    float: left;
  }

  .lodge_complaint {
    margin-left: 0px;
  }

}
/*----------- END of (321x640)-------------*/


  /*------------------------------------------  FIX STYLING ON RESOLUTION (1024x768 : IPAD Landscape)  */

@media screen and ( min-width : 769px) and (max-width : 1024px) and (orientation : landscape)  {
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)  {*/

  body{
    padding: 0px;
    overflow-x: hidden;
  }

  .span12, .container {
    width: 1000px;
  }

  .form-wrapper {
    padding: 20px 10px;
  }

  #fixed_header{
    min-height: 100px;
  }

  .bg_header{
    height: 100px;
  }

 

  .mainlogo img{
    width: 143px;
  }

  .searchform {
    margin: 3px 0px;
  }

  .select_lang {
    margin: 3px 0px 0px -15px;
  }

      /* dropdown styles on ipad */
  .btn-dropdown {
    width: 100px;
    margin: 5px 136px;
  }
   .btn-toggle {
    display: block;
  }

  .span12_spcl{
    height: 115px;
    width: 1024px;
    position: absolute;
    top: 85px;
    margin: 0px 0px 0px -7px;
    padding: 0px;
    float: none;
    clear: both;
    display: none;
    background-color: #104979;
    /*background-image: url(../img/bg_blue.png);
    background-repeat: repeat-x;
    background-size: auto 300%;
    background-position: 10px -200px;*/
  }

  .navbar-wrapper .navbar {
    width: 910px;
    margin: 20px auto;
  }

  #menutablinks {
    margin: 0px 0px 0px 180px;
  }

  .myCarousel_container{
    margin: 100px auto 0px;
    width: 1000px;
    overflow: hidden;
  }

  #block-featured {
    width: 660px;
  }

  .bg_header{
    height: 100px;
  }

  .container_heading {
    margin: 20px;
  }

  .span4.hover_bg {
  width: 315px;
  margin-left: 15px;
  }


      /*--------- Related Organisation Links Style ----*/
  .row.rel_org{
    width: 934px;
    margin: 0 auto;
  }

  .row.rel_org .span1{
    width: 80px;
    margin: 5px auto;
  }
  .row.rel_org .span2{
    width: 150px;
    margin: 5px auto;
  }

  .row.rel_org .span3{
    width: 200px;
    margin: 5px auto;
  }
  .rel_org .span3 img {
    width: 100%;
  }

    /*----------------- footer links */
  .span2.asksc-rss {
    margin-left: -40px;
  }
}

/*----- end FIX STYLING ON RESOLUTION (IPAD landscape)*/


  /*------------------------------------------  FIX STYLING ON RESOLUTION (1024x768 : IPAD potrait)  */

@media screen and ( min-width : 768px) and (max-width : 1024px) and (orientation : portrait)  {
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)   {*/
  body{
    padding: 0px;
    overflow-x: hidden;
  }
  .span12, .container {
    width: 768px;
  }
  
      /*--------- fix form ---*/
  .form-wrapper {
    padding: 20px 10px;
  }
  .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half{
    width: 100%;
    margin-bottom: 5px !important;
  }

  #fixed_header{
    min-height: 100px;
  }

  .bg_header{
    height: 100px;
  }

 

  .mainlogo img{
    width: 143px;
  }

  .searchform {
    margin: 50px 0px 0px 0px;
  }
  .top_search .btn-faq{
    margin: -17px -80px 0px 0px;
  }

  .select_lang {
    margin: 50px 0px 0px -100px;
  }

      /* dropdown styles on ipad */
  .btn-dropdown {
    width: 100px;
    margin: 5px 136px;
  }
   .btn-toggle {
    display: block;
  }

  .span12_spcl{
    min-height: 115px;
    height: auto;
    width: 1024px;
    position: absolute;
    top: 85px;
    margin: 0px 0px 0px -7px;
    padding: 0px;
    float: none;
    clear: both;
    display: none;
    /*background-image: url(../img/bg_blue.png);
    background-repeat: repeat-x;
    background-size: auto 200%;*/
    background-color: #104979;
  }

  ul.bg_sep li {
    background-image: url(../img/nav_sep.png);
    background-repeat: no-repeat;
    background-position: right top;
  }

  .btn.btn-navbar {
    display: none;
  }

  .navbar-wrapper .navbar {
    width: 700px;
    margin: 20px auto;
    background: none;
  }

  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible;
  }

  .navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #FFF;
    font-size: 12px;
    text-shadow: 1px 1px #2d2d2d;
    line-height: 13px;
  }

  #menutablinks {
    margin: 0px 0px 0px 180px;
  }


        /*------------------------- slider styling -----------*/
  .myCarousel_container {
    height: 255px;
    margin-top: 98px;
  }

  .carousel .item {
    height: 255px;
  }
  .mainslider{
    width: 768px;
  }

  .carousel-control {
    top: 80px;
    width: 32px;
    right: 0px !important;
  }

  .carousel-control img {
    height: 54px;
  }



        /*------------------------- General Section styling -----------*/

  #block-featured {
    width: 400px;
  }

  .bg_header{
    height: 100px;
  }

  #block-featured .span8 {
    width: 420px;
  }

  .container_heading {
    padding: 15px 30px;
    font-size: 13px;
    line-height: 1.6;
    margin: 0px;
  }

  .container_items_wrap {
    padding: 0px;
  }

  .content2_image_wrap {
    width: 86px;
    padding: 10px 10px;
  }

  .span4.hover_bg{
    height: 150px;
    width: 300px;
    margin: 10px 35px;
  }
  .content2_image_wrap .image-wrap {
    height: 130px;
  }

  .content2_image_txt {
    padding-right: 0px;
    width: 190px;
    margin: 5px 0px;
  }
  .content2_image_txt ul {
    margin-left: 0px;
    margin-left: 5px;
  }

    /* sidebar */
  .mysidebar_wrap {
    width: 335px;
    margin: -15px 10px;
  }

  .mytabs ul#myTab.nav li:first-child {
    margin-left: 15px;
  }
  ul#myTab.nav li a {
    background-color: #0099cc;
    font-size: 12px;
    color: #fff;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    height: 17px;
  }

    /*----------------- related organisation -----------------*/
  .row.rel_org{
    width: 600px;
    margin: 0 auto;
  }

  .row.rel_org .span1{
    width: 80px;
    margin: 5px auto;
  }
  .row.rel_org .span2{
    width: 165px;
    margin: 5px auto;
  }

  .row.rel_org .span3{
    width: 190px;
    margin: 5px auto;
  }
  .rel_org .span3 img {
    width: 100%;
  }

    /* footer links*/
  .col-links {
    float: none;
    width: 580px;
    min-height: 200px;
    margin: 0px auto 20px;
  }
  .asksc-rss {
    float: left;
    width: 180px;
    min-height: 100px;
    margin: 0px 20px 0px 120px;
  }
  .footer-links .span4 {
    float: left;
    width: 300px;
  }

  .lodge_complaint {
    margin-left: 0px;
  }

}




/*------------------- end FIX STYLING ON RESOLUTION (ipad potrait)*/