div.widget {
  margin-bottom: 10px;
}

div.widget div.header {
  border-bottom: 1px solid #777777;
  color: #555555;
  margin-bottom: 10px;
}

div.widget div.header h4 {
  margin-bottom: 5px;
  padding: 0;
}

.media {
  border-bottom: none;
  padding-bottom: 7px;
}

.media, .media-body {
  overflow: visible !important;
}

/* added clearfix in media and media-body instead of overflow hidden */
.media,
.media-body {
  *zoom: 1;
}

.media:before,
.media-body:before,
.media:after,
.media-body:after {
  display: table;
  line-height: 0;
  content: "";
}

.media:after,
.media-body:after {
  clear: both;
}

.media:last-child {
  border-bottom: none;
}

.meta li {
  border-right: 1px solid #CCCCCC;
}

.meta li:last-child {
  border-right: none;
}

div.inline-image {
  margin: 0 10px 3px 0;
  padding: 0;
  position: relative;
}

div.inline-image img {
  margin: 0;
  padding: 0;
  border: none;
}

/* css design for carousel group (carouselGroup.css) */

div.carouselGroup {
  clear: both;
  overflow: hidden;
  margin: 0 0 20px 0;
  padding: 0;
}

div.carouselGroup div.content {
  padding: 10px 10px 0 10px;
  border: 1px solid #D9D9D9;
}

div.carouselGroup div.controller {
  border: 1px solid #D9D9D9;
  border-top: none;
  position: relative;
  height: 22px;
  overflow: hidden;
}

div.carouselGroup div.controller .navigation {
  height: 10px;
  margin: 6px auto 6px auto;
}

div.carouselGroup div.controller div.navigation a {
  width: 8px;
  height: 8px;
  float: left;
  margin: 1px 3px 1px 3px;
  background: url('../gfx/navigator.png') 0 0 no-repeat;
  display: block;
  font-size: 1px;
}

div.carouselGroup div.controller div.navigation a:hover {
  background-position: 0 -8px;
}

div.carouselGroup div.controller div.navigation a.active {
  background-position: 0 -16px;
}

div.carouselGroup div.controller div.previousNext {
  width: 44px;
  height: 16px;

  position: absolute;
  right: 8px;
  top: 3px;
}

div.carouselGroup div.controller div.previousNext div.previous {
  float: left;
  width: 22px;
  height: 16px;
  background: transparent url('../gfx/CarouselGroupPrevious.png') no-repeat scroll 0 0;
}

div.carouselGroup div.controller div.previousNext div.next {
  float: left;
  width: 22px;
  height: 16px;
  background: transparent url('../gfx/CarouselGroupNext.png') no-repeat scroll 0 0;
}

div.widget-div-main {
  position: relative;
  background-color: darkgray;
  height: 50px;
  border-style: solid;
  border-width: 1px;
  margin: 2px 2px 2px 2px;
}

div.widget-div-main h1 {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 10px;

}

div.widget-div-popup {
  border-style: solid;
  border-width: 1px;
  padding: 20px 10px 10px 30px;
  position: absolute;
  z-index: 10;
  height: auto;
  color: #FF0000;
  font: 14px Verdana, Arial, Helvetica, sans-serif;
  background-color: gainsboro;
  display: none;
}

div.popup-panel {
  margin: 10px 0 0 0;
}

button.popup-button {
  position: absolute;
  top: 0px;
  right: 0px;
}

/*error-style css*/

.error-page .logo img {
  padding: 0px 0px 0px 10px;
}

.error-page .subtitle img {
  padding: 0px 0px 0px 10px;
}

.error-page .title {
  font-weight: bold;
  font-size: 20px;
}

/*css design for master widget*/

p.master-widget-nesting-limit-error {
  color: red;
  background-color: inherit;
  margin: 0 0 10px 0;
}

/*tab styles */

div.tabbingGroup {
  margin: 0 0 20px 0;
  overflow: visible;
  clear: both;
}

div.tabbingGroup div.tabbingGroupItem {
  overflow: visible;
}

div.tabbingGroup div.tabbingGroupItem div.header {
  overflow: visible;
}

div.tabbingGroup ul.tabs {
  clear: both;
  text-transform: uppercase;
  font-size: 10px;
  padding: 1px 0 0 0;
  list-style: none;
}

div.tabbingGroup ul.tabs li {
  margin: 0;
  padding: 0;
  display: inline;
}

div.tabbingGroup ul.tabs li a {
  color: #004E8C;
  background-color: inherit;
  text-decoration: none;
  margin: 0 7px 0 7px;
}

div.tabbingGroup ul.tabs li a:hover {
  color: #004E8C;
  background-color: inherit;
  text-decoration: underline;
}

div.tabbingGroup ul.tabs li a.current {
  background: url(../gfx/bg_header.png) no-repeat;
  padding: 3px 7px 8px 7px;
  margin: 0;
  line-height: 17px;
  color: #FFFFFF;
  text-decoration: none;
}

div.tabbingGroup ul.tabs li a.current:hover {
  color: #FFFFFF;
  background-color: inherit;
  text-decoration: none;
}

div.tabbingGroup div.tabPanes {
  margin: 0;
  padding: 0;
  border: 1px solid #999;
}

div.tabbingGroup div.tabPanes div.tabPane {
  margin: 20px 15px;
  overflow: hidden;
}

div.tabbingGroup div.tabbedView {
  background: none !important;
  margin-bottom: 0 !important;
}

div.tabbingGroup div.tabPaneGroup {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/*css style for accordion effect*/

div.tabbingGroup div.accordions {
  border: 1px solid #D9D9D9;
}

div.tabbingGroup div.accordions h2 {
  background: #3E6A96 url(../gfx/tabs-accordions-header-bg.png);
  margin: 0;
  padding: 5px 15px 7px 15px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: #FFFFFF;

  border: 1px solid #fff;
  border-bottom-color: #ddd;
  cursor: pointer;
}

div.tabbingGroup div.accordions h2:hover {
  color: #000;
}

div.tabbingGroup div.accordions h2.current {
  cursor: default;
  background-color: #f9f9f9;
  color: #000;
}

div.tabbingGroup div.accordions div.accordionPane {
  display: none;
  margin: 20px 15px;
  font-size: 12px;
}

/*x140x140*/

div.tabbingGroup div.tabPaneGroup div.x140x140 {
  width: 270px;
}

div.tabbingGroup div.tabPaneGroup div.x140x140 div.column-1 {
  width: 125px;
}

div.tabbingGroup div.tabPaneGroup div.x140x140 div.column-2 {
  width: 125px;
}

/*x700x220*/

div.tabbingGroup div.tabPaneGroup div.x700x220 {
  width: 910px;
}

div.tabbingGroup div.tabPaneGroup div.x700x220 div.column-1 {
  width: 685px;
}

div.tabbingGroup div.tabPaneGroup div.x700x220 div.column-2 {
  width: 205px;
}

/*x460x460*/

div.tabbingGroup div.tabPaneGroup div.x460x460 {
  width: 910px;
}

div.tabbingGroup div.tabPaneGroup div.x460x460 div.column-1 {
  width: 445px;
}

div.tabbingGroup div.tabPaneGroup div.x460x460 div.column-2 {
  width: 445px;
}

/*x380x300x220*/

div.tabbingGroup div.tabPaneGroup div.x380x300x220 {
  width: 910px;
}

div.tabbingGroup div.tabPaneGroup div.x380x300x220 div.column-1 {
  width: 370px;
}

div.tabbingGroup div.tabPaneGroup div.x380x300x220 div.column-2 {
  width: 290px;
}

div.tabbingGroup div.tabPaneGroup div.x380x300x220 div.column-3 {
  width: 210px;
}

/*x220x220x220x220*/

div.tabbingGroup div.tabPaneGroup div.x220x220x220x220 {
  width: 910px;
}

div.tabbingGroup div.tabPaneGroup div.x220x220x220x220 div.column-1,
div.tabbingGroup div.tabPaneGroup div.x220x220x220x220 div.column-2,
div.tabbingGroup div.tabPaneGroup div.x220x220x220x220 div.column-3,
div.tabbingGroup div.tabPaneGroup div.x220x220x220x220 div.column-4 {
  width: 212px;
}

/*x140x140x140x140 css styles*/

div.tabbingGroup div.tabPaneGroup div.x140x140x140x140 {
  width: 590px;
}

div.tabbingGroup div.tabPaneGroup div.x140x140x140x140 div.column-1,
div.tabbingGroup div.tabPaneGroup div.x140x140x140x140 div.column-2,
div.tabbingGroup div.tabPaneGroup div.x140x140x140x140 div.column-3,
div.tabbingGroup div.tabPaneGroup div.x140x140x140x140 div.column-4 {
  width: 132px;
}

/*x300x300 css styles*/

div.tabbingGroup div.tabPaneGroup div.x300x300 {
  width: 590px;
}

div.tabbingGroup div.tabPaneGroup div.x300x300 div.column-1,
div.tabbingGroup div.tabPaneGroup div.x300x300 div.column-2 {
  width: 285px;
}

/*x380x220*/

div.tabbingGroup div.tabPaneGroup div.x380x220 {
  width: 590px;
}

div.tabbingGroup div.tabPaneGroup div.x380x220 div.column-1 {
  width: 365px;
}

div.tabbingGroup div.tabPaneGroup div.x380x220 div.column-2 {
  width: 205px;
}

/*x220x220x140*/

div.tabbingGroup div.tabPaneGroup div.x220x220x140 {
  width: 590px;
}

div.tabbingGroup div.tabPaneGroup div.x220x220x140 div.column-1,
div.tabbingGroup div.tabPaneGroup div.x220x220x140 div.column-2 {
  width: 210px;
}

div.tabbingGroup div.tabPaneGroup div.x220x220x140 div.column-3 {
  width: 130px;
}

/*x300x140x140*/

div.tabbingGroup div.tabPaneGroup div.x300x140x140 {
  width: 590px;
}

div.tabbingGroup div.tabPaneGroup div.x300x140x140 div.column-1 {
  width: 290px;
}

div.tabbingGroup div.tabPaneGroup div.x300x140x140 div.column-2,
div.tabbingGroup div.tabPaneGroup div.x300x140x140 div.column-3 {
  width: 130px;
}

/*x460x140*/

div.tabbingGroup div.tabPaneGroup div.x460x140 {
  width: 590px;
}

div.tabbingGroup div.tabPaneGroup div.x460x140 div.column-1 {
  width: 440px;
}

div.tabbingGroup div.tabPaneGroup div.x460x140 div.column-2 {
  width: 130px;
}

/*x300x140*/

div.tabbingGroup div.tabPaneGroup div.x300x140 {
  width: 430px;
}

div.tabbingGroup div.tabPaneGroup div.x300x140 div.column-1 {
  width: 280px;
}

div.tabbingGroup div.tabPaneGroup div.x300x140 div.column-2 {
  width: 130px;
}

/*x140x140x140*/

div.tabbingGroup div.tabPaneGroup div.x140x140x140 {
  width: 430px;
}

div.tabbingGroup div.tabPaneGroup div.x140x140x140 div.column-1,
div.tabbingGroup div.tabPaneGroup div.x140x140x140 div.column-2,
div.tabbingGroup div.tabPaneGroup div.x140x140x140 div.column-3 {
  width: 130px;
}

div.tabbingGroup div.tabPaneGroup div.error {
  clear: both;
  overflow: hidden;
  margin: 10px 35px 0 0;
}

/*css style for the caption of image*/

div.image-container {
  position: relative;
}

.wf-caption {
  z-index: 0;
  background-color: #000;
  color: #ffffff;
  width: 100% !important;
  position: absolute;
  margin: 0;
  padding: 0;
  bottom: 0;
  left: 0;
}

.wf-caption-portrait {
  width:100%;
  position: absolute;
  bottom: 0px;

}
.media-body .media-heading a{
  color: #000;
}
.wf-caption-portrait .content-portrait h4 {
  font-size: 24px;
}
.wf-caption-portrait .content-portrait{
  color: black;
  z-index: 0;
  background-color: #fff;
  margin: 0 auto;
  padding: 1px 10px 1px 10px;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  font-family: JennaSue;
}

.wf-caption a, .wf-caption a {
  border: 0 none;
  text-decoration: none;
  color: #FFF;
  padding: 0.3em;
}

.wf-caption .content {
  margin: 5px;
  color: white;
}

.wf-caption .content h3 {
  margin: 0;
  padding: 5px;
  color: #FFF;
}

br.c {
  clear: both;
}

/** end of css for caption**/

.hidden {
  display: none;
}

div.widget-loader {
  position: absolute;
  background: url(../gfx/ajax-loader.gif) no-repeat;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin-left: -24px;
}

/*Flex slider styles*/

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

.flex-caption {
  background: none;
  zoom: 1;
}

.flex-caption {
  width: 100%;
  position: absolute;
  left: 2%;
  bottom: 0;
  margin-bottom: 2%;
  background: rgba(0, 0, 0, .3);
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0 0 10px;
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px
}

/* Direction Nav */
.flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(../gfx/bg_direction_nav.png) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px;
}

.flex-direction-nav .flex-prev {
  left: -36px;
}

.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}

.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .disabled {
  opacity: .3 !important;
  filter: alpha(opacity = 30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.9);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: rgba(0, 0, 0, 0.5);
}

.flex-control-paging li a.flex-active {
  background: #0088CC;
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}

/*end of flexslider style*/

.compulsory {
  color: red;
  font-size: 1.2em;
  font-weight: bold;
}

.wf-frame {
  min-height: 0;
  padding: 15px;
  background-color: #f5f5f5;
}

.wf-frame-small {
  padding: 10px;
  margin-bottom: 10px;
}

/*for time based preview*/

#time-controller {
  border-top: 1px solid #333333;
}

#time-controller #input-panel,
#time-controller #slider-panel {
  background-color: #666666;
  border: 1px solid #333333;
  border-top: 1px solid #B3B3B3;
  color: #FFFFFF;
  font-family: Helvetica, sans-serif;
  font-size: 13px;
  padding: 6px;
}

#time-controller #input-panel {
  height: 26px;
}

#time-controller #input-panel #custom-time {
  height: 12px;
  margin-bottom: 0px;
}

#time-controller .controls {
  float: right;
}

#time-controller .controls button#bRefresh {
  margin-top: 2px;
  height: 1.8em;
  width: 21px;
  position: relative;
  top: -1;
}

#time-controller .controls img {
  width: 20px;
}

#time-controller .controls button#bRefresh img {
  padding-top: 2px;
  margin: -3px;
}

#time-controller .controls button#bShowHide {
  margin-top: 2px;
  height: 1.8em;
  width: 21px;
  position: relative;
}

#time-controller .controls button#bShowHide img {
  padding-top: 1px;
  margin: -3px;
}

#time-controller #slider-panel {
  display: none;
}

#time-controller #slider-panel #slider-bubble {
  width: 62px;
  height: 14px;
  padding-top: 2px;
  margin: 0 5px -1px 5px;;
  font-size: 11px;
  background: url("../gfx/tl-bubble.png") no-repeat top left transparent;
  text-align: center;
  position: relative;
}

#time-controller #slider-panel #slider-handle {
  width: 18px;
  height: 18px;
  margin: 0 5px 0 5px;
  background: url("../gfx/tl-handle.png") no-repeat top left transparent;
}

#time-controller #slider-panel #time-line table {

}

#time-controller #slider-panel #time-line td {
  background: url("../gfx/tl-center.png") no-repeat top center transparent;
  color: #FFFFFF;
  padding-top: 7px;
  font-size: 11px;
  text-align: center;
}

#time-controller #slider-panel #time-line td.first {
  background-image: url("../gfx/tl-first.png");
  background-position: top left;
  text-align: left;
}

#time-controller #slider-panel #time-line td.last {
  background-image: url("../gfx/tl-last.png");
  background-position: top right;
  text-align: right;
}

/*style for responsive recaptcha*/

.recaptcha_widget {
  background: #EEE;
  border: 2px solid #CCC;
  margin: 0 0 10px;
}

#recaptcha_image {
  width: 100% !important;
  height: auto !important;
}

#recaptcha_image img {
  width: 100%;
  height: auto;
}

.recaptcha_is_showing_audio embed {
  height: 0;
  width: 0;
  overflow: hidden;
}

.recaptcha_is_showing_audio #recaptcha_image {
  width: 100%;
  height: 60px;
  background: #FFF;
}

.recaptcha_input {
  background: #C9E2E9;
  color: #000;
  border: 4px solid #C9E2E9;
  padding: 0 4px 4px;
}

.recaptcha_input label {
  margin: 0 0 6px;
}

.recaptcha_input input {
  width: 100%;
}

.recaptcha_options {
  list-style: none;
  height: 18px;
  margin: 4px 0 0;
}

.recaptcha_options li {
  float: left;
  margin: 0 4px 0 0;
}

.recaptcha_options li a {
  text-decoration: none;
  text-shadow: 0 1px 1px #000;
  font-size: 16px;
  color: #FFF;
  display: block;
  width: 20px;
  height: 18px;
}

.recaptcha_options li a:active {
  position: relative;
  top: 1px;
  text-shadow: none;
}

/* end of style for responsive recaptcha */

/*css for pagination in boostrap css. in boostrap 2.3 pagination support will be avialable. then we can remove this css*/
.carousel-nav {
  text-align: center;
  border: none;
}

.carousel-nav a {
  margin: 15px 5px 0px;
  background: #666;
  color: #000;
  display: inline-block;
  width: 16px;
  height: 16px;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.carousel-nav a:hover, .carousel-nav a.active {
  background: #000;
}

/* Css style for wrap group. */
div.floatingContent-right {
  float: right;
  margin: 0 0 0 15px;
  padding: 0;
  width: 140px !important;
}

/* CSS for menuPane Group */
.menupane-bar > .navbar-inner {
  padding-left: 0;
  padding-right: 0;
}

.menupane-bar .nav {
  width: 100%;
}

.menupane-bar .dropdown {
  position: static;
  display: block;
}

.menupane-bar .dropdown > a.dropdown-toggle {
  position: relative;
}

.menupane-bar .nav  li.dropdown.open > a.dropdown-toggle {
  background-color: #FFF;
  color: #000;
}

.menupane-bar .dropdown > .dropdown-menu:before, .menupane-bar .dropdown > .dropdown-menu:after {
  border: none !important;
}

.menupane-bar .dropdown > .dropdown-menu {
  width: 95%;
  padding: 2.5%;
  background-color: #FFF;
  border: 1px solid #EEE;
  border: 1px solid rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  border-top: none;
}

/*end of CSS for menuPane group*/


/*start of CSS for stories widget overlay view*/

@font-face{
  font-family: JennaSue;
  src: url(font/jennasue.eot);
}
@font-face {
  font-family: 'JennaSue';
  src: url('font/jennasue?#iefix') format('embedded-opentype'),
    url('font/jennasue.woff') format('woff'),
    url('font/JennaSue.ttf') format('truetype'),
    url('font/jennasue.svg#JennaSue') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'NimbusSans';
  src: url('font/nimbus_sans_l.eot');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NimbusSans';
  src: url('font/nimbus_sans_l?#iefix') format('embedded-opentype'),
    url('font/nimbus_sans_l.woff') format('woff'),
    url('font/nimbus_sans_l.ttf') format('truetype'),
    url('font/nimbus_sans_l.svg#NimbusSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NimbusSans';
  src: url('font/nimbus_sans_b.eot');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'NimbusSans';
  src: url('font/nimbus_sans_b?#iefix') format('embedded-opentype'),
    url('font/nimbus_sans_b.woff') format('woff'),
    url('font/nimbus_sans_b.ttf') format('truetype'),
    url('font/nimbus_sans_b.svg#NimbusSans') format('svg');
  font-weight: bold;
  font-style: normal;
}

.overlay .image-container h6{
  background: #CCC;
  width: auto;
  padding: 3px 5px;
  text-align: center;
  font-size: 85%;
  position: absolute;
  top: 0px;
  color: white
}

.overlay .image-container h6 a{
  color: white;
  text-decoration: none;
}

.overlay .image-container h6.home_color{
  background: #59BDBB;
}

.overlay .image-container h6.things_to_do_color{
  background: #99C;
}

.overlay .image-container h6.body_and_style_color{
  background: #C9C;
}

.overlay .image-container h6.fashion_and_beauty_color{
  background: #FF33CC;
}

.overlay .image-container h6.health_and_fitness_color{
  background: #FF9900;
}

.overlay .image-container h6.wine_and_dine_color{
  background: #DF5E60;
}

.overlay .image-container h6.kids_color{
  background: #ED008C;
}

.overlay .image-container h6.travels_color{
  background: #09C;
}

.overlay .image-container h6.homes_color{
  background: #F69;
}

.overlay .image-container h6.living_in_singapore_color{
  background: #00C5BF;
}

.overlay .media-body{
  position: relative;
  background: white;
  padding: 2%;
}

.has-overlay .media-body{
  padding: 0;
}

.overlay .media-body h5.media-heading{
  margin: 5% 0 5%;
  width: 97%;
  padding: 0 1.6%;
  font-size:22px;
  font-weight:normal;
  line-height:1;
}

.overlay .media-body p{
  padding: 0 2%;
}

.overlay .media-body h5.media-heading a{
  color: #3e3e3e;
  font-size:80%;
}

.custom-font1 .media-body h5.media-heading a{
  font-family: JennaSue;
  font-size: 26px;
  width: 97%;
  padding: 0 1.6%;
}

.overlay .media-body p{
  font-size: 13px;
  line-height: 15px;
}

.overlay .media-body .story-overlay{
  position: absolute;
  width: 50%;
  background: #FFF;
  z-index: 2;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter:alpha(opacity=80); /* For IE8 and earlier */
}

.overlay .media-body .story-overlay-container{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  z-index: 2;
}

.overlay .media-body .story-overlay-container h6{
  background: orange;
  width: auto;
  padding: 3px 5px;
  text-align: center;
  font-size: 85%;
  clear: both;
  float: left;
  color: white;
}

.overlay .media-body .story-overlay-container h6.things_to_do_color{
  background: #99C;
}

.overlay .media-body .story-overlay-container h6.body_and_style_color{
  background: #C9C;
}

.overlay .media-body .story-overlay-container h6.fashion_and_beauty_color{
  background: #FF33CC;
}

.overlay .media-body .story-overlay-container h6.health_and_fitness_color{
  background: #FF9900;
}

.overlay .media-body .story-overlay-container h6.wine_and_dine_color{
  background: #DF5E60;
}

.overlay .media-body .story-overlay-container h6.kids_color{
  background: #ED008C;
}

.overlay .media-body .story-overlay-container h6.travels_color{
  background: #09C;
}

.overlay .media-body .story-overlay-container h6.travels_color a{
  color: #fff;
}

.overlay .media-body .story-overlay-container h6.homes_color{
  background: #F69;
}

.overlay .media-body .story-overlay-container h6.living_in_singapore_color{
  background: #00C5BF;
}

.overlay .media-body .story-overlay-container h5{
  width: 94%;
  margin-top: 20%;
  margin-right: 2%;
  overflow: hidden;
  margin-bottom: 10%;
}

.overlay .media-body .story-overlay-container p{
  margin: 0 0 3% 2%;
  width: 94%;
}

/*end of CSS for stories widget overlay view*/

/*start of CSS for story content widget gallery*/

.gallery-container{
  position: relative;
  width: 100%;
}

.gallery-image-container{
  width: 100%;
  overflow: hidden;
  background: #ECECEC;
  padding: 1.5% 0.5% 0%;
}

.gallery-image-container .nav-prev{
  width: 5.5%;
  float: left;
  margin-top: 25%;
  cursor: pointer;
}

.gallery-image-container .nav-next{
  width: 5.5%;
  float: left;
  margin-top: 25%;
  cursor: pointer;
}

.gallery-image-container .nav-next img{
  float: right;
}

.gallery-image-container .image-view-port{
  position: relative;
  /*  margin: 0 auto;*/
  box-shadow: 0px 5px 15px #777;
  margin-bottom: 2%;
  width: 89%;
  float: left;
  overflow: hidden;
}

.gallery-image-container .image-view-port .gallery-main-contents{
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.gallery-image-container .image-reel{width:10000% !important}

.gallery-image-container .image-holder{
  width: 1%;
  float: left;
  overflow: hidden;
  position: relative;
}

.gallery-image-container .image-holder .caption-bg{
  position: absolute;
  background: #ECECEC;
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=80);

  /* Older than Firefox 0.9 */
  -moz-opacity:0.8;

  /* Safari 1.x (pre WebKit!) */
  -khtml-opacity: 0.8;

  /* Modern!
  /* Firefox 0.9+, Safari 2?, Chrome any?
  /* Opera 9+, IE 9+ */
  opacity: 0.8;
  width: 100%;
  bottom: 0px;
  height: 16%;
}

.gallery-image-container .image-holder label{
  position: absolute;
  bottom: 0px;
  padding: 0 5px;
}

.gallery-image-container .thumb-image-container{
  margin-top: 2.5%;
}

.gallery-image-container .thumb-image-container .nav-prev, .gallery-image-container .thumb-image-container .nav-next{
  margin-top: 2.5%;
}


.gallery-image-container .thumb-image-container .image-view-port{
  box-shadow: none;
  padding: 1% 0;
}

.gallery-image-container .thumb-image-container .gallery-thumb-contents .image-holder{
  overflow: visible;
  cursor:pointer;
}

.gallery-image-container .thumb-image-container .gallery-thumb-contents .image-holder .image{
  width: auto;
  margin-right: 20px;
  background: white;
  padding: 3%;
  box-shadow: 0px 2px 8px #777;
}

.gallery-image-container .thumb-container .thumb-reel{
  width: 88%;
  position: relative;
  margin: 0 auto;
  padding-bottom: 2%;
}

.gallery-image-container .thumb-prev{
  width: 6%;
  float: left;
  margin-top: 5.2%;
}

.gallery-image-container .thumb-next{
  width: 6%;
  float: right;
  margin-top: 5.2%;
}

.gallery-image-container .thumb-reel .thumb-image{
  float: left;
  margin: 1% 1% 1% 0%;
  background: white;
  padding: 0.15%;
  box-shadow: 0px 2px 5px #777;
}

.popup-block .gallery-overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.popup-block .popup-container{
  position:fixed;
  padding:8px;
  width: 75%;
  background: #FFF;
  top: 1%;
  left: 12%;
  z-index: 10;
  overflow: auto;
  height: 90%;
}

.popup-block .popup-container .gallery-image-container{
  width: 80%;
  background: #FFF;
  padding: 0% 0.5%;
}

.popup-block .popup-container .gallery-image-container .image-view-port{
  margin-bottom: 0;
}

.popup-block .popup-container .gallery-image-container .image-view-port{
  width: 87.8%;
}

.popup-block .popup-container .gallery-image-container .wf-breadcrumbCustomed{
  margin-left: 5.3%;
}

.popup-block .popup-container .gallery-image-container div.navigation ul.breadcrumb{
  margin-bottom: 0;
}

.popup-block .popup-container .gallery-image-container div.navigation ul.breadcrumb div.tringle:last-child {
  border-top: 12px solid #FFF;
  border-bottom: 13px solid #FFF;
}

.popup-block .popup-container .gallery-image-container .gallery-title{
  margin-left: 5.3%;
}
.popup-block .popup-container .gallery-image-container .image-caption{
  display: none;
}

.popup-block .popup-container .gallery-image-container .captions{
  width: 18%;
  position: absolute;
  top: 53%;
  right: 1%;
}

.popup-block .popup-container .gallery-image-container .captions label{
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
}

.popup-block .caption-container-display{
  position: absolute;
  bottom: 36%;
  right: 8%;
  z-index: 15;
  color: black;
  width: 21%;
}

.popup-block .popup-container .gallery-image-container .gallery-main-contents .image-holder {
  height: 668px !important;
}

@media screen and (max-width: 1366px){
  .popup-block .popup-container .gallery-image-container .gallery-main-contents .image-holder {
    height: 374.66px !important;
  }
  .popup-block .popup-container{
    width: 65%;
    left: 16%;
  }

  .popup-block .popup-container .gallery-image-container .image-view-port{
    width: 80%;
  }
}


.popup-block .popup-container .gallery-image-container .main-image-container .image-holder img.w610 {
  height: 100% !important;
}
.popup-block .popup-container .gallery-image-container .main-image-container .image-holder img.w611 {
  height: auto !important;
}
@media screen and (max-width: 799px){
  .popup-block .popup-container .gallery-image-container .main-image-container .image-holder img.w610 {
    width: 100% !important;
  }
  .popup-block .popup-container .gallery-image-container .main-image-container .image-holder img.w611 {
    width: 100% !important;
    height: auto !important;
  }
  .popup-block .popup-container .gallery-image-container .gallery-main-contents .image-holder {
    height: 250px !important;
  }
  .popup-block .popup-container .gallery-image-container .gallery-main-contents .image-holder a{
    height: 250px;
    display: table-cell;
    vertical-align: middle;
  }
}

.popup-block .popup-container .gallery-image-container .gallery-title h3{
  font-size: 19.5px;
  line-height: 33px;
}
/*}*/

.wf-caption{
  background-color: white;
}

.wf-caption .content{
  color: black;
  font-family: JennaSue;
}

.wf-caption .content h4{
  font-size: 20px;
}
/*end of CSS for story content widget gallery*/

/*start of CSS for story content widget video*/
div.image-container{
  width: 100%;
  clear: both;
}

div.image-container div.videoWrapper{
  height: 40%;
}
/*end of CSS for story content widget video*/

/*start of CSS for Facebook Comments*/

div.fb-comments{
  width: 60%;
  margin: 0 auto;
}

/*end of CSS for Facebook Comments*/


div.container{
  width: 100%;overflow:hidden;
}
div.headerContainer,div#content{
  background-color: #f0f0f0;
  width:93.1818%;
  padding:0 3.40909%;
  margin:0;
}

div#content{
  border-top: 1px solid white;
  padding-top: 20px;
  padding-bottom: 60px;
}

div#header{
  background-color: #f0f0f0;
}

div.followUs{
  float:right;
  margin: 10% 0 5% 0;
  width: 70%;
}

div.followUs a{
  display: block;
  width: 14%;
  float: right;
  margin-left: 10px;
}
div.followUs a img{
  width: 100%;
}

div.headerContent{
  width: 93.1818%;
  padding: 0 3.40909%;
  border-top: 1px solid white;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  overflow:hidden;
}


div.widget.search{
  margin-bottom: 0;
}
.form-search{
  float: right;
}
.form-search .input-append .search-query{
  border-right: none;
  width: 70%;
}
.form-search .input-append .btn{
  width: 20%;
  background: transparent;
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
  border: 1px solid #cccccc;
}
.form-search .input-append .btn img{
  width: 80%;
}

#footer {
  position: fixed;
  bottom: 0;
  display: block;
  left:0;
  background: url('../gfx/footer-bg.png') repeat-x #fff;
  width: 100%;
  background-position: bottom;
  border-top: 1px solid #d9d9d9;
}
#footer #footer_container{
  margin: 0 auto;
  width: 50%;
  overflow: hidden;
}

#footer_button{
  width: 36px;
  height: 36px;
  position: absolute;
  right: 7px;
  top: 7px;
}
#footer_button.closed{
  background: url('../gfx/footerClosed.png');cursor:pointer;
}
#footer_button.opened{
  background: url('../gfx/footerOpened.png');
}
#footerMenu{
  float: left;
  margin-top: 10px;
}
#footerMenu li{
  list-style: none;
  float: left;
  padding-right: 10px;
  font-size: 10px;
  color: black;
}
#footerMenu li a{
  color: black;
  font-weight: bold;
}
#footer-expanded-menu h2{
  font-size: 12px;
  padding: 0;
  margin: 0;
  color: black;
  line-height: 30px;
}
#footer-expanded-menu ul {
  padding: 0;
  margin: 0;
}
#footer-expanded-menu li{
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer-expanded-menu li a{
  color: black;
  font-size: 10px;

}
#footer-expanded-menu .footer-column{
  width: 19%;
  float: left;
}
#footer_content_expanded_tail{
  clear: both;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
  border-top: 1px solid #d9d9d9;
}
#footer_content_expanded_tail .left{
  float: left;
}
#footer_content_expanded_tail .left span.gray{
  color: gray;
}
#footer_content_expanded_tail .right{
  float: right;
}

/* FilmStrip css for flexslider*/
div.widget.expatevent{
  background-color: white;
  padding: 0 10%;
}
div.widget.expatevent div.header{
  border: none;
  color: black;
  text-align: center;
  margin:0;
}
div.widget.expatevent div.header h4{margin:10px 0 0;color:rgb(0, 122, 117);font-size:30px;line-height:1.5em;}
.expatevent .img-polaroid{
  padding: 0;
  border: 0;
}
.expatevent ul li{
  padding-right: 10px;
}
div.expatevent div.filmStripNavigation ul{
  position: relative;
}
div.expatevent div.filmStripNavigation ul li{
  position: absolute;
  top: 150px;
  cursor: pointer;
  display: block;
  width: 2%;
  height: 25px;
}
div.expatevent div.filmStripNavigation ul li a i{*height:25px;*width:25px;*display:block;}
div.expatevent div.filmStripNavigation ul li.nav_prev{
  left:-30px;;
}
div.expatevent div.filmStripNavigation ul li.nav_next{
  right: -25px;
}
div.expatevent i.icon-chevron-left{
  background: url('../gfx/filmstrip/nav_prev.png') no-repeat;
  background-size: cover;
}
div.expatevent i.icon-chevron-right{
  background: url('../gfx/filmstrip/nav_next.png') no-repeat;
  background-size: cover;
}
div.expatevent i.icon-chevron-right:hover{
  background: url('../gfx/filmstrip/nav_next_hover.png') no-repeat;
  background-size: cover;
}
div.expatevent i.icon-chevron-left:hover{
  background: url('../gfx/filmstrip/nav_prev_hover.png') no-repeat;
  background-size: cover;
}

div.expatevent ul.eventActionList, div.calendar ul.eventActionList{
  padding: 0;
  margin: 0;
}

div.expatevent ul.eventActionList li, div.calendar ul.eventActionList li{
  list-style: none;
  float: left;
  background-color: #015474;
  color: white;
  padding: 5px;;
  margin: 0;
  font-size: 12px;
  margin-bottom: 10px;
  width: 40%;
  text-align: center;
  cursor: pointer;
}
div.expatevent ul.eventActionList li{
  background:#ffffff;
  border:1px solid #e6e6e6;
  border-radius:5px;
}

div.calendar ul.eventActionList li{
  color: #92d3cf;
  background-color: white;
  border: 1px solid #ccc;
  border-radius:5px;
}
div.calendar ul.eventActionList li a{
  color: #007a72;
}
div.calendar div.widget-title{
  font-family: JennaSue;
  color: #137371;
  text-align: center;
  font-size: 30px;
  margin-bottom: 10px;
}
div.calendar.widget .datepick-month td .datepick-today{
  color: black;
}
div.calendar.widget .datepick-cmd{
  width: 15px;
}
div.expatevent ul.eventActionList li a{
  color:#007a72;
}
div.expatevent ul.eventActionList li a:hover, div.calendar ul.eventActionList li a:hover{
  text-decoration: none;
}
div.expatevent ul.eventActionList li:last-child, div.calendar ul.eventActionList li:last-child{
  float:right;
}
div.expatevent ul.eventActionList li:first-child,div.calendar ul.eventActionList li:first-child{
  float:left;
}
div.expatevent li a img{margin-bottom:10px;}
div.expatevent div.startDate, div.expatevent div.title{
  color: #007a75;
  font-size: 1em;
  line-height:1.3em;
}
div.expatevent div.location{
  color: gray;
  font-size: 12px;
  height:40px;overflow:hidden;
}

.expatEventCreationForm .label1{
  width: 20%;
  float: left;
}
.expatEventCreationForm .field{
  float: right;
  width: 70%
}
.expatEventCreationForm .formField{
  clear: both;
}
.expatEventCreationForm .booleanLabel{
  float: left;
}
.expatEventCreationForm .boolenValue{
  float: left;
}
.expatEventCreationForm input, .expatEventCreationForm textarea{
  width: 90%;
}
.expatEventCreationForm .button{
  margin-top: 40px;
  float: left;
}

/* Start Competition section view css*/

div.competition-section-view{
  background: white;
  padding-bottom: 5%;
}

div.competition-section-view div.header{
  border: none;
  padding: 2% 0%;
  margin:0;
}

div.competition-section-view div.header h4{
  color: #83BBB3;
  font-size: 26px;
}

div.competition-section-view div.competition-container{
  width: 90%;
  margin: 0 auto;
}
div.competition-section-view div.competition-content{
  width: 90%;
  margin: 0 auto;
}

div.competition-section-view div.competition-content a img{
  width: 97%;
}

div.competition-section-view div.competition-content div.competition-title{
  border-bottom: 1px solid #DDD;
}

div.competition-section-view div.competition-content div.competition-timerheader{
  margin-top: 5%;
  text-align: center;
  font-weight: bold;
}

div.competition-section-view div.competition-content div.hasCountdown{
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  padding-top: 5%;
}

div.competition-section-view div.competition-content span.countdown_section{
  width: 25%;
  padding-top: 1%;
  border: none;
  background: white;
}

div.competition-section-view div.competition-content span.countdown_section span.countdown_amount{
  padding: 12%;
  background: #6bcecb;
  color: white;
}

/* End Competition section view css*/

/* Start Competition article page css*/

div.competition-article-view div.header{
  border: none;
}

div.competition-article-view div.header h4{
  font-size: 90%;
  color: #83BBB8;
}

div.competition-article-view div.countdown-container{
  background: white;
}

div.competition-article-view div.countdown-container div.countdown-content{
  border-bottom: 1px solid #AAA;
  overflow: hidden;
  padding-bottom: 3%;
  padding-top: 2%;
  width: 95%;
  margin: 0 auto;
}

div.competition-article-view div.competition-timerheader{
  width: 25%;
  margin: 0 auto;
  font-weight: bold;
}

div.competition-article-view div.hasCountdown{
  position: relative;
  left: 38%;
}

div.competition-article-view span.countdown_section{
  width: 7%;
  padding-top: 1%;
  border: none;
  background: white;
}

div.competition-article-view span.countdown_section span.countdown_amount{
  padding: 12%;
  background: #6bcecb;
  color: white;
}

div.competition-article-view .competitorSubmissionForm{
  background: white;
  padding: 3%;
}

/* End Competition article page css*/

/* Competitor submission form css*/
.competitorSubmissionForm .label1{
  width: 28%;
  float: left;
}

.competitorSubmissionForm .field{
  float: right;
  width: 70%;
}

.competitorSubmissionForm .field2{
  width: 100%;
}

.competitorSubmissionForm .field input{
  float: left;
}

.competitorSubmissionForm .field label{
  float: left;
  padding: 5px;
}

.competitorSubmissionForm .label2{
  width: 100%;
}

.competitorSubmissionForm .formField{
  clear: both;
  overflow: hidden;
  padding-top: 1%;
}
.competitorSubmissionForm .booleanLabel{
  float: left;
}
.competitorSubmissionForm .boolenValue{
  float: left;
}
.competitorSubmissionForm input, .competitorSubmissionForm textarea{
  width: 50%;
}

.competitorSubmissionForm input.checkbox{
  width: auto;
  min-height: 0px;
  margin-right: 2%;
  margin-top: 2px;
}

.competitorSubmissionForm input.submitBtn{
  width: auto;
  background: #83BBB3;
  border: none;
  padding: 6% 20%;
  color: white;
  font-weight: bold;
}

.competitorSubmissionForm .button{
  margin-top: 40px;
  float: left;
}
.competitorSubmissionForm select{
  width: 25%;
}

.competitorSubmissionForm .formFieldSubmit{
  margin: 0 auto;
  width: 25%;
}
/* Competitor submission form css*/


/* Menu Css */
/* Menu Css */
div.menu.horizontal{
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 0px;
  overflow: hidden;
}
/*div.menu.horizontal a.brand{
  background: url('../gfx/home.png') no-repeat;
  width: 21px;
  height: 15px;
  display: block;
  margin-top: 5px;
}*/

div.menu.horizontal a.brand{
  display: none;
}

div.navbar{
  background: url('../gfx/menu-bg.png')  white;
}
div.navbar-inner{
  border: none;
  width: 100%;
}
.navbar-inverse .navbar-inner{filter:none;}
div.navbar-inverse .navbar-inner, div.navbar-inner{
  background: none;
}
div.navbar{
  margin-bottom: 0px;
}
div.menu.horizontal div.container{
  background: none;
  width: 57%;
  margin: 0 auto;
}

div.menu.horizontal ul.nav{
  padding-top: 5px;
  margin-bottom: 10px;
  width: 100%;
}

div.menu.horizontal ul.nav li{
  padding: 3px 1%;
}
div.menu.horizontal ul.nav li.last{
  padding: 3px 0.5%;
}

div.menu.horizontal ul.nav li a{
  background: none;
  box-shadow: none;
  text-shadow: none;
  color: #83bbb8;
  font-weight: bold;
  /*padding: 3px 12px 4px;*/
  padding: 3px;
  font-size: 11px;
}
div.menu.horizontal ul.nav li.active > a{
  background-color: #ebe9ec;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  color: #006b88;
}

div.menu.horizontal ul.nav li.active > a{
  background-color: #ebe9ec;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  color: #006b88;
}

div.home_color div.menu.horizontal div.innerMenu.navbar ul.nav li a,
div.things_to_do_color div.menu.horizontal div.innerMenu.navbar ul.nav li a,
div.wine_and_dine_color div.menu.horizontal div.innerMenu.navbar ul.nav li a,
div.kids_color div.menu.horizontal div.innerMenu.navbar ul.nav li a,
div.travels_color div.menu.horizontal div.innerMenu.navbar ul.nav li a,
div.homes_color div.menu.horizontal div.innerMenu.navbar ul.nav li a,
div.living_in_singapore_color div.menu.horizontal div.innerMenu.navbar ul.nav li a,
div.body_and_style_color div.menu.horizontal div.innerMenu.navbar ul.nav li a,
div.fashion_and_beauty_color div.menu.horizontal div.innerMenu.navbar ul.nav li a,
div.health_and_fitness_color div.menu.horizontal div.innerMenu.navbar ul.nav li a{
  color: white;
}
div.home_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a,
div.things_to_do_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a,
div.wine_and_dine_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a,
div.kids_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a,
div.travels_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a,
div.homes_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a,
div.living_in_singapore_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a,
div.body_and_style_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a,
div.fashion_and_beauty_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a,
div.health_and_fitness_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a{
  color: #006b88;
}

.travels_color div.filmstrip div.header {color:rgb(0, 153, 204)}

.homes_color div.filmstrip div.header {color:rgb(255, 102, 153)}

.living_in_singapore_color div.filmstrip div.header {color:rgb(0, 197, 191)}
/*.living_in_singapore_color div.relatedStoryList div.header h4 {width:200px;}*/

.homes_color div.filmstrip div.header {color:rgb(255, 102, 153)}

.kids_color div.filmstrip div.header {color:rgb(237, 0, 140)}

.things_to_do_color div.filmstrip div.header {color:rgb(153, 153, 204)}
/*.things_to_do_color div.relatedStoryList div.header h4 {width:160px;}*/

.wine_and_dine_color div.filmstrip div.header {color:rgb(223, 94, 96)}
/*.wine_and_dine_color div.relatedStoryList div.header h4 {width:160px;}*/

.body_and_style_color div.filmstrip div.header {color:rgb(204, 153, 204)}
/*.body_and_style_color div.relatedStoryList div.header h4 {width:160px;}*/

.fashion_and_beauty_color div.filmstrip div.header {color:rgb(255, 51, 204)}
/*.fashion_and_beauty_color div.relatedStoryList div.header h4 {width:160px;}*/

.health_and_fitness_color div.filmstrip div.header {color:rgb(255, 153, 0)}
/*.health_and_fitness_color div.relatedStoryList div.header h4 {width:160px;}*/

div.home_color div.menu.horizontal div.innerMenu.navbar{
  background: #59BDBB;
}

div.things_to_do_color div.menu.horizontal div.innerMenu.navbar{
  background: #99C;
}

div.body_and_style_color div.menu.horizontal div.innerMenu.navbar{
  background: #C9C;
}

div.fashion_and_beauty_color div.menu.horizontal div.innerMenu.navbar{
  background: #FF33CC;
}

div.health_and_fitness_color div.menu.horizontal div.innerMenu.navbar{
  background: #FF9900;
}

div.wine_and_dine_color div.menu.horizontal div.innerMenu.navbar{
  background: #DF5E60;
}

div.kids_color div.menu.horizontal div.innerMenu.navbar{
  background: #ED008C;
}

div.travels_color div.menu.horizontal div.innerMenu.navbar{
  background: #09C;
}

div.homes_color div.menu.horizontal div.innerMenu.navbar{
  background: #F69;
}

div.living_in_singapore_color div.menu.horizontal div.innerMenu.navbar{
  background: #00C5BF;
}

div.menu.horizontal .navbar-inner{
  padding: 0;
}
/*CSS related with Notice Board widget*/
div.noticeBoard.simple span.title{display:block;}
div.noticeBoard.detailed ol#pagination li{list-style:none;float:left;}
.blueBackground{background:#6bcecb;}
.padding10{padding:10px;}
.blueBackground h1{font-family:JennaSue;color:#fff;text-align:center;}
div.tabbingGroup ul.nav{margin-bottom:0;}
div.tabbingGroup ul.nav li.active{margin-bottom:-2px;}
div.tabbingGroup ul.nav li a{background:#f8f8f8;color:#727272;border:1px solid #c3c2c0;border-bottom:none;}
div.tabbingGroup ul.nav li.active a{background:#fff;color:#266576;border-bottom:1px solid #fff;font-weight:bold;}
div.tabbingGroup div.tab-content{background:#fefefe;padding:20px;border:1px solid #c3c2c0;}
div.noticeBoard.simple ul li{padding:12px 0;border-bottom:1px solid #d0d0d0;}
div.noticeBoard.simple ul li:last-child{border:none;}
div.noticeBoard.simple ul li span{font-size:16px;}
div.noticeBoard.simple ul li span a{color:#000;font-weight:bold;}
div.noticeBoard.noticeMenu div.content{overflow:hidden;}
div.noticeBoard.noticeMenu div.content div.media{padding:10px;background:#fff;float:left;border-radius:5px 5px 5px;border:1px solid #82abaf;color:#32959a;font-weight:bold;}
div.noticeBoard.noticeMenu div.content div.media a{color:#32959a;}
div.noticeBoard.noticeMenu div.content div.media.viewAll{margin-bottom:10px;height:auto !important;}
div.noticeBoard.noticeMenu div.content div.media.postANotice{float:right;margin:0;height:auto!important;}

.notice-creation-form .formValue textarea{margin-left: 0;}
.notice-creation-form input[type="radio"]{margin: 0 2px 5px 2px;}
.notice-creation-form input[type="file"]{margin-top: 3%;}

/** Calendar Widget CSS **/

div.calendar{
  background-color: white;
  padding: 5%;
  position:relative;
}
div.calendar.widget .blockmonthyearselection{
  width: 85%; height: 55px; background: transparent;position: absolute;cursor: pointer;
}

div.calendar.complex {
  padding: 0;
}
div.calendar.complex div.calendarComplexContainer{
  width: 100%;
}
div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav{background:transparent;}
div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav .datepick-cmd-prev,div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav .datepick-cmd-next {position: absolute; top: 70px;}
div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav .datepick-cmd-prev{left: 0.2%}
div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav .datepick-cmd-next{right: 0.2%}
div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-month{padding: 12px 5% 70px;}
div.calendar.complex div.calendarComplexContainer .calendarleft,
div.calendar.complex div.calendarComplexContainer .calendarright{
  width: 46%;
}
div.calendar.complex div.calendarComplexContainer .calendarleft{
  float: left;
  margin-left: 3%;
  position:relative;
}
div.calendar.complex div.calendarComplexContainer .calendarright{
  float: right;
  margin-right: 3%;
  border-radius:10px;
}

div.calendar.complex div.calendarlefttop{
  margin-top: 10px;
}
div.calendar.complex div.calendarComplexContainer div.widget-title{
  float: left;
  text-align: left;
  font-size: 2em;
  font-weight: bold;
}
div.calendar.complex div.calendarComplexContainer a[role="button"]{color:#74d2c0;background:#fff;padding:5px 15px;border-radius:10px;position:absolute;bottom:30px;left:20px;}
div.calendar.complex div.calendarComplexContainer div.postAnEventButton,
div.calendar.complex .calendarFilterPart2 input.button{
  float: right;
  background-color: #015474;
  color: white;
  padding: 5px;
  margin: 0;
  font-size: 12px;
  margin-bottom: 10px;
  width: 25%;
  text-align: center;
  cursor: pointer;
}

div.calendar.complex div.calendarFilterForm{
  width: 94%;
  margin: 0 3%;
  clear: both;
  background-color: #92d3cf;
  display: inline-block;
  font-size: 12px;
}
div.calendar.complex div.calendarFilterPart1{
  width: 65%;
  float: left;
  background-color: #92d3cf;
}
div.calendar.complex div.calendarFilterPart2{
  width: 35%;
  float: left;
  background-color: #92d3cf;
}
div.calendar.complex .floatingText{
  float: left;
  margin-left: 5px;
  line-height: 25px;
  margin-bottom: 5px;;
  margin-top: 5px;
}
div.calendar.complex .calendarFilterPart1 input{
  width: 22%;
  height: 16px;
}
div.calendar.complex .calendarFilterPart2 input{
  width: 60%;
  height: 16px;
}
div.calendar.complex .calendarFilterPart2 input.button{
  width: 25%;
  border: none;
  margin-right: 5px;
  height: 25px;
  padding: 0;
  margin-bottom: 0;
  margin-top: 5px;
}
div.calendar.complex div.floatingText.searchTitle{
  background-color: #444;
  padding:  5px 10px;
  color: white;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0;
  margin-left: 0px;
}
div.calendar.complex div.expatEventList{
  border: 1px solid #444;
  margin-top: 50px;
  height: 255px;
  overflow-y: scroll;
}
div.calendar.complex div.expatEventList div.expatEventContainer{
  margin: 7px;
  padding: 15px;
  /*border-bottom: 1px dashed gray;*/
}
div.calendar div.expatEventContainer:nth-child(1),div.calendar div.expatEventContainer:nth-child(3),div.calendar div.expatEventContainer:nth-child(5),div.calendar div.expatEventContainer:nth-child(7),div.calendar div.expatEventContainer:nth-child(9),div.calendar div.expatEventContainer:nth-child(11),div.calendar div.expatEventContainer:nth-child(13),div.calendar div.expatEventContainer:nth-child(15),div.calendar div.expatEventContainer:nth-child(17),div.calendar div.expatEventContainer:nth-child(19),div.calendar div.expatEventContainer:nth-child(21),div.calendar div.expatEventContainer:nth-child(23),div.calendar div.expatEventContainer:nth-child(25),div.calendar div.expatEventContainer:nth-child(27),div.calendar div.expatEventContainer:nth-child(29),div.calendar div.expatEventContainer:nth-child(31),div.calendar div.expatEventContainer:nth-child(33),div.calendar div.expatEventContainer:nth-child(35),div.calendar div.expatEventContainer:nth-child(37),div.calendar div.expatEventContainer:nth-child(39),div.calendar div.expatEventContainer:nth-child(41),div.calendar div.expatEventContainer:nth-child(43){
  background:#c5e8ee;
  border-radius:10px;
}
div.calendar.complex div.expatEventList div.expatEventContainer.last{
  border-bottom: none;
}
div.calendar.complex div.expatEventList div.eventCategory{
  font-size: 70%;
}
div.calendar.complex div.expatEventList div.eventTitle{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  color:#349898;
  line-height:1.5em;
}

div.calendar.complex div.expatEventList div.eventTitle a{color:#349898;text-decoration:none;}

div.calendar.complex div.expatEventList div.eventLocation{color:#64cccb;font-weight:bold;font-size:16px;line-height:1.5em;}
div.calendar.complex div.expatEventList div.eventstartDate{font-weight:bold;font-size:16px;color:#349898;line-height:1.5em;}
/* About Us Css */
div.aboutus h2{
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 20px;
}
div.aboutus h4{
  float: left;
  font-size: 1em;
  font-style: italic;
  padding: 0;
  margin: 0;
  padding-right: 5px;
}
div.aboutus h5, div.aboutus h4{
  font-size: 85%;
  font-weight: normal;
  line-height: 16px;
}
div.aboutusbody ul{
  width : 100%;
  margin: 0;
}
div.aboutusbody ul li {
  list-style: none;
  display: block;
  clear: both;
}
div.aboutusbody ul li div:first-child,div.aboutusbody ul li div:last-child{
  width: 48%;
  float: left;
  margin-top: 0px;
  font-size: 90%;
  font-weight: bold;
}
div.aboutusbody ul li div:first-child{
  text-align: right;
  padding-right: 2%;
  color:#4fc3ba;
}
div.aboutusbody ul li div:last-child{
  text-align: left;
  padding-left: 2%;
}
div.contactus h2{
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  line-height: 20px;
  border-bottom: 1px solid white;
}
div.contactus h4{
  text-transform: uppercase;
}
div.contactus div.body{
  font-size: 80%;
  font-weight: bold;
}
div.contactus h5{
  color: #4fc3ba;
  text-transform: uppercase;
}
div.contactus div.body p{
  margin-bottom: 2px;
}
div.contactus div.body a{
  color: #4fc3ba;
  font-weight: normal;
}

/*css for blog widget*/
ol#pagination{display:block;border-top:1px solid #d2d2d2;margin:0;padding:15px 0;}
ol#pagination li.prev,ol#pagination li.next{border:none;width:auto;height:auto;}
ol#pagination li{padding:2px;width:18px;height:18px;border-radius:18px 18px 18px;text-align:center;border:2px solid #b4b8bb;margin-right:5px;float:left;list-style:none outside none;cursor:pointer;}
ol#pagination li:hover{border-color:#6ececd;}
ol#pagination li.current{margin-top:1px;padding:2px;width:18px;height:18px;background:#6ececd;color:#fff;border-width:1px;border-color:#6ececd;}

div#blog div.navigation ul.breadcrumb li.odd{background:#7c7c7c;}
div#blog div.navigation ul.breadcrumb li.odd a{color:#fff;}
div#blog div.navigation ul.breadcrumb div.tringle.odd{background:#7c7c7c;}
div#blog div.navigation ul.breadcrumb li.even a {color:#333;}
div#blog div.header h1{font-family:JennaSue;font-size:50px;}
div#blog div.blogheader div.storyContent{float:left;width:85%;}
div#blog div.storyContent div.authorInfo{float:left;width:100px;margin-right:20px;}
div#blog div.storyContent div.authorInfo div.authorTitle a{font-weight:bold;color:#83bbb8;}
div#blog div.storyContent h5{margin-top:0;}
div#blog div.storyContent h2{font-family:JennaSue;font-size:40px;}
div#blog div.addthis_toolbox{float:right;}
div.blog div.header{margin-bottom:0;padding-bottom:10px;border-color:#fff;}
div.blog div.header h4{position:relative;top:-20px;font-family:JennaSue;font-size:50px;}
div.blog ul{margin-bottom:0;}
div.blog ul li.posts{padding:20px 0;clear:both;border-top:1px solid #d2d2d2;border-bottom:1px solid #fff;overflow:hidden;}
div.blog ul li.posts .authorAvatar{float:left;margin-right:20px;}
div.blog ul li.posts .content{clear:both;}
div.blog ul li.posts .content span{display:block;margin-bottom:10px;}
div.blog ul li.posts .content .authorName{font-size:18px;font-weight:bold;}
div.blog ul li.posts .content .authorName a{color:#000;}
div.blog ul li.posts .content .authorName a:hover{color:#ff7f56;text-decoration:none;}
div.blog ul li.posts .content .title{font-size:28px;font-weight:bold;font-family:JennaSue;line-height:1.3em;}
div.blog ul li.posts .content .title a{color:#515151;}
div.blog ul li.posts .content .title a:hover{color:#ff7f56;text-decoration:none;}
div.blog ul li.posts .content .publishedDate{color:#80bcba;margin-bottom:15px;}
div.blog ul li.posts .content .leadtext{color:#555555;}

div.blog.author div.content{padding:20px 0 15px;overflow:hidden;}
div.blog.author div.content div.authorAvatar{float:left;margin-right:10px;}
div.blog.author div.content div.authorInfo div.blogTitle{color:#28a2e5;}
div.blog.author div.content div.authorInfo div.blogDescription{color:#000;}
div.blog.author div.content div.authorInfo div.authorEmail a{color:#004b91;text-decoration:underline;}
div.blog.author div.header-articles{font-weight:bold;padding:5px;border-top:1px dotted #28a2e5;border-bottom:1px dotted #28a2e5;}
div.blog.author ul li.posts{border-top:none;border-bottom:1px dotted #28a2e5;}
div.blog.author ul li.posts .content .title{font-family:arial;font-weight:bold;font-size:24px;}
div.blog.author ul li.posts .content .title a{color:#28a2e5;}
div.blog.author ul li.posts .content .title a:hover{color:#ff7f56;text-decoration:none;}
div.blog.author ul li.posts .content .publishedDate{color:#000;font-style:italic;}
div.comments{clear:both;}
div.comments.facebook .fb_iframe_widget{display:block;}
div.comments.facebook span{width:100% !important;}
div.comments.facebook span iframe{width:100% !important;}

/*imrul's css starts here*/
div.navigation{
  position: relative;
  top: 15px
}
div.navigation ul.breadcrumb{
  background: #E3679B;
  border-radius: 0;
  padding: 0;
  overflow: hidden;
  width: auto;
  display: inline-block;
  height:25px;
}
div.navigation ul.breadcrumb li span.lastSection{
  color: white;
  text-decoration: none;
}
div.navigation ul.breadcrumb li a{
  color: white;
  text-decoration: none;text-shadow: 0 0 0;font-size:16px;
}
div.navigation ul.breadcrumb li{
  padding-left:7px;
  padding-bottom: 2px;
  padding-right: 2px;
  padding-top: 2px;
  height: 21px;
  float: left;
  background: white;
  color: black;
  overflow: hidden;
  width: auto;
  display: inline;
}
div.navigation ul.breadcrumb li.odd{
  background: #E3679B;
}
div.navigation ul.breadcrumb li.odd a{
  color:#FFF;
  text-decoration: none;
}
div.navigation ul.breadcrumb li.even a{
  color:#E3679B;
  text-decoration: none;
}

div.navigation ul.breadcrumb li.even span.lastSection{
  color:#E3679B
}
div.navigation ul.breadcrumb div.tringle{border-left-width: 29px !important;border-top-width:13px !important;border-bottom-width:13px !important;}
div.navigation ul.breadcrumb div.tringle.odd{
  width: 0;
  height: 0;
  float: left;
  border-top: 12px solid #ffffff;
  border-bottom: 13px solid #ffffff;
  border-left: 20px solid transparent;
}
div.navigation ul.breadcrumb div.tringle.even{
  width: 0;
  height: 0;
  float: left;
  border-top: 12px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 20px solid #ffffff;
}
div.navigation ul.breadcrumb div.tringle:last-child{
  border-top: 12px solid #EEE;
  border-bottom: 13px solid #EEE;
}



div.navigation ul.things_to_do_color{
  background: #99C;
}
div.navigation ul.things_to_do_color li.odd{
  background: #99C;
}
div.navigation ul.things_to_do_color li.even a{
  color: #99C;
  text-decoration: none;
}
div.navigation ul.things_to_do_color li.even span.lastSection{
  color: #99C;
}



div.navigation ul.body_and_style_color{
  background: #C9C;
}
div.navigation ul.body_and_style_color li.odd{
  background: #C9C;
}
div.navigation ul.body_and_style_color li.even a{
  color:  #C9C;
  text-decoration: none;
}
div.navigation ul.body_and_style_color li.even span.lastSection{
  color:  #C9C;
}

div.navigation ul.fashion_and_beauty_color{
  background: #FF33CC;
}
div.navigation ul.fashion_and_beauty_color li.odd{
  background: #FF33CC;
}
div.navigation ul.fashion_and_beauty_color li.even a{
  color:  #FF33CC;
  text-decoration: none;
}
div.navigation ul.fashion_and_beauty_color li.even span.lastSection{
  color:  #FF33CC;
}

div.navigation ul.health_and_fitness_color{
  background: #FF9900;
}
div.navigation ul.health_and_fitness_color li.odd{
  background: #FF9900;
}
div.navigation ul.health_and_fitness_color li.even a{
  color:  #FF9900;
  text-decoration: none;
}
div.navigation ul.health_and_fitness_color li.even span.lastSection{
  color:  #FF9900;
}

div.navigation ul.wine_and_dine_color{
  background: #DF5E60;
}
div.navigation ul.wine_and_dine_color li.odd{
  background: #DF5E60;
}
div.navigation ul.wine_and_dine_color li.even a{
  color:  #DF5E60;
  text-decoration: none;
}
div.navigation ul.wine_and_dine_color li.even span.lastSection{
  color:  #DF5E60;
}


div.navigation ul.kids_color{
  background: #ED008C;
}
div.navigation ul.kids_color li.odd{
  background: #ED008C;
}
div.navigation ul.kids_color li.even a{
  color:#ED008C;
  text-decoration: none;
}
div.navigation ul.kids_color li.even span.lastSection{
  color:#ED008C;
}


div.navigation ul.travels_color{
  background: #09C;
}
div.navigation ul.travels_color li.odd{
  background: #09C;
}
div.navigation ul.travels_color li.even a{
  color:#09C;
  text-decoration: none;
}
div.navigation ul.travels_color li.even span.lastSection{
  color: #09C;
}


div.navigation ul.living_in_singapore_color{
  background: #00C5BF;;
}
div.navigation ul.living_in_singapore_color li.odd{
  background: #00C5BF;
}
div.navigation ul.living_in_singapore_color li.even a{
  color: #00C5BF;
  text-decoration: none;
}
div.navigation ul.living_in_singapore_color li.even span.lastSection{
  color: #00C5BF;
}


div.navigation ul.homes_color{
  background: #F69;
}
div.navigation ul.homes_color li.odd{
  background: #F69;
}
div.navigation ul.homes_color li.even a{
  color: #F69;
  text-decoration: none;
}
div.navigation ul.homes_color li.even span.lastSection{
  color: #F69;
}
/*div.navigation ul.breadcrumb li span.divider{
  width: 0;
  float: right;
  height: 0;
  border-top: 3px solid coral;
  border-bottom: 3px solid coral;
  border-left: 3px solid coral;
}*/

/*imrul css ends here*/

div.margin-bottom-10{
  margin-bottom: 10px;
}
/*css for post a notice form starts*/
table.responsiveFormTable{
  margin: 0 auto;
}
td.formLable{
  color: black;
  font-size: 15px;
  text-align: left;
}
td.formValue{
  text-align: left;
}
.modal-header{
  background: #92D3CF;
}
.modal-header h3{
  text-align: center;
  color: white;
}
input[type="file"]{
  line-height: 0px;
  margin-left: 3%;
  margin-top: 8%;
  color: black;
}
/*.btn-primary{
  background-image: -webkit-linear-gradient(top, #A8DBDB, #2C7481);
  background-color: none;
}*/
.submitBtn{
  background-image: -webkit-linear-gradient(top, #A8DBDB, #2C7481);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A8DBDB), to(#2C7481));
  background-image: -o-linear-gradient(top, #A8DBDB, #2C7481);
  background-image: linear-gradient(to bottom, #A8DBDB, #2C7481);
  background-image: -moz-linear-gradient(top, #A8DBDB, #2C7481);
  background-color: none;
  border-color: #2C7481;
}
.submitBtn:hover{
  color: white;
  background-color: #0F5D6B;
}
div.postANotice a{
  padding-right: 3px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-decoration: none;
  padding-left: 3px;
}
#ajaxLoader{
  margin: 0 auto;
  z-index: 3000;
  position: fixed;
  left: 48%;
  top: 28%;
}
.myOverlay {
  background-color: #ffffff;
  position: absolute;
  top: -250px;
  left: 0;
  width: 100%;
  opacity: 0.6;
  z-index: 2000;
}
#loadingDiv{
  position: fixed;
  width: 100%;
  left: 0;
  display: none;
  z-index: 100000;
}
table.responsiveFormTable span.error{
  color: red;
  float: right;
}
table.responsiveFormTable input[type='text'].errorInput{
  border: 2px solid red;
}
table.responsiveFormTable textarea.errorInput{
  border: 2px solid red;
}
form.competitorSubmissionForm span.error{
  color: red;
  float: right;
  font-size: 13px;
}
form.competitorSubmissionForm input[type='text'].errorInput{
  border: 2px solid red;
}
form.competitorSubmissionForm span.required{
  color: red;
}



/*div.ui-dialog{
  width: 37%;
}*/
/*   Start CSS for Directory page*/
div.directory-tab{background:#fff;border:1px solid #ccc;padding:0;}
div.directory-menu{background:#fff;margin-top:-42px;}
div.directory-search{padding:5px 0;}
div.directory-search form{margin:0;}
div.directory-menu ul li ul li{margin:0;}
div.directory-menu ul li ul li:first-child{margin-top:5px;}
div.directory-menu ul li ul li:last-child{margin-bottom:5px;}
div.directory-menu li > a{
  color: #83BBB8;margin:0;
}
div.directory-menu ul.nav-list{padding:0;clear:both;}
div.directory-menu ul.nav-list ul.nav-list{border:1px solid #ccc;height:285px;padding-bottom:10px;overflow:auto;}
div.directory-menu li:first-child > a{
  background-color: #83BBB8;
  color:#fff;
  font-size:30px;
  padding:10px 15px 11px;
}
div.directory-menu ul ul li:first-child > a{
  background-color: transparent;
  font-size:14px;
  padding:3px 15px;
  color:#83BBB8;
}
div.directory-menu ul ul li.active:first-child > a{
  background-color:#83BBB8;
  color:#fff;
  border:none;
}
div.directory-menu ul ul li.active:first-child > a:hover{
  background-color: #339993;
}
div.directory-menu ul ul li:first-child > a:hover{
  background-color: #eee;
}
div.directory-menu li.active > a{
  background-color: #83BBB8;
}
div.directory-menu li.active > a:hover{
  background-color: #339993;
}

div.directory-search div.search-title{
  float: left;
  padding: 3px 8px;
  line-height: 25px;
  font-size:18px;
}

div.directory-search form{
  float: left;
  width: 89%;
}

div.directory-search form .input-append{
  white-space: normal;
  width: 100%;
  margin:0;
}

div.directory-search form input.search-query{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  width: 44%;
  float: left;
  background:url("../gfx/search.png") 3px 2px no-repeat transparent;
  padding-left:30px;
}

div.directory-search form select{
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  width: 20%;
  float: left;
}

div.directory-search form button.btn:last-child{
  background: #8BBBB8;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: white;
  float: left;
}

div.directory-search form button.btn:hover{
  background: #339993;
}
div.add-directory{border-left:1px solid #ccc;}
div.add-directory a{
  background-color:rgb(139, 187, 184);
  padding: 3px 3px;
  line-height: 35px;
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  text-decoration: none;
  height:41px;
  padding:0;width:100%;display:block;
}

div.add-directory a:hover{
  background: #339993;
  color:#fff;
}
.c393 div.add-directory input{width:80%;margin:20px 8%;padding:10px 15px;font-size:30px;}
div.directory.article{padding:10px;background:#fff;}
.alphabetic-search-container{
  height: 32px;
  overflow: hidden;
  background: #83BBB8;
  margin-right: 5px;
  padding: 0px 8px;
  color: white;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

div.searchByName span{
  float: left;
  line-height: 32px;
  padding-right: 2%;
}

div.searchByName label{
  float: left;
  padding: 7px;
}


div.directory-desked{
  clear: both;
  background: white;
  margin-bottom: 2px;
  overflow: hidden;
  padding: 10px 10px;
  position: relative;
  border:1px solid #ccc;
}
div.span9 div.directory-desked:nth-child(3){margin-top:20px;}
div.directory-desked div.directoryinfo a[role="button"]{position:absolute;bottom:10px;right:10px;background:url("../gfx/pinned.png") no-repeat 0 0 transparent;padding:5px 0 0 20px;}
.directoryimage {
  /*display: table;
  width: 100%;
  */
  float: left;
  overflow: hidden;
  height: 180px;
  background-color: #ccc;
}

div.directory-desked div.directoryimage{
  width: 30%;background:#ccc;
}

.directoryimage a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  height:180px;
}
.directoryimage a img{
  width: 100%;
  height: auto;
}

div.directory-desked div.directoryinfo {
  width: auto;
  overflow: hidden;
  float: left;
  padding-left: 10px;
}
div.directory.article{position:relative;padding:10px;margin-top:20px;border:1px solid #ccc;}
div.directory.article div.directoryimage{clear:both;height:auto;margin-bottom:10px;width:100%;}
div.directory.article div.directoryimage a{max-width:940px;display:block;margin:0 auto;height:auto;}
div.directory.article div.directorytitle{clear:both;margin-bottom:10px;font-size:24px;font-weight:bold;}

div.directoryarticle{
  position: relative;
  background: white;
  padding: 10px 10px 40px;
  margin-bottom: 10px;
}
div.directoryarticle div.directoryimage{margin-bottom:10px;}
.directorytitle {
  font-weight: bold;clear:both;
}

.directorylocation {
  background: url(../gfx/location_map_pin_black.png) no-repeat 3px 5px;
  padding-left: 20px;
  color: #777;
  font-size: 12px;
}

.directorylandlinenumber {
  background: url(../gfx/call-icon.png) no-repeat 3px 4px;
  padding-left: 20px;
  color: #777;
  font-size: 12px;
}

.directorywebaddress {
  background: url(../gfx/web-icon.jpg) no-repeat 2px 4px;
  padding-left: 20px;
  color: #777;
  font-size: 12px;
  word-wrap:break-word;
}

.directoryemailaddress{
  background: url(../gfx/mail-icon-black.png) no-repeat 2px 4px;
  padding-left: 20px;
  color: #777;
  font-size: 12px;
  margin-bottom:20px;
}
div.directoryarticle .directoryemailaddress{margin-bottom:10px;word-wrap:break-word;}
div.directoryarticle div.directoryviewmap{left:5px;bottom:10px;padding-top:10px;float:left;}
.directoryphonenumber{
  background: url(../gfx/Black_Mobile.png) no-repeat 2px 4px;
  padding-left: 20px;
  color: #777;
  font-size: 12px;
}

.directorycategoriescontainer {
  overflow: hidden;
  clear: both;
  margin-bottom: 15px;
}

.directorycategorieslabel {
  font-size: 12px;
  color: #777;
  font-weight: bold;
  margin-right: 5px;
  float: left;
  line-height: 25px;
  text-transform: uppercase;
}

.directorycategories {
  float: left;
  margin-right: 5px;
}

.directorycategories a {
  color: white;
  background: lightgrey;
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 2px;
  line-height: 25px;
  text-decoration: none;
}

.directoryviewmap{
  position: absolute;
  bottom: 4px;
  right: 4px;
  clear: both;
  overflow: hidden;
  font-size: 12px;
}

div.directoryviewmap a{
  color: #333;
  text-decoration: none;
  background:url("../gfx/pinned.png") no-repeat scroll 0px 0px transparent;
  display:block;padding:5px 0 0 20px;
}

/*   End CSS for Directory page*/

/*   Start CSS for Shop page*/
div.shoppingContent li.shopItemList{
  clear: both;
  overflow: hidden;
  padding: 3% 0%;
  border-bottom: 1px solid #999;
}

div.shoppingContent li.shopItemList:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

div.shoppingContent li.shopItemList div.shopItemImage{
  float: left;
  width: 30%;
}
div.shoppingContent li.shopItemList div.shopItemContent{
  float: left;
  padding: 1%;
  width: 68%;
}

div.shoppingContent li.shopItemList div.shopItemContent span{
  display: block;
  clear: both;
  margin-bottom:10px;
}
div.shoppingContent li.shopItemList div.shopItemContent span a{color:#71c6c3;font-size:18px;}
div.shoppingContent li.shopItemList div.shopItemContent div.shopButton input{float:right;background:#59beba;border:none;padding:5px 10px;color:#fff;}
div.shoppingContent-articleView{
  background: white;
  padding: 20px;
}

div.shoppingContent-articleView li.shopItemList div.shopItemImage{
  width: 37%;
}
div.shoppingContent-articleView li.shopItemList div.shopItemContent{
  width: 61%;
}

div.shoppingContent ol#pagination li {
  list-style: none;
  float: left;
}

/*   End CSS for Shop page*/

/*   Start CSS for Cart page*/

div.cart-container{
  background: white;
  overflow: hidden;
  padding: 5px;
}

div.cart-row{
  width: 100%;
  clear: both;
  border: 1px solid #EEE;
  /*  border-right: 1px solid #EEE;*/
  overflow: hidden;
  margin-top: 5px;
}

/*div.cart-row:first-child{
  border-top: 1px solid #EEE;
}*/

div.cart-row div.cart-column{
  width: 15%;
  /*  border-left: 1px solid #EEE;*/
  float: left;
  text-align: center;
  line-height: 30px;
}

div.cart-row.cart-tableContent div.cart-column{
  /*  height: 65px;*/
  padding-top: 5px;
}

div.cart-row div.cart-column label{
  line-height: 30px;
}

div.cart-row div.cart-header label{
  font-weight: bold;
}

div.cart-row div.cart-column.cart-item{
  width: 54%;
}

div.cart-row.cart-tableContent div.cart-column.cart-item{
  padding-left: 10px;
  width: 52.6%;
}

div.cart-row.cart-tableContent div.cart-column.cart-item label{
  float: left;
  margin-left: 10px;
}

div.cart-row.cart-tableContent div.cart-column.cart-item img{
  float: left;
}

div.cart-row.cart-tableContent div.cart-column.cart-item img.removeItem{
  margin: 18px 0;
  margin-right: 15px;
}


div.cart-row div.cart-column.cart-quantity input{
  width: 30%;
}

div.cart-row div.cart-column.cart-totalLabel{
  width: 84.1%;
  text-align: right;
}

div.cart-row div.cart-column.cart-totalLabel label{
  padding-right: 10px;
}

div.cart-container div.media {
  padding: 10px;
  background: white;
  float: left;
  border-radius: 5px 5px 5px;
  border: 1px solid #82ABAF;
  color: #32959A;
  font-weight: bold;
}

div.cart-container div.media a {
  color: #32959A;
}

div.cart-container form .submitBtn{
  float: right;
  margin: 10px;
}

/*   End CSS for Cart page*/

/* Start CSS fot checkout page */

div.checkout-page{
  background: white;
}

div.checkout-page div.cart-row div.cart-column.cart-item {
  width: 70%;
}

div.checkout-page div.cart-row.cart-tableContent div.cart-column.cart-item {
  width: 68%;
}

div.checkout-information{
  margin-left: 10px;
}


div.checkout-row{
  clear: both;
  margin: 10px 0px 30px;
}

div.checkout-row .checkout-row-header{
  margin: 10px 0;
  font-weight: bold;
  font-size: 1.2em;
}

div.checkout-row .checkout-row-header a{
  /*background: url(../gfx/menu-expanded.png) no-repeat 5px 60% #CCC;*/
  color: black;
  /*padding: 8px 18px;*/
  font-weight: bold;
  font-size: 1.2em;
}

div.checkout-row .checkout-row-header .menu-collapsed{
  background: url(../gfx/menu-collapsed.png) no-repeat 5px 50% #CCC;
}

div.checkout-row-content{
  display: inline-block;
  width: 100%;
}
div.checkout-row .checkout-row-content-container{
  font-size: 11px;
}

div.checkout-row .checkout-row-content-container label{
  font-size: 12px;
  font-weight: bold;
}

div.checkout-row .billing-information .billing-address{
  margin: 0;
  clear: both;
}

div.checkout-row-content label,div.checkout-row .billing-information label{
  float: left;
  width: 25%;
}
div.checkout-row-content label.option{width: 100%;}

div.checkout-row .checkout-row-content-container label.option span{
  margin-left: 12%;
}

div.checkout-row .checkout-row-content-container input[type="text"]{
  float: left;
}

div.checkout-row input[type="text"].errorInput {
  border: 2px solid red;
}

div.checkout-row span.error {
  color: red;
  float: left;
}



/* End CSS fot checkout page */

/* Start CSS for related story in filmstrip   */

.relatedStoryList{
  background: white;
  padding:0 10px;
}
div.relatedStoryList div.header h4{width:340px; text-align: center; margin:0 auto;top:15px;position:relative;background:#fff;padding:0 20px;font-family: JennaSue;font-size: 30px; line-height: 30px;}
div.relatedStoryList .navigation ul li.nav_prev{position:absolute;top:200px;z-index:1;left:-40px;cursor:pointer;}
div.relatedStoryList .navigation ul li.nav_next{position:absolute;top:200px;z-index:1;right:-40px;cursor:pointer;}
div.relatedStoryList .navigation ul li.nav_prev a i{background:url("../gfx/arrow-left.png") no-repeat 0 0 transparent;width:22px;height:40px;}
div.relatedStoryList .navigation ul li.nav_next a i{background:url("../gfx/arrow-right.png") no-repeat 0 0 transparent;width:22px;height:40px;}
div.relatedStoryList div.content .flexslider .flex-viewport ul.slides{padding:2px 0;}
div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li{height:450px;margin:0 5px;}
div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li div.title{margin:10px 0 20px;}
div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li div.title a{color:#000;font-weight:bold;font-size:18px;}
div.relatedStoryList div.content div.title{margin:10px 0 20px;}
div.relatedStoryList div.content div.title a{color:#000;font-weight:bold;font-size:18px;}

.relatedStoryList ul.slides li {
  margin: 3px;
  background: white;
  padding: 6px;
  box-shadow: 0.5px 0.5px 4px #CCC;
  -webkit-box-shadow: 0.5px 0.5px 4px #CCC;
  -moz-box-shadow: 0.5px 0.5px 4px #CCC;
}

.relatedStoryList ul.slides li .img-polaroid{
  padding: 0;
  border: none;
  box-shadow: none;
}

.relatedStoryList .image-container h6{
  background: #CCC;
  width: auto;
  padding: 3px 5px;
  text-align: center;
  font-size: 85%;
  position: absolute;
  top: 0px;
  color: white
}

.relatedStoryList .image-container h6 a{
  color: white;
  text-decoration: none;
}

.relatedStoryList .image-container h6.home_color{
  background: #59BDBB;
}

.relatedStoryList .image-container h6.things_to_do_color{
  background: #99C;
}

.relatedStoryList .image-container h6.body_and_style_color{
  background: #C9C;
}

.relatedStoryList .image-container h6.fashion_and_beauty_color{
  background: #FF33CC;
}

.relatedStoryList .image-container h6.health_and_fitness_color{
  background: #FF9900;
}

.relatedStoryList .image-container h6.wine_and_dine_color{
  background: #DF5E60;
}

.relatedStoryList .image-container h6.kids_color{
  background: #ED008C;
}

.relatedStoryList .image-container h6.travels_color{
  background: #09C;
}

.relatedStoryList .image-container h6.homes_color{
  background: #F69;
}

.relatedStoryList .image-container h6.living_in_singapore_color{
  background: #00C5BF;
}

/* End CSS for related story in filmstrip*/

/* Newsletter */
div.newsletter form{margin:0;}
div.newsletter div.newsletter-simple{overflow:hidden;margin:20px 20px 0;padding:8px 16px;border:2px solid #a0e8dd;border-radius:15px;color:#1ab4c0;font-size:20px;}
div.newsletter div.newsletter-simple input[name*="email"]{border:1px solid #64c3bf;width:70%;color:#b6b6b6;margin-top:10px;}
div.newsletter div.newsletter-simple input[type*="submit"]{padding:6px;border-radius:15px;background:#64c4c0;border:none;color:#ffffff;}
/* End Newsletter */

/* Calendar */
div.calendar.simple div.datepick-month div.datepick-month-header{display:block;}
.datepick-month-header select:first-child + select {*width:35%;*height:2em;}
div.calendar.simple div.datepick-month a.datepick-today,div.calendar.simple div.datepick-month a.datepick-today:hover{color:#ffffff;}
/* End Calendar */

/* special style class */
.clear-both{clear:both;}
.float-left{float:left;}
.float-right{float:right;}
.padding{padding:10px;}
.padding-top{padding-top:10px;}
.padding-left{padding-left:10px;}
.padding-right{padding-right:10px;}
.padding-bottom{padding-bottom:10px;}
.no-padding{padding:0;}
.margin{margin:10px;}
.margin-top{margin-top:10px;}
.margin-left{margin-left:10px;}
.margin-right{margin-right:10px;}
.margin-bottom{margin-bottom:10px;}
.no-margin{margin:0;}
.margin-auto{margin-left:auto;margin-right:auto;}
.whiteBackground{background:#fff;}
.position-relative{position:relative;}
.position-absolute{position:absolute;}
/*.blueBackground{background:blue;}*/
.text-align-center{text-align:center;}
.font-custom{font-family:JennaSue;font-size:24px;font-weight:bold;}
/*.container{width:93.1818%;padding:0 3.40909%;margin:0;}*/
.ad a img{width:100%;}
.row-fluid .span6 {width:39.63414634146341%;margin-left:0.6097560975609756%;}
.row-fluid .span3 {width:19.51219512195122%;margin-left:0.6097560975609756%;*width:19.48%;}
.row-fluid .span9 {width:59.756097561%;margin-left:0.6097560975609756%;}
.row-fluid .span2 {width:16.2%;margin-left:0.6097560975609756%;}
.row-fluid .span10 {width:63%;margin-left:0.6097560975609756%;}
.row-fluid .span7 {width:42.9%;margin-left:0.6097560975609756%;}

.fixedHeight{max-height:410px;overflow:hidden;}
.fixedHeight div.image-container{max-height:295px;overflow:hidden;cursor:pointer;}
.fixedHeight .fullIMG div.image-container {height:auto;}
.fixedHeight .overlay .media-body p{max-height:45px;overflow:hidden;}
.fixedHeight  .overlay .media-body h5.media-heading{margin:10px 0 5px;max-height:25px;overflow:hidden;}
.fixedHeight .span3 .overlay .media-body h5.media-heading{max-height:48px;}
.fixedHeight .span6 .overlay .media-body h5.media-heading{max-height:25px;}
.fixedHeight .span3 .overlay.custom-font1 .media-body h5.media-heading{max-height:60px;}
.fixedHeight .span6 .overlay.custom-font1 .media-body h5.media-heading{max-height:68px;}
.fixedHeight .tabbingGroup div.tab-content div.noticeBoard ul{height:185px;overflow:auto;}
.fixedHeight .span6 .overlay.custom-font1 .media-body .story-overlay-container  h5.media-heading {max-height:none;}
.fixedHeight .span6 .overlay.custom-font1 .media-body .story-overlay-container p {max-height:none;}
div.tabbingGroup {margin: 0px 0px 10px;}
div#footer_expand_text{position:absolute;right:60px;font-size:25px;font-weight:normal;margin:12px 0;line-height:25px;font-family:JennaSue;color:rgb(89, 189, 187);}
.datepick-month thead tr th:first-child + th + th + th + th + th,.datepick-month thead tr th:last-child{background:#fff;color:#339a99;}
.datepick-month tbody tr{height:30px;}
.datepick-month tbody tr td{width:30px;}
.datepick-month tbody tr td:first-child + td + td + td + td + td,.datepick-month tbody tr td:last-child{background:#fff;}
.datepick-month tbody tr td:first-child + td + td + td + td + td a,.datepick-month tbody tr td:last-child a{color:#339a99;}
.datepick-month tbody tr td:first-child + td + td + td + td + td a:hover,.datepick-month tbody tr td:last-child a:hover{color:#000;}
.datepick-month tbody tr td a{color:#fff;}
.datepick-month tbody tr td a:hover{color:#fff;}
.filmstrip.expatevent div.navigation {top:-25px;}

/* footer */
div#footer{padding-bottom:10px;z-index:3;background-image:linear-gradient(to bottom, #fcfefd, #e7e7e7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfefd', endColorstr='#e7e7e7', GradientType=0);background-color:#fcfefd;background-image:-moz-linear-gradient(top, #fcfefd, #e7e7e7);background-image:-ms-linear-gradient(top, #fcfefd, #e7e7e7);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfefd), to(#e7e7e7));background-image:-webkit-linear-gradient(top, #fcfefd, #e7e7e7);background-image:-o-linear-gradient(top, #fcfefd, #e7e7e7);background-image:linear-gradient(top, #fcfefd, #e7e7e7);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfefd', endColorstr='#e7e7e7', GradientType=0);}
#footer #footer_container #footerMenu{margin:10px auto;}
#footer #footer_container #footerMenu li{margin-right:15px;}
#footer #footer_container #footer_content #footer-expanded-menu{margin-top:15px;padding-bottom:15px;overflow:hidden;}


/**    Slideshow widget gallery view CSS start   **/
div.slideshow-gallery-image-container{
  background:transparent;
  border-bottom: 1px solid white;
  position: relative;
}

div.slideshow-gallery-image-container .nav-prev{
  margin-top: 17%;
}

div.slideshow-gallery-image-container .nav-next{
  margin-top: 17%;
}

div.slideshow-gallery-image-container div.image-view-port{
  width: 60%;
  height: 420px;
}

div.slideshow-gallery-image-container div.main-image-slide div.image-reel{
  width: 10000%;
}

div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
  width: 1%;
  float: left;
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
  text-align: center;
}


div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w610{
  height: 100% !important;
}

div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
  height: auto;
  width: 100%;
}

div.slideshow-gallery-image-container .thumb-image-container .image-view-port {
  box-shadow: none;
  padding: 1% 0;
  height: 85px;
}

div.slideshow-gallery-image-container .thumb-image-container .gallery-thumb-contents .image-reel{
  width: 10000%;
}

div.slideshow-gallery-image-container .thumb-image-container .nav-prev, .gallery-image-container .thumb-image-container .nav-next {
  margin-top: 2.5%;
}

div.slideshow-gallery-image-container .thumb-image-container .nav-prev, .gallery-image-container .thumb-image-container .nav-prev {
  margin-top: 2.5%;
}

div.slideshow-gallery-image-container .thumb-image-container .gallery-thumb-contents .image-holder {
  overflow: visible;
  /*  width: 0.218% !important;*/
}

div.slideshow-gallery-image-container div.image-caption-container{
  position: absolute;
  top: 0;
  right: 0;
  width: 27%;
}

div.slideshow-gallery-image-container div.image-captions{
  /*  float: left;*/
  /*  width: 27%;*/
  /*  margin: 10% 0 0 1%;*/
  /*  position: absolute;
    right: 0%;
    top: 12%;*/
  height: 420px;
  display: table-cell;
  vertical-align: middle;
}




@media (max-width: 1366px){
  div.slideshow-gallery-image-container div.image-view-port{
    height: 300px;
    width: 60%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
    height: 300px;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a.slideshow-landscape-image{
    height: 300px;
    display: table-cell;
    vertical-align: middle;
  }

  div.slideshow-gallery-image-container div.image-captions{
    height: 300px;
  }

  /*  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a{
      height: 300px;
      display: table-cell;
      vertical-align: middle;
    }*/

  /*  div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w610, div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
      height: auto !important;
      width: 100%;
    }
    div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w610{
      height: 100%;
    }*/

  /*  div.slideshow-gallery-image-container .nav-prev{
      margin-top: 28%;
    }

    div.slideshow-gallery-image-container .nav-next{
      margin-top: 28%;
    }*/
}

@media (min-width: 768px) and (max-width: 1024px){
  div.slideshow-gallery-image-container div.image-view-port{
    height: 228px;
    width: 60%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
    height: 228px;
  }
  div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
    height: auto !important;
    width: 100%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a.slideshow-landscape-image{
    height: 228px;
    display: table-cell;
    vertical-align: middle;
  }

  div.slideshow-gallery-image-container div.image-captions{
    height: 228px;
  }



  /*  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a{
      height: 362px;
      display: table-cell;
      vertical-align: middle;
    }

    div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w610, div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
      height: auto !important;
      width: 100%;
    }

    div.slideshow-gallery-image-container .nav-prev{
      margin-top: 28%;
    }

    div.slideshow-gallery-image-container .nav-next{
      margin-top: 28%;
    }*/
}

@media (min-width: 481px) and (max-width: 767px){
  div.slideshow-gallery-image-container div.image-view-port{
    height: 284px;
    width: 60%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
    height: 284px;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a.slideshow-landscape-image{
    height: 284px;
    display: table-cell;
    vertical-align: middle;
  }
  div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
    height: auto !important;
    width: 100%;
  }

  div.slideshow-gallery-image-container div.image-captions{
    height: 284px;
  }
}

@media (max-width: 480px){

  div.slideshow-gallery-image-container div.image-view-port{
    height: 178px;
    width: 60%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
    height: 178px;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a.slideshow-landscape-image{
    height: 178px;
    display: table-cell;
    vertical-align: middle;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
    height: auto !important;
    width: 100%;
  }


  div.slideshow-gallery-image-container div.image-captions{
    height:178px;
  }

  div.slideshow-gallery-image-container div.image-captions .image-leadtext{
    font-size: 25px;
  }
  div.slideshow-gallery-image-container div.image-captions label{
    font-size: 10px;
  }

}

/**    Slideshow widget gallery view CSS end   **/

/**  Advertise with us section CSS start   **/

div.advertise-page-title{
  /*  border-bottom: 1px solid white;*/
  margin-bottom: 0;
}

div.advertise-page-title h3{
  font-size: 24px;
  color: #444;
  text-shadow: 1px 1px white;
}

div.advertise-top-story-container{
  /*  border-top: 1px solid #CCC;*/
}

div.blank-row{
  position: relative;
  top: 65px;
  left: 5px;
  width: 99.6%;
}

div.blank-row .top-part{
  border-bottom: 1px solid white;
}

div.blank-row .bottom-part{
  border-top: 1px solid #DDD;
}

div.advertise-top-story-container div.span7{
  width: 61%;
}

div.advertise-top-story-container div.span5{
  width: 37%;
  margin-left: 5px;
  float: right;
}

div.advertise-top-story-content{
  /*  height: 250px;
    display: table-cell;
    vertical-align: middle;*/
  padding: 0px 15px;
  padding-top: 30px;
  /*  border-top: 1px solid #CCC;*/
}
div.advertise-top-story-content h2{
  font-family: JennaSue;
  font-size: 56px;
  font-weight: normal;
  color: #3E819E;
}
div.advertise-top-story-content h5{
  font-weight: normal;
  font-size: 16px;
  padding-top: 12px;
  text-shadow: 1px 1px white;
  color: #020202;
  text-align: justify;
  line-height: 18px;
}

div.advertise-top-story-container div.widget.picture.section{
  margin-top: 20px;
}

div.advertise-top-story-container div.image-container{
  overflow: hidden;
  max-height: 290px;
}

div.advertise-top-story-body{
  /*  padding-bottom: 20px;*/
  color: #555;
  border-bottom: 1px solid white;
  margin-bottom: 0;
  line-height: 18px;
}

div.advertise-top-story-body .body{
  background: white;
  padding: 20px;
}

div.highlights{
  clear: both;
  width: 100%;
  overflow: hidden;
}

div.highlights div.span6{
  width: 47%;
}

div.highlights div.span6:first-child{
  margin-right: 30px;
}

div.highlights ul{
  margin-left: 0;
}

div.highlights ul li{
  list-style: none;
  line-height: 18px;
  margin-bottom: 15px;
}

div.highlights ul li h5{
  text-transform: uppercase;
  color: #016990;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: normal;
}

div.advertise-body h1{
  font-family: JennaSue;
  color: #016990;
  font-weight: normal;
  font-size: 35px;
  margin-top: 0;
}

div.advertise_media_content{
  margin-top: 0;
  border-bottom: 1px solid white;
  margin-bottom: 0;
}

div.advertise_media_content ul{
  background: white;
  overflow: hidden;
  padding: 10px 10%;
}

div.advertise_media_content ul li{
  float: left;
  margin-left: 2%;
}

div.advertise_media_content ul li:first-child{
  margin-left: 9%;
}

div.advertise_media_content ul li a{
  border: 1px solid #EEE;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 1px #CCC;
  color: #83cbc8;
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 1366px){
  div.advertise_media_content ul{
    padding: 10px 0px;
  }
}

@media (min-width: 900px) and (max-width: 1024px){
  div.advertise_media_content ul{
    padding: 10px 0px;
  }

  div.advertise_media_content ul li{
    margin-left: 1%;
  }
  div.advertise_media_content ul li:first-child{
    margin-left: 1%;
  }
}

@media (min-width: 768px) and (max-width: 899px){
  div.advertise_media_content ul{
    padding: 10px 0px;
  }

  div.advertise_media_content ul li{
    margin-left: 1%;
    clear: both;
  }
  div.advertise_media_content ul li:first-child{
    margin-left: 1%;
  }

  div.advertise-top-story-container div.span5{
    float: left;
  }
}

@media (max-width: 767px){
  div.advertise-top-story-container div.span5{
    float: left;
  }
}

@media (max-width: 600px){
  div.advertise_media_content ul{
    padding: 10px 0px;
  }

  div.advertise_media_content ul li{
    margin-left: 1%;
    clear: both;
  }
  div.advertise_media_content ul li:first-child{
    margin-left: 1%;
  }
}


div.advertise-bottom-story-title{
  border-top: 1px solid #DDD;
  padding-top: 10px;
}

div.advertise-bottom-story-title h2{
  margin-top: 0;
  color: #010101;
  text-shadow: 1px 1px white;
  font-size: 24px;
}

div.advertise-bottom-story-body{
  font-size: 18px;
  border-bottom: 1px solid white;
  margin-bottom: 0;
  padding-bottom: 20px;
}

div.advertise_contact_mail{
  margin-bottom: 20px;
}

div.advertise-bottom-story-body h5{
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}

div.advertise-bottom-story-body .body ul{
  margin-left: 0;
}

div.advertise-bottom-story-body .body ul li{
  list-style: none;
  margin: 15px 0px;
}

div.advertise-bottom-story-body .body ul li span{
  font-weight: bold;
}

a.advertise-contact-mail{
  background: white;
  padding: 5px 15px;
  -moz-box-shadow: 0px 1px 1px #dedede;
  -webkit-box-shadow: 0px 1px 1px #dedede;
  box-shadow: 0px 1px 1px #dedede;
  color: #83BBB8;
  font-weight: bold;
  text-decoration: none
}
.advertise-option-title {
  border-top: 1px solid #DDD;
  margin-bottom: 0;
}

.advertise-option-title h3{
  font-size: 24px;
  margin-bottom: 0;
}

div.advertise_slideshow{
  margin-bottom: 0px;
  border-bottom: 1px solid #DDD;
}

div.advertise_slideshow .slideshow-gallery-image-container{
  margin-bottom: 0px;
  width: auto;
  padding-top: 0;
}
div.advertise_slideshow .slideshow-gallery-image-container .main-image-container{
  width: 72%;
  background: #ECECEC;
  overflow: hidden;
  padding-top: 2%;
  padding-bottom: 1%
}

div.advertise_slideshow div.slideshow-gallery-image-container .nav-prev,
div.advertise_slideshow div.slideshow-gallery-image-container .nav-next{
  margin: 25% 0;
  width: 8%;
}

div.advertise_slideshow div.slideshow-gallery-image-container div.image-view-port {
  width: 84%;
}

div.advertise_slideshow .slideshow-gallery-image-container .thumb-image-container{
  width: 72%;
  overflow: hidden;
  background: #ECECEC;
  padding-top: 2.5%;
  margin-top: 0;
  margin-bottom: 2%;
}

div.advertise_slideshow div.slideshow-gallery-image-container .thumb-image-container .nav-prev,
div.advertise_slideshow div.slideshow-gallery-image-container .thumb-image-container .nav-next{
  margin: 3.5% 0;
}

div.advertise_slideshow div.slideshow-gallery-image-container .thumb-image-container .image-view-port {
  box-shadow: none;
  padding: 1% 0;
  height: 55px;
}


div.advertise_slideshow div.slideshow-gallery-image-container div.image-captions .image-leadtext{
  font-family: JennaSue;
  color: #006C89;
  font-size: 35px;
  font-weight: normal;
  margin-bottom: 5px;
}

div.advertise_slideshow div.slideshow-gallery-image-container div.image-captions label{
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 10px;
}

.advertise_related_story_title{
  overflow: hidden;
  text-align: center;
}

.advertise_related_story_title h3{
  margin-top: 0px;
  padding-top: 10px;
  font-size: 24px;
}

.advertise_related_story .stories h5{
  display: none;
}

.advertise_related_story .stories p{
  margin-top: 10px;
  padding: 0%;
}

.advertise_contact{
  clear: both;
  background: white;
  width: 58%;
  margin: 0 auto;
  padding: 10px 20px;
}

.advertise_contact p{
  margin: 0;
}

.advertise_contact p a{
  color: #6fc0c1;
}
/**  Advertise with us section CSS End   **/


/**    Slideshow widget gallery view CSS start   **/
div.slideshow-gallery-image-container{
  background:transparent;
  border-bottom: 1px solid white;
  position: relative;
}

div.slideshow-gallery-image-container .nav-prev{
  margin-top: 17%;
}

div.slideshow-gallery-image-container .nav-next{
  margin-top: 17%;
}

div.slideshow-gallery-image-container div.image-view-port{
  width: 60%;
  height: 420px;
}

div.slideshow-gallery-image-container div.main-image-slide div.image-reel{
  width: 10000%;
}

div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
  width: 1%;
  float: left;
  overflow-x: hidden;
  overflow-y: hidden;
  display: block;
  text-align: center;
}


div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w610{
  height: 100% !important;
}

div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
  height: auto;
  width: 100%;
}

div.slideshow-gallery-image-container .thumb-image-container .image-view-port {
  box-shadow: none;
  padding: 1% 0;
  height: 85px;
}

div.slideshow-gallery-image-container .thumb-image-container .gallery-thumb-contents .image-reel{
  width: 10000%;
}

div.slideshow-gallery-image-container .thumb-image-container .nav-prev, .gallery-image-container .thumb-image-container .nav-next {
  margin-top: 2.5%;
}

div.slideshow-gallery-image-container .thumb-image-container .nav-prev, .gallery-image-container .thumb-image-container .nav-prev {
  margin-top: 2.5%;
}

div.slideshow-gallery-image-container .thumb-image-container .gallery-thumb-contents .image-holder {
  overflow: visible;
  /*  width: 0.218% !important;*/
}

div.slideshow-gallery-image-container div.image-caption-container{
  position: absolute;
  top: 0;
  right: 0;
  width: 27%;
}

div.slideshow-gallery-image-container div.image-captions{
  /*  float: left;*/
  /*  width: 27%;*/
  /*  margin: 10% 0 0 1%;*/
  /*  position: absolute;
    right: 0%;
    top: 12%;*/
  height: 420px;
  display: table-cell;
  vertical-align: middle;
}




@media (max-width: 1366px){
  div.slideshow-gallery-image-container div.image-view-port{
    height: 300px;
    width: 60%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
    height: 300px;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a.slideshow-landscape-image{
    height: 300px;
    display: table-cell;
    vertical-align: middle;
  }

  div.slideshow-gallery-image-container div.image-captions{
    height: 300px;
  }

  /*  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a{
      height: 300px;
      display: table-cell;
      vertical-align: middle;
    }*/

  /*  div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w610, div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
      height: auto !important;
      width: 100%;
    }
    div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w610{
      height: 100%;
    }*/

  /*  div.slideshow-gallery-image-container .nav-prev{
      margin-top: 28%;
    }

    div.slideshow-gallery-image-container .nav-next{
      margin-top: 28%;
    }*/
}

@media (min-width: 768px) and (max-width: 1024px){
  div.slideshow-gallery-image-container div.image-view-port{
    height: 228px;
    width: 60%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
    height: 228px;
  }
  div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
    height: auto !important;
    width: 100%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a.slideshow-landscape-image{
    height: 228px;
    display: table-cell;
    vertical-align: middle;
  }

  div.slideshow-gallery-image-container div.image-captions{
    height: 228px;
  }



  /*  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a{
      height: 362px;
      display: table-cell;
      vertical-align: middle;
    }

    div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w610, div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
      height: auto !important;
      width: 100%;
    }

    div.slideshow-gallery-image-container .nav-prev{
      margin-top: 28%;
    }

    div.slideshow-gallery-image-container .nav-next{
      margin-top: 28%;
    }*/
}

@media (min-width: 481px) and (max-width: 767px){
  div.slideshow-gallery-image-container div.image-view-port{
    height: 284px;
    width: 60%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
    height: 284px;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a.slideshow-landscape-image{
    height: 284px;
    display: table-cell;
    vertical-align: middle;
  }
  div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
    height: auto !important;
    width: 100%;
  }

  div.slideshow-gallery-image-container div.image-captions{
    height: 284px;
  }
}

@media (max-width: 480px){

  div.slideshow-gallery-image-container div.image-view-port{
    height: 178px;
    width: 60%;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder{
    height: 178px;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder a.slideshow-landscape-image{
    height: 178px;
    display: table-cell;
    vertical-align: middle;
  }

  div.slideshow-gallery-image-container div.main-image-slide div.image-holder img.w611{
    height: auto !important;
    width: 100%;
  }


  div.slideshow-gallery-image-container div.image-captions{
    height:178px;
  }

  div.slideshow-gallery-image-container div.image-captions .image-leadtext{
    font-size: 25px;
  }
  div.slideshow-gallery-image-container div.image-captions label{
    font-size: 10px;
  }

}

/**    Slideshow widget gallery view CSS end   **/

/* ----- UAT ----- */
.margin-top5{margin-top:5px;}
.padding-top5{padding-top:5px;}
.datepick-month {height:230px;}
div.filmstrip div.header {position:relative;color:#ff6396;padding-top:15px;}
div.filmstrip div.content{padding-top:10px;}
div.navigation.wf-breadcrumbCustomed{position:relative;top:0;margin:0;height:25px;}
.float-left div.navigation.wf-breadcrumbCustomed{height:auto;}
div.fb-comments{padding:10px;float:left;background:#fff;overflow:hidden;width:95%;margin:0px 0 15px;}
/* #14 */
.gallery-image-container .image-holder .caption-bg {display:none;}
.gallery-image-container .image-holder label {background: none repeat scroll 0% 0% rgb(255, 255, 255);opacity: 0.7;right: 0px;left: 0px;padding: 10px;bottom: -5px;font-size: 24px;font-family: JennaSue;font-weight:bold;color:#000;}

/* #19 */
div.pageTools.addThis{padding-top:20px;}
div.tags{padding:5px 0 0;border-top:2px solid #b7b7b7;}
div.tags span.label{border-radius:0;padding:5px 10px;margin-top: 5px;}
div.tags span.label a{color:#fff;font-size:14px;font-weight:normal;}
p.dateline{color:#666;}

/* #24 */
div.storyContent div.image-container .wf-caption .content h4{font-size:24px;font-style:normal;}

/* #26 & #39 */
.gallery-image-container .image-reel{width:10000% !important}
.gallery-image-container .thumb-image-container .gallery-thumb-contents .image-holder {display:none;}
.gallery-image-container .thumb-image-container .gallery-thumb-contents .image-holder .image {width:auto;margin-right:20px;}

/* #27 */
div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li div.title {overflow:hidden;margin:5px 0 10px;}
div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li {height:540px;}

/* #28 */
#footerMenu li {font-size:12px;}
#footer-expanded-menu h2 {font-size:14px;}
#footer-expanded-menu li a {font-size:11px;}
div#footer_expand_text {width:20%;}
#footer_button.opened {cursor:pointer;}

/* #34*/
div.list.detailed div.content div.media.item{background:transparent !important;}
div.list.detailed div.content div.media.item div.media-body h5{max-height:65px;overflow:hidden;}
.media, .media-body {height:auto !important;}
div.list.detailed div.content div.media.item div.media-body h5 a{color:#000;font-size:18px;}

/* #35 */
.fixedHeight .span3 .overlay .media-body h5.media-heading {max-height:47px;}
.fixedHeight .span6 .overlay.custom-font1 .media-body h5.media-heading {max-height:64px;padding-bottom:6px;}
.fixedHeight .overlay .media-body h5.media-heading{margin-top:5px;}
.fixedHeight .span6 .overlay.custom-font1 .media-body .story-overlay-container h5.media-heading {padding-bottom:4px;}
.overlay .media-body h5.media-heading a {font-size:20px;line-height:24px;}
.custom-font1 .media-body h5.media-heading a {font-size:31px;line-height:33px;padding-left:0;}
div.list.detailed div.content div.media.item div.media-body p{max-height:100px;overflow:hidden;}

div.addthis_toolbox.addthis_default_style{margin-bottom:10px;}
div.storyContent.article h2{font-size:23px;margin:0;}
div.menu.horizontal .innerMenu div.container ul.nav li a {font-weight:normal;font-size:13px;}
div.menu.horizontal div.container {width:74%;margin:0 0 0 21.5%;}
#footer #footer_container {width:52%;margin:0 0 0 22.5%;}
#footerMenu li {font-size:14px;}
#footerMenu li a {color:#006c8d;}
#footer-expanded-menu li a {font-size:12px;}
#footer-expanded-menu .footer-column {width:20%;}
div#footer_expand_text {width:270px;right:50px;}
div.menu.horizontal .navbar-inverse ul.nav li.first a{width:27px;height:20px;background:url("../gfx/home_logo.png") no-repeat center center transparent;}
div.menu.horizontal .navbar-inverse ul.nav li.first a span{font-size:0;line-height:0;}
.image-container img {width:100%;}

.fullIMG .image-container img {height:100%; max-width:none;}

@media (min-width: 980px) and (max-width: 1366px){
  .fullIMG .image-container img {width: auto;}
}

div.navbar-inverse .navber-inner,div.navbar-inner{filter:none;}
.fixedHeight .fullIMG  div.image-container{max-height:none;}

div.navigation ul{background:transparent !important;;}
div.navigation ul.breadcrumb div.tringle.even,div.navigation ul.breadcrumb div.tringle.odd{border:none !important;width:25px !important;height:25px !important;position:relative;z-index:2;}
div.navigation ul.breadcrumb div.tringle.even{background:url("../gfx/white.png") no-repeat top left transparent;}

.living_in_singapore_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(0, 197, 191);}
.travels_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(0, 153, 204);}
.homes_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(255, 102, 153);}
.kids_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(237, 0, 140);}
.things_to_do_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(153, 153, 204);}
.wine_and_dine_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(223, 94, 96);}
.body_and_style_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(204, 153, 204);}
.fashion_and_beauty_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(255, 51, 204);}
.health_and_fitness_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(255, 153, 0);}
.home_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(227, 103, 155);}
div#blog ul.breadcrumb div.tringle.even{background-color:rgb(124, 124, 124);}

.living_in_singapore_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/blue.png") no-repeat top left transparent;}
.travels_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/darkblue.png") no-repeat top left transparent;}
.homes_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/pink.png") no-repeat top left transparent;}
.kids_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/darkpink.png") no-repeat top left transparent;}
.things_to_do_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/purple.png") no-repeat top left transparent;}
.wine_and_dine_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/softbrown.png") no-repeat top left transparent;}
.body_and_style_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/softpurple.png") no-repeat top left transparent;}
.fashion_and_beauty_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/stylepink.png") no-repeat top left transparent;}
.health_and_fitness_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/orange.png") no-repeat top left transparent;}
div#blog div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/grey.png") no-repeat top left transparent;}
.home_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/softpink.png") no-repeat top left transparent;}
div#blog div.navigation ul.breadcrumb li.even span.lastSection{color:#000;}

body {font-family:"NimbusSans","Helvetica Neue",Helvetica,Arial,sans-serif;}
div.storyContent.article > h5{font-weight:normal;}

.align-center{text-align:center;}
.align-center > div,.align-center object{margin:0 auto;display:block;}

div.menu.filters{overflow:hidden;margin:0 0 20px;background-image:linear-gradient(to bottom, #ffffff, #f0f0f0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);background-color:#ffffff;background-image:-moz-linear-gradient(top, #ffffff, #f0f0f0);background-image:-ms-linear-gradient(top, #ffffff, #f0f0f0);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f0f0f0));background-image:-webkit-linear-gradient(top, #ffffff, #f0f0f0);background-image:-o-linear-gradient(top, #ffffff, #f0f0f0);background-image:linear-gradient(top, #ffffff, #f0f0f0);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);}
div.menu.filters{padding-left:22%;border-top:20px solid #f0f0f0;}
div.menu.filters > div.prefix{padding-top:10px;width:auto;float:left;font-size:12px;text-transform:uppercase;line-height:16px;margin-right:50px;}
div.menu.filters > div.filters{padding-top:10px;width:auto;float:left;font-size:12px;margin-right:30px;border:none;height:30px;}
div.menu.filters > div.submit{padding-top:10px;width:auto;float:left;font-size:12px;margin-bottom:10px;}

.living_in_singapore_color div.menu.filters > div.container{color:rgb(0, 197, 191);}
.travels_color div.menu.filters > div.container{color:rgb(0, 153, 204);}
.homes_color div.menu.filters > div.container{color:rgb(255, 102, 153);}
.kids_color div.menu.filters > div.container{color:rgb(237, 0, 140);}
.things_to_do_color div.menu.filters > div.container{color:rgb(153, 153, 204);}
.wine_and_dine_color div.menu.filters > div.container{color:rgb(223, 94, 96);}
.body_and_style_color div.menu.filters > div.container{color:rgb(204, 153, 204);}
.fashion_and_beauty_color div.menu.filters > div.container{color:rgb(255, 51, 204);}
.health_and_fitness_color div.menu.filters > div.container{color:rgb(255, 153, 0);}
.home_color div.menu.filters > div.container{color:rgb(227, 103, 155);}
div#blog div.menu.filters > div.container{color:rgb(124, 124, 124);}

div.menu.filters > div.container span.filter-submit{color:#fff;border-radius:5px;padding:4px 15px;cursor:pointer;text-transform:uppercase;}
.living_in_singapore_color div.menu.filters > div.container span.filter-submit{background-color:rgb(0, 197, 191);}
.travels_color div.menu.filters > div.container span.filter-submit{background-color:rgb(0, 153, 204);}
.homes_color div.menu.filters > div.container span.filter-submit{background-color:rgb(255, 102, 153);}
.kids_color div.menu.filters > div.container span.filter-submit{background-color:rgb(237, 0, 140);}
.things_to_do_color div.menu.filters > div.container span.filter-submit{background-color:rgb(153, 153, 204);}
.wine_and_dine_color div.menu.filters > div.container span.filter-submit{background-color:rgb(223, 94, 96);}
.body_and_style_color div.menu.filters > div.container span.filter-submit{background-color:rgb(204, 153, 204);}
.fashion_and_beauty_color div.menu.filters > div.container span.filter-submit{background-color:rgb(255, 51, 204);}
.health_and_fitness_color div.menu.filters > div.container span.filter-submit{background-color:rgb(255, 153, 0);}
.home_color div.menu.filters > div.container span.filter-submit{background-color:rgb(227, 103, 155);}
div#blog div.menu.filters > div.container span.filter-submit{background-color:rgb(124, 124, 124);}

div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-9.png") no-repeat 95% 11px transparent;width:300px;overflow:hidden;padding:0;}
div.menu.filters > div.container.filters select{border:none;background:none transparent;width:330px;color:#a8a8a8;font-size:12px;}
.living_in_singapore_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-1.png") no-repeat 95% 11px transparent;}
.travels_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-2.png") no-repeat 95% 11px transparent;}
.homes_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-3.png") no-repeat 95% 11px transparent;}
.kids_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-4.png") no-repeat 95% 11px transparent;}
.things_to_do_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-5.png") no-repeat 95% 11px transparent;}
.wine_and_dine_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-6.png") no-repeat 95% 11px transparent;}
.body_and_style_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-7.png") no-repeat 95% 11px transparent;}
.fashion_and_beauty_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-11.png") no-repeat 95% 11px transparent;}
.health_and_fitness_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-10.png") no-repeat 95% 11px transparent;}
div#blog div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-8.png") no-repeat 95% 11px transparent;}

div.navigation ul.breadcrumb li.even{padding-left:30px;position:relative;margin-left:-25px;z-index:1;}
div.navigation ul.breadcrumb div.tringle.even:last-child{background-color:transparent !important;}

div.gallery-image-container div.navigation.wf-breadcrumbCustomed:first-child + div.navigation.wf-breadcrumbCustomed{display:none;}
div.gallery-image-container div.navigation.wf-breadcrumbCustomed:first-child + div.navigation.wf-breadcrumbCustomed + div.navigation.wf-breadcrumbCustomed{display:none;}
div.gallery-image-container div.navigation.wf-breadcrumbCustomed:first-child + div.navigation.wf-breadcrumbCustomed + div.navigation.wf-breadcrumbCustomed + div.navigation.wf-breadcrumbCustomed{display:none;}
div.competition-article-view div.header h4 {font-size:14px;}
div.competition div.image-container{margin:10px 0 20px;}
div.competition.article a{color:#6bd0cc;}
div.competition-article-view div.hasCountdown {left:35%;}
div.competition-article-view span.countdown_section span.countdown_amount {float: left;margin: 5px 7px;border-radius:5px;background-color:#6bcecb;}
.competitorSubmissionForm input.submitBtn {border-radius:5px;}
div.competition-article-view div.countdown-container div.countdown-content {border-bottom:1px solid #757575;}
.competitorSubmissionForm input.submitBtn {text-transform: uppercase;background-color: #6bcecb;font-size:16px;padding: 5% 15%;}
form.competitorSubmissionForm span.required {margin-left:2px;}
div.menu.filters > div.container.filters select {color:#000;}
ul.eventActionList {position:absolute;width:90%;bottom:10px;left:5%;}
div.competition-section-view div.competition-content div.competition-title{height: 53px;overflow: hidden;}
div.competition-section-view div.competition-content div.hasCountdown {width:100%;}
div.competition-section-view div.competition-content span.countdown_section span.countdown_amount {float:left;margin-left:12px;}
.span3 div.filmstrip div.header {padding:0;}
div.calendar div.widget-title {line-height:1.5em;}
.span3 div.calendar{padding:10px;}
.span3 div.filmstrip div.content {padding:0;}
div.widget.expatevent div.header h4 {font-weight:normal;}
.span3 div.calendar div.clearfix,div.filmstrip div.clearfix:first-child + div + div{min-height:50px;}
.datepick-month{height: auto !important;}
#blog .span9{background: none repeat scroll 0% 0% rgb(238, 238, 238);padding:20px;}
div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav .datepick-cmd-prev, div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav .datepick-cmd-next {top:210px;}
div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav .datepick-cmd-prev {left: -5px;}
div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav .datepick-cmd-next {right:-5px;}
div.expatevent ul.eventActionList li {border:1px solid rgb(204, 204, 204);}
.fixedHeight .span6 .overlay.custom-font1 .media-body h5.media-heading {height:30px;}
input[value="Premium"],input[value="Standard"]{width:100%;height:100px;}
div#blog div.comments.facebook div.header{font-family:NimbusSans;text-align:left}
.span3,.span6{position:relative;}
.span3 div.calendar{position:static;}
.row-fluid.headerContent div.span6:first-child+ div + div{float:right;}
div.publicationLink ul {
  margin: 10px 0px;
  overflow: hidden;
  font-family: NimbusSans;
  font-size: 14px;
  color: rgb(0, 0, 0);
}
div.publicationLink ul div {
  float: left;
  margin-right: 10px;
}
div.publicationLink ul li {
  float: left;
  padding: 0px 10px 0px 15px;
  list-style: none outside none;
}
div.publicationLink ul li {
  background: url("../gfx/small-arrow.png") no-repeat scroll left center transparent;
}
div.publicationLink ul li a {
  color: rgb(0, 0, 0);
}
.living_in_singapore_color .navbar-inverse .btn-navbar,.living_in_singapore_color .innerMenu div.hideExpandText{background:rgb(0, 197, 191);}
.travels_color .navbar-inverse .btn-navbar,.travels_color .innerMenu div.hideExpandText{background:rgb(0, 153, 204);}
.homes_color .navbar-inverse .btn-navbar,.homes_color .innerMenu div.hideExpandText{background:rgb(255, 102, 153);}
.kids_color .navbar-inverse .btn-navbar,.kids_color .innerMenu div.hideExpandText{background:rgb(237, 0, 140);}
.things_to_do_color .navbar-inverse .btn-navbar,.things_to_do_color .innerMenu div.hideExpandText{background:rgb(153, 153, 204);}
.wine_and_dine_color .navbar-inverse .btn-navbar,.wine_and_dine_color .innerMenu div.hideExpandText{background:rgb(223, 94, 96);}
.body_and_style_color .navbar-inverse .btn-navbar,.body_and_style_color .innerMenu div.hideExpandText{background:rgb(204, 153, 204);}
.fashion_and_beauty_color .navbar-inverse .btn-navbar,.fashion_and_beauty_color .innerMenu div.hideExpandText{background:rgb(255, 51, 204);}
.health_and_fitness_color .navbar-inverse .btn-navbar,.health_and_fitness_color .innerMenu div.hideExpandText{background:rgb(255, 153, 0);}
.home_color .navbar-inverse .btn-navbar,.home_color .innerMenu div.hideExpandText{background:rgb(131, 187, 184);}
.blog_color .navbar-inverse .btn-navbar,.blog_color .innerMenu div.hideExpandText{background:rgb(124, 124, 124);}


.living_in_singapore_color div.expandMenu{color:rgb(0, 197, 191);}
.travels_color div.expandMenu{color:rgb(0, 153, 204);}
.homes_color div.expandMenu{color:rgb(255, 102, 153);}
.kids_color div.expandMenu{color:rgb(237, 0, 140);}
.things_to_do_color div.expandMenu{color:rgb(153, 153, 204);}
.wine_and_dine_color div.expandMenu{color:rgb(223, 94, 96);}
.body_and_style_color div.expandMenu{color:rgb(204, 153, 204);}
.fashion_and_beauty_color div.expandMenu{color:rgb(255, 51, 204);}
.health_and_fitness_color div.expandMenu{color:rgb(255, 153, 0);}
.home_color div.expandMenu{color:rgb(131, 187, 184);}
.blog_color div.expandMenu{color:rgb(124, 124, 124);}
.innerMenu div.expandMenu{color:#fff !important;}

div.expandMenu{display:none;position:absolute;top:10px;right:60px;}
div.menu.horizontal div.container {position:relative;}
.nav-collapse, .nav-collapse.collapse.in{position:relative;z-index:9;overflow:visible;}
div.hideExpandText{display:none;position:absolute;top:-20px;right:60px;background:#fff;width:87px;height:20px;}
.in div.hideExpandText{display:block;}
div.menu.horizontal .innerMenu div.container ul.nav li a {font-size:14px;}

div.list div.content{border-bottom:1px solid #ccc;}
div.list div.content div.media.item{background: none repeat scroll 0% 0% transparent !important;border-top:1px solid #ccc;border-bottom:1px solid #fff;padding:10px 0;margin:0;}
div.list div.content div.media.item:first-child {border:none;}
.media, .media-body{height: auto !important;padding-top:0;}
div.list div.content div.media.item div.media-body h5 a{color: rgb(0, 0, 0);font-size: 18px;}
.row-fluid.c03330> div:first-child,.row-fluid.c03330 > div:last-child,.row-fluid.c0630 > div:first-child,.row-fluid.c090 > div:first-child,.row-fluid.c090 > div:last-child{background:transparent !important;}


/*Newsletter subscription form CSS*/
div.newsletter.detailed form div.formField.newsletter div.field ul li{display:block;float:left;width:100%;}

/*css related with directory summery*/
div.directoryform form table tr td textarea.premiumSummery{height:64%;width:54%;}

/*CSS related with directory image*/
div.directory.article .directoryimage a img{width:auto;height:300px;}
div.directory.article div.directoryimage a img.portrait{width:auto;}

div.directory.list div.directorywebaddress a,div.directory.list div.directoryemailaddress a,div.directory.list div.directorytitle a{color:#333333;text-decoration:none;}

/*event article page css*/
div.wrapper-event-detail{background-color:#ffffff;padding:10px;}
div.widget.storyContent.article.event-details{background-color:#9999CC;margin-bottom:0;padding:5px;}
div.widget.storyContent.article.event-details span.event-label{font-weight:bold;color:#ffffff;}

/*trending now CSS. Related Directories CSS*/
div.relatedContents.directories div.header,
div.list.detailed.trendingNow div.header{
  border-bottom: none;
}

div.relatedContents.directories div.header h5,
div.list.detailed.trendingNow div.header h4{
  color: #FFFFFF;
  font-family: JennaSue;
  text-align: center;
  font-size: 38.5px;
  margin: 10px 0;
  line-height: 40px;
}

div.relatedContents.directories div.content,
div.list.detailed.trendingNow div.content {
  background: none repeat scroll 0 0 #FEFEFE;
  border: 1px solid #C3C2C0;
  padding: 20px 20px 10px 20px;
}

div.relatedContents.directories div.content div.media.item div.media-body h5 a,
div.list.detailed.trendingNow div.content div.media.item div.media-body h5 a{
  font-size: 16px;
}

/*competition widget*/
div.competition-section-view div.header h4{
  font-size: 38.5px;
  line-height: 40px;
}

div.relatedContents.directories div.content div.media.item{border-top:1px solid #cccccc;padding: 10px 0;}
div.relatedContents.directories div.content div.media.item div.media-body h5{
  max-height: 65px;
  overflow: hidden;
}
div.relatedContents.directories div.content div.media.item div.media-body h5 a{
  font-size: 16px;
  color: #000000;
  text-decoration: none;
}

.marginTop10{margin-top:10px;}

div.articlePage div.widget.expatevent div.header{
  padding-top: 10px;
}

div.articlePage div.widget.expatevent div.header h4{
  color:#137371;
  font-size:38.5px;
  line-height:40px;
  font-family: JennaSue;
  font-weight: normal;
}

div.articlePage div.widget.expatevent div.content{
  padding-top: 0px;
}

div.articlePage div.calendar div.widget-title{
  font-size:38.5px;
  line-height:40px;
}

.whiteBackground.articlePage{padding-top:10px;margin-top:10px;}


/*custom css added for story content widget article view*/
div.widget.storyContent.article img.portrait-normal{
  display: block;
  margin-left:auto;
  margin-right:auto;
}


/* article page main container */

div.row-fluid.c393.article-page-main-row div.span3:first-child{
  width: 10%;
}

/*Distributed PDF CSS*/
div.relatedContents.media.distributedMedia p a.pdf{font-family:JennaSue;color:#006C8D;font-size:24px;text-decoration:none;}

div.expatevent div.startDate, div.expatevent div.title a{
  color: #007A75;
}

div.things_to_do_color div.fb-comments{
  padding: 1%;
  width: 98%;
  margin-top: 10px;
}

#footer-expanded-menu li.othersections a{font-size:14px;color:#000000;}
#footer-expanded-menu h2.parent a{color:#000000;font-size:14px;}

/*   Header CSS   */
div.publicationLink ul {
  margin: 10px 0px;
  overflow: hidden;
  font-family: NimbusSans;
  font-size: 14px;
  color: rgb(0, 0, 0);
}
div.publicationLink ul div {
  float: left;
  margin-right: 10px;
}
div.publicationLink ul li {
  float: left;
  padding: 0px 10px 0px 15px;
  list-style: none outside none;
}
div.publicationLink ul li {
  background: url("../gfx/small-arrow.png") no-repeat scroll left center transparent;
}
div.publicationLink ul li a {
  color: rgb(0, 0, 0);
}

div.publicationLink ul div{
  color: #006B89;font-weight:600;
}

div.publicationLink ul li{
  background:  url("../gfx/small-arrow-sg.png") no-repeat scroll left center transparent;
}

div.publicationLink ul li a {
  color: #006B89;font-weight:600;
}

div.headerContent .span6 div.widget.logo{
  margin-bottom: 0;
}

div.headerContent div.followUs{
  margin: 5% 0%;
}

div.headerContent .search form.form-search{
  margin-bottom: 5px;
}

div.headerContent .span6 {
  width: 48%;
}

div.headerContent .span6:last-child{
  width: 30%;
  margin-top: 25px;
}
/*
@media (min-width: 1367px){
  div.headerContent div.publicationLink{
    margin-left: 6%;
  }

  div.headerContent .span6 {
    margin-left: 6%;
  }

  div.headerContent .span6:last-child{
    margin-left: 0.5%;
  }

  div.headerContent .span6 div.widget.logo{
    margin-bottom: 0;
  }

  div.headerContent div.followUs{
    margin: 5% 0%;
  }

  div.headerCOntent .search form{
    margin: 0;
  }

  div.menu.horizontal div.container{
    margin: 0 auto;
    width: 50%;
  }

}

@media (min-width: 1024px) and (max-width: 1366px){
  #header .row-fluid .span3 {
    width: 19%;
  }

  #header .row-fluid .span9 {
    width: 61%;
    margin-left: 0;
  }
  div.headerContent{
    padding: 0;
    width: 100%;
  }

  div.headerContent .span6{
    margin-left: 0;
  }

  div.headerContent .span6:last-child{
    margin-left: 20%;
  }
}

@media (min-width: 1335px) and (max-width:1366px){
  div.menu.horizontal div.container{
    margin: 0 auto;
    width: 64%;
  }
}

@media (min-width: 1185px) and (max-width:1334px){
  div.menu.horizontal div.container{
    margin: 0 auto;
    width: 74%;
  }
}
*/
@media (min-width: 980px) and (max-width:1023px){
  div.headerContent .span6:last-child{
    margin-left: 17%;
  }
}

@media(min-width: 789px) and (max-width: 979px){
  div.headerContent div.followUs{
    clear: both;
  }

  div.headerContent .search form.form-search{
    clear: both;
  }
}

div.stories.overlay div.image-container div.wf-caption div.content h5{font-size:20px;}

@media(min-width: 789px) and (max-width: 979px){
  div.headerContent div.followUs{
    clear: both;
  }

  div.headerContent .search form.form-search{
    clear: both;
  }
}
@media (min-width:700px){
  /*div.stories .image-container img{min-height:300px;}*/
}

div.newsletter.detailed form div.formField.newsletter div.field ul li{padding-top: 2px;}

div.cart-row.cart-tableContent div.cart-column.cart-item label{
  width: 65%;
  text-align: left;
}

div.cart-container div.media{
  margin-top: 5px;
}

/* Competition article page CSS start   */

div.widget.competition-page-header{
  margin-bottom: 0;
}

.competition-page-header h5{
  color: #83BBB8;
  margin-bottom: 0;
  font-weight: normal;
}

.competition-page-top{
  border-bottom: 1px solid #CCC;
  margin-bottom: 20px;
}

div.widget.competition-article-view div.header{
  margin-bottom: 0;
}

.competition-article-view .header h3{
  margin-bottom: 0;
  margin-top: 0;
}

.competition-article-view p{
  font-size: 14px;
}

.competition-article-view .image-container {
  margin-bottom: 20px;
  margin-top: 10px;
}

div.competition-article-view div.competition-timerheader{
  margin-bottom: 10px;
  width: 40%;
  text-align: center;
}

div.competition-article-view div.hasCountdown{
  left: 34%;
}

div.competition-article-view span.countdown_section{
  width: 10%;
}

div.competition-article-view div.terms_conditions{
  border-top: 1px solid #CCC;
  margin: 15px 0;
  padding-top: 15px;
}

.competitorSubmissionForm input.submitBtn{
  background: #6bcecb;
}

/*   Competition section page CSS start   */

div.list div.content.countdown-container-list{
  overflow: hidden;
  border-bottom: none;
  margin-bottom: 5px;
}

div.countdown-container-list div{
  float: left;
  color: #545454;
}

div.countdown-container-list ul{
  margin-left: 5px;
}

div.countdown-container-list li{
  list-style: none;
  float: left;
  margin-right: 2px;
  background: #707070;
  color: white;
  padding: 2px 5px;
  text-transform: lowercase;
  border-radius: 2px;
}

div.competition-section div.media-body p{
  color: #545454;
}
div.competition-section div.media-body ul.meta li{
  background: #6BCECB;
  padding: 3px 10px;
  border-radius: 5px;
}

div.competition-section div.media-body ul.meta li a{
  color: white;
}
div.articlePage div.widget.expatevent div.header h4{font-size:30px;}
div.calendar.complex div.calendarComplexContainer div.widget-title {font-size:28px;}
div.list.detailed.trendingNow div.header h4 {font-size:28px;}
h1{font-size:28px;}

div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav {position:absolute;}
div.calendar.complex div.calendarComplexContainer div.datepick div.datepick-nav {position:absolute;top:0;}
div.calendar.complex div.expatEventList {margin-top:55px;}
div.calendar div.widget-title {margin-bottom:0;}
.relatedStoryList {background:transparent;}
div.filmstrip div.clearfix:first-child + div + div {min-heigt:0;}
.valign-middle{position:absolute;top:50%;margin-top:-9em;left:50%;margin-left:-10.7em;}
.ad-MPU{width:300px;height:250px;}
.float-right{float:right !important;}
div.headerContent .span6:last-child {margin-top:0;}

div.competition-section-view div.competition-content span.countdown_section span.countdown_amount{display:block;width:30px;}
div.competition-section-view div.competition-content span.countdown_section span.countdown_amount:last-child{position:absolute;}
div.competition-section-view div.competition-content span.countdown_section br{display:block;clear:both;}

br{display:block;clear:both;}
#main .row-fluid .span3:first-child + div + div{min-width: 300px;}
#blog blogheader{overflow:hidden;margin-top:10px;}
.overlay .media-body{padding:10px;}
.has-overlay .media-body {padding:0;}
.fixedHeight > .span6 div.image-container {max-height: 305px;}
.span6 .fullIMG{margin-bottom:0;}
.fixedHeight > .span6 .fullIMG div.image-container {max-height:none;}
div.menu.filters {border-top:none;padding-top:5px;margin:0;}
div.menu.filters > div.prefix,div.menu.filters > div.container.filters select,div.menu.filters > div.submit {font-size:14px;font-family:arial;}
div.menu.filters > div.container.filters select{height:auto;}
div.menu.filters > div.submit{padding-top:3px;}
div.menu.filters > div.container span.filter-submit{display:block;}
div.newsletter div.newsletter-simple span.error{display:block;font-size:10px;color:red;margin-top:-10px;}

div.search .media-body h3.media-heading{font-size:14px;line-height:1.3em;}
div.search ul.inline li{padding-left:0;}
div.search div.media{margin:border-bottom:1px solid #ccc;padding:5px 5px 10px;}
div.search ul li.active,div.search ul li a{color:#83bbb8;font-weight:bold;}

div.hasCountdown > span{position:relative;display:block;}
div#blog div.addthis_toolbox{width:120px;}
.fixedHeight .span6 .overlay.custom-font1.fullIMG .media-body h5.media-heading{height:auto;}
#main .row-fluid.c03330 .span3:first-child + div + div{min-width:0;}
#main .row-fluid.c03330 .span3:first-child + div + div + div{min-width:300px;}

#main .row-fluid.directory-tab .span3:first-child + div + div{min-width:0;float:right;}
div.directory.article{clear:both;}
div.add-directory a{height:33px;padding:4px;line-height:30px;overflow: hidden;}
div.headerContent .span6 div.widget.logo{margin-bottom:10px;}
#main > .row-fluid.article-page-main-row > .span3{min-width:300px;}
#main > .row-fluid.article-page-main-row > .span3:first-child{min-width:0;}

div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li:last-child{margin-right:0;}
div#blog div.storyContent div.authorInfo{width:auto;margin:0px 20px 20px 0;}
div.storyContent.article > h5{font-weight:bold;}
div.blogheader > div.storyContent{border-bottom:1px solid #d3d3d3;}
div.blogheader > div.storyContent > h2{padding-bottom:20px;border-bottom:1px solid #fff;}
div#blog div.storyContent div.authorTitle,div#blog div.storyContent div.authorTitle a{font-weight:bold;color:rgb(131,187,184);}
div.blog ul li.posts .content .title{padding-left:5px;}
div.calendar{position:relative;}
div.menu.filters{border-bottom:1px solid #e6e6e6;}
div.menu.filters > div.container.filters{box-shadow:none;}
div.menu.filters > div.container > select{box-shadow:none;background:transparent;}
div.newsletter div.newsletter-simple span.error{position:absolute;}
div.calendar.complex .calendarFilterPart1 input,div.calendar.complex .calendarFilterPart2 input{line-height:20px;}
/*secondary filter css*/
div.menu.filters > div.container > select{padding:0 !important;margin-top:10px 0 0 !important;}
div.menu.filters div.container.filtersSecondary{background:url("../gfx/select-arrow-6.png") no-repeat scroll 95% 11px transparent;float:left;overflow:hidden;width:300px;margin-right:20px;}
div.menu.filters div.container.filtersSecondary select#filtersSecondary{background:none repeat scroll 0 0 transparent;border:medium none;font-family:arial;font-size:14px;height:auto;line-height:30px;width:330px;color:#000;}
div.menu.filters div.container.filtersSecondary select#filtersSecondary option{font-family:arial;font-size:14px;line-height:30px;}


.competition-page-header h5 {font-size:18px;margin-bottom:10px;}
div.competition.article span.countdown_section{min-width:50px;max-width:75px;}
div.competition.article span.countdown_section span.countdown_amount{float:none;clear:both;display:block;}
div.competition.article br{display:none;}

div.search.simpleForm .form-search p.error{position:absolute;margin-top:-16px;font-size:10px;right:30px;color:red;}
div.search.searchResult div.pull-right > p{display:none;}
div.noticeBoard.detailed a.linkToArticlePage{background: #6BCECB;padding: 3px 10px;border-radius: 5px;color: #fff;float: left;}
#header div.widget.code{margin-bottom:0;}
div.code br,div.storyContent div.body br{display:inline;}
div.competition-article-view .competitorSubmissionForm{position:relative;}
#digital div.storyContent form input[type='submit']{display:none;}

/* custom-responsive */

@media(max-width:1850px) and (min-width:481px){
div.list.eventCategory div.media-body p{height:60px;overflow:hidden;}
}

@media(max-width:480px){
div.youtubeVideo div.videoWrapper {height: 300px;}
}
@media(min-width:481px) and (max-width:700px){
div.youtubeVideo div.videoWrapper {height: 410px;}
div.youtubeVideo div.videoWrapper object{height: 1060px;position:absolute;}
}
@media(min-width:701px) and (max-width:912px){
div.youtubeVideo div.videoWrapper {height: 520px;}
div.youtubeVideo div.videoWrapper object{height: 1330px;position:absolute;}
}
@media(min-width:913px) and (max-width:979px){
div.youtubeVideo div.videoWrapper {height: 370px;}
div.youtubeVideo div.videoWrapper object{height: 950px;position:absolute;}
}
@media(min-width:980px) and (max-width:1200px){
div.youtubeVideo div.videoWrapper {height: 420px;}
div.youtubeVideo div.videoWrapper object{height: 1100px;position:absolute;}
}
@media(min-width:1201px) and (max-width:1400px){
div.youtubeVideo div.videoWrapper {height: 500px;}
div.youtubeVideo div.videoWrapper object{height: 1250px;position:absolute;}
}
@media(min-width:1401px) and (max-width:1600px){
div.youtubeVideo div.videoWrapper {height: 550px;}
div.youtubeVideo div.videoWrapper object{height: 1400px;position:absolute;}
}
@media(min-width:1601px) and (max-width:1800px){
div.youtubeVideo div.videoWrapper {height: 600px;}
div.youtubeVideo div.videoWrapper object{height: 1550px;position:absolute;}
}
@media(min-width:1801px) and (max-width:2000px){
div.youtubeVideo div.videoWrapper {height: 650px;}
div.youtubeVideo div.videoWrapper object{height: 1700px;position:absolute;}
}
@media(max-width:1850px) and (min-width:1300px){
  div.list.eventCategory div.media-body h5{clear:both}
}
@media(max-width:1850px) and (min-width:481px){
  div.list.eventCategory div.media-body p{height:60px;overflow:hidden;}
}
@media (max-width:1634px){
  .fixedHeight div.image-container{height:auto;max-height:275px;overflow:hidden;}
  .fixedHeight .fullIMG div.image-container{max-height:none;}
  .fixedHeight .span3 .tabbingGroup ul.nav-tabs li {float:left;clear:none;}
  .fixedHeight div.tabbingGroup ul.nav li a{padding:5px 10px;}
  .fixedHeight .span3 .tabbingGroup div.tab-content div.noticeBoard ul{height:160px;overflow:auto;}
  div.noticeBoard.noticeMenu div.content div.media {padding:5px;}
  .span3 .tabbingGroup ul.nav-tabs li a {margin:0;}
  .fixedHeight > .span6 div.image-container {max-height: 285px;}
}
@media (max-width: 1320px) and (min-width:1142px){
  .fullIMG .image-container img{height:475px;}
}
@media(min-width:1200px){
  div.menu.horizontal div.container {width:74%;margin:0 0 0 21.5%;}
  div.menu.horizontal ul.nav li a {font-size:15px;}
  div.menu.horizontal .innerMenu div.container ul.nav li a {font-weight:normal;font-size:14px;};
  .row-fluid .span9{min-width: 740px;}
  div.menu.horizontal div.container{width: 76%;margin: 0px 0px 0px 19.5%;}
}
@media(min-width:980px) and (max-width:1400px){
  #footer #footer_container{width:60% !important;margin-left:17% !important;}
  #footer #footer_container #footerMenu li{margin-right:15px !important;font-size:13px !important;}
}

@media (min-width:1200px){
  /*.container{width:93.1818%;padding:0 3.40909%;margin:0;}*/
  .row-fluid .span6 {width:39.63414634146341%;margin-left:0.6097560975609756%}
  .row-fluid .span7 {width: 43.5%;margin-left: 0.609756%;}
  .row-fluid .span3 {width:19.51219512195122%;margin-left:0.6097560975609756%}
  .row-fluid .span9 {width:59.756097561%;margin-left:0.6097560975609756%}
  #main.span9 {width:79.8%;}
}
@media (max-width:1126px){
  #main > .row-fluid.article-page-main-row > .span3:first-child{width:6%;}
}
@media(max-width:1199px){
  #footer #footer_container{width:85% !important;margin:0px 0px 0px 6% !important;}
  div#footer_expand_text {display:none;}
  div.menu.horizontal ul.nav li a {font-size:12px;}
  div.youtubeVideo div.videoWrapper object{height:800px;position:absolute;}
  div.youtubeVideo div.videoWrapper{height:300px;}
}
@media (max-width:992px){
  #main > .row-fluid.article-page-main-row > .span3:first-child{width:3%;}
  #main > .row-fluid.article-page-main-row > .span9{width:62%;}
}
@media (min-width:980px) and (max-width:1199px){
  .overlay .media-body .story-overlay-container p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #footerMenu li{
    font-size: 9px;
  }
  div.menu.horizontal ul.nav li a{
    font-size: 10px;
  }
  div.menu.horizontal ul.nav li{
    padding: 3px 0.4%;
  }
  div#footer{position:relative;}
  #footer-expanded-menu .footer-column{width:25%;}
  #footer-expanded-menu .footer-column:nth-child(5){clear:both;}
  #footer #footer_container #footerMenu li{margin-bottom:10px;}
  .row-fluid .span10 {width:63%}
  div.directory-search form {width:86%;}
  div.directory-search form input.search-query {width:40%;}
  div.menu.filters > div.prefix{margin-right:10px;}
  div.menu.filters > div.container.filters,div.menu.filters div.container.filtersSecondary{margin-right:10px;width:290px;}
  div#myBG {margin: -750px 0 0 -70px;height: 10000px;}
  .row-fluid.c090 .span9{min-width: 660px;}
}
@media (max-width:979px){
  .row-fluid .span3 {min-height:0;}
  div.directory-menu{margin-top:0;}
  div.directory-menu li.active > a{padding:3px 15px;font-size:18px;}
  div.directory-menu ul ul li.active > a{padding:3px 15px;font-size:14px;border:none;}
  div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li div.title a {font-size:16px;}
  div.youtubeVideo div.videoWrapper object{height:1000px;position:absolute;}
  div.youtubeVideo div.videoWrapper{height:380px;}
  div.menu.filters{padding-left:5%;}
  div.menu.filters > div.prefix {margin-right:20px;}
  div.menu.filters > div.submit {float:right;margin-right:5%;}
  .fixedHeight{max-height:none;overflow:hidden;}
  .fixedHeight .span6{height:auto !important;}
  .fixedHeight div.image-container{height:auto;max-height:none;overflow:hidden;}
  .fixedHeight .span3 .overlay .media-body h5.media-heading{height:auto;}
  .fixedHeight .span6 .overlay .media-body h5.media-heading{height:auto;}
  .fixedHeight .span3 .overlay.custom-font1 .media-body h5.media-heading{height:auto;}
  .fixedHeight .span6 .overlay.custom-font1 .media-body h5.media-heading{height:auto;}
  .fixedHeight .overlay .media-body p{height:auto;overflow:hidden;}
  .row-fluid .span3 {min-height:0;}
  div.expandMenu{display:block;}
  div.menu.horizontal ul.nav li a {font-size:14px;}
  .row-fluid.c0630 .span3:first-child{height:0 !important;}
  div#myBG{height: 20000px;margin: -1000px 0 0 -310px;}
}
@media (min-width:768px) and (max-width:979px){
  /*.container{width:93.1818%;padding:0 3.40909%;margin:0;}*/
  .row-fluid .span6 {width:100%;}
  .row-fluid .span3 {width:32.6530612244898%;margin-left:1.020408163265306%;}
  .row-fluid .span7 {width: 100%;margin-left:1.020408163265306%;}
  .row-fluid.c6333 [class*="span"]:nth-child(2){clear:both;margin-left:0;}
  .row-fluid.c3336 [class*="span"]:nth-child(4){clear:both;}
  .row-fluid.c33333 [class*="span"]:nth-child(4){clear:both;margin-left:0;}
  .row-fluid.c393 .span9:nth-child(2){width:66.3%;margin-left:0;}
  .row-fluid.c03330 [class*="span"]:nth-child(2){clear:both;margin-left:0;}
  .row-fluid.c090 .span9{clear:both;width:100%;margin-left:0;}
  .row-fluid.c0630 .span6{clear:both;width:66.3%;margin-left:0;}
  #header .row-fluid.c393 .span9{width:100%;margin-left:0;}
  .row-fluid.c393 .span3:nth-child(1){width:100%;}
  .row-fluid.directory-tab .span3:nth-child(1){display:none;}
  .row-fluid .span10 {width:77%}
  .row-fluid .span2 {width:21.2%}
  div.directory-search form {width:86%;}
  div.directory-search form input.search-query {width:39%;}
  div.directory-menu ul li ul{overflow:hidden;padding:0;}
  div#content{
    padding-bottom: 85px;
  }
  div.menu.horizontal ul.nav li a{
    font-size: 14px;
  }

  div.menu.horizontal div.navbar-inverse div.navbar-inner{
    background-color: white;
    background-image: none;
  }
  div#footer{position:relative;}
  #footer-expanded-menu .footer-column{width:33%;}
  #footer-expanded-menu .footer-column:nth-child(4){clear:both;}
  #footer #footer_container #footerMenu li{margin-bottom:10px;}
  .row-fluid.c0630 .span6{width: 56%;}
  .row-fluid.c03330 .span3{width:27.5%;}
  div.list.eventCategory div.media-body h5{clear:both;}
}
@media (max-width:911px) and (min-width:640px){
  #main > .row-fluid.article-page-main-row > .span3{width:100%;margin-left:0;margin-bottom:10px;}
  #main > .row-fluid.article-page-main-row > .span3:first-child{width:0;}
  #main > .row-fluid.article-page-main-row > .span9{width:100%;}
  #main > .row-fluid.article-page-main-row > .span3 > div#ad-inner{clear:both;margin-left:0;background:#fff;}
  #main > .row-fluid.article-page-main-row > .span3 > div{width:49.5%;margin-left:1%;margin-bottom:10px;float:left;}
  #main > .row-fluid.article-page-main-row > .span3 > div:first-child + div{margin-left:0;}
  div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li div.leadtext{display:none;}
}
@media (max-width:767px){
  body{padding:0;}
  div.relatedStoryList .navigation ul li.nav_prev{position:absolute;top:-60px;z-index:1;left:-10px;}
  div.relatedStoryList .navigation ul li.nav_next{position:absolute;top:-60px;z-index:1;right:-10px;}
  div.filmstrip div.header{border:none;}
  div.menu.horizontal ul.nav li a {font-size:15px;}
  .row-fluid [class*="span"] {min-height:0;}
  div.headerContent .span6{width:100%;}
  div.headerContent .span6:last-child {width:100%;}
}
@media(max-width:639px){
  #main > .row-fluid.article-page-main-row > .span3{width:100%;margin-left:0;margin-bottom:10px;}
  #main > .row-fluid.article-page-main-row > .span3:first-child{width:0;}
  #main > .row-fluid.article-page-main-row > .span9{width:100%;}
  div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li div.leadtext{display:none;}
  .float-right{float:left !important;clear:both;}
}
@media (min-width:481px) and (max-width:767px){
  /*.container{width:93.1818%;padding:0 3.40909%;margin:0;}*/
  .row-fluid .span6 {width:100%;}
  .row-fluid .span7 {width: 100%;}
  .row-fluid .span9 {width:100%;}
  .row-fluid .span3 {width:49.230769%;margin-left:1.5386461%;float:left;}
  .row-fluid.c6333 [class*="span"]:nth-child(2),.row-fluid.c6333 [class*="span"]:nth-child(4){clear:both;margin-left:0;}
  .row-fluid.c3336 [class*="span"]:nth-child(3),.row-fluid.c3336 [class*="span"]:nth-child(4){clear:both;margin-left:0;}
  .row-fluid.c33333 [class*="span"]:nth-child(3),.row-fluid.c33333 [class*="span"]:nth-child(5){clear:both;margin-left:0;}
  .row-fluid.c03330 [class*="span"]:nth-child(2){clear:both;margin-left:0;}
  .row-fluid.c03330 [class*="span"]:nth-child(4){clear:both;margin-left:0;}
  .row-fluid.c0630 .span6{clear:both;margin-left:0;}
  .row-fluid.c0630 .span3{clear:both;margin-left:0;}
  .row-fluid.c090 .span9{width:100%;margin-left:0;}
  .row-fluid.directory-tab .span3:nth-child(1){display:none;}
  .row-fluid .span10 {width:100%;}
  .row-fluid .span2 {width:100%;}
  div.directory-search form {width:100%;}
  div.directory-search form input.search-query {width:70%;margin:0 0 20px 8px;clear:both;}
  div.directory-search form select {width:85%;margin:0 0 20px 8px;clear:both;}
  div.directory-search form button.btn:last-child{margin-left:8px;clear:both;}
  div.add-directory{float:right;border:1px solid #ccc;;margin:-41px 30px 0 0;}
  div.add-directory a {height:auto;width:160px;}
  .row-fluid.c393 .span3:nth-child(1){width:100%;}
  div.directory-menu ul li ul{overflow:hidden;padding:0;}

  div#content{
    padding-bottom: 100px;
  }
  div.menu.horizontal div.navbar-inverse div.navbar-inner{
    background-color: white;
    background-image: none;
  }
  div.calendar.complex div.calendarFilterPart2,
  div.calendar.complex div.calendarFilterPart1{
    width: 100%;
  }
  div#footer{position:relative;}
  #footer-expanded-menu .footer-column{width:100%;clear:both;}
  #footer-expanded-menu .footer-column h2{clear:both;}
  #footer-expanded-menu .footer-column ul{float:left;}
  #footer-expanded-menu .footer-column ul li{float:left;margin:5px 20px 5px 0;}
  #footer #footer_container #footerMenu li{margin-bottom:10px;}
}
@media(max-width:767px) and (min-width:481px){
  div.list.eventCategory div.media-body h5{clear:both;}
  #main .row-fluid.directory-tab .span3:first-child + div + div{position:relative;margin-bottom:10px;}
  div.add-directory{float: right;border:none;margin: -35px 30px 0 0;}
  div.add-directory a{padding:4px;width:190px;}
  div.calendar.complex div.calendarComplexContainer .calendarleft, div.calendar.complex div.calendarComplexContainer .calendarright{width:94%;}
  div.calendar.complex div.calendarComplexContainer .calendarright{margin-top:0px;margin-bottom:30px;}
  div.menu.filters div.container.filtersSecondary{margin-left:100px;}
}
@media (max-width:480px){
  .container{width:auto;margin:0 auto;}
  .row-fluid .span6 {width:100%;}
  .row-fluid .span7 {width:100%;}
  .row-fluid .span3 {width:100%;}
  .row-fluid .span9 {width:100%;}
  .row-fluid.directory-tab .span3:nth-child(1){display:none;}
  .row-fluid .span10 {width:100%;}
  .row-fluid .span2 {width:100%;}
  div.directory-search form {width:100%;}
  div.directory-search form input.search-query {width:70%;margin:0 0 20px 8px;clear:both;}
  div.directory-search form select {width:85%;margin:0 0 20px 8px;clear:both;}
  div.directory-search form button.btn:last-child{margin-left:8px;clear:both;}
  div.add-directory a {margin-left:8px;}

  .overlay .media-body .story-overlay-container p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  div#content{
    padding-bottom: 120px;
  }
  div.menu.horizontal div.navbar-inverse div.navbar-inner{
    background-color: white;
    background-image: none;
  }
  div.calendar.complex div.calendarFilterPart2,
  div.calendar.complex div.calendarFilterPart1{
    width: 100%;
  }
  div.calendar.complex div.calendarComplexContainer .calendarleft,
  div.calendar.complex div.calendarComplexContainer .calendarright{
    width: 95%;
  }
  div.calendar.complex div.calendarComplexContainer .calendarright{
    margin: 10px;
  }
  div#footer{position:relative;}
  #footer-expanded-menu .footer-column{width:100%;clear:both;}
  #footer-expanded-menu .footer-column h2{clear:both;}
  #footer-expanded-menu .footer-column ul{float:left;}
  #footer-expanded-menu .footer-column ul li{float:left;margin:5px 20px 5px 0;}
  #footer #footer_container #footerMenu li{margin-bottom:10px;}
  div.relatedStoryList div.content .flexslider .flex-viewport ul.slides li div.title a {font-size:14px;}
  div.navigation ul.breadcrumb {height:auto;}
  div.navigation ul.breadcrumb li {padding:2px 7px;}
  div.youtubeVideo div.videoWrapper object{height:800px;position:absolute;}
  div.youtubeVideo div.videoWrapper{height:250px;}
  .fixedHeight .span3{height:auto !important;}
  div.navigation ul.breadcrumb li a{font-size:14px;}
  .overlay .media-body .story-overlay {display:none;}
  .overlay .media-body .story-overlay-container{position:relative;width:100%;}
  .row-fluid .span6{min-width:300px;}
  .row-fluid .span9{min-width:300px;}
  div.list.eventCategory div.media-body > a{float:left;}
  div.add-directory{float: right;border:none;margin: -35px 30px 0 0;}
  #main .row-fluid.directory-tab .span3:first-child + div + div{position:relative;margin-bottom:10px;}
  div.add-directory a{padding:4px;width:190px;height:auto;}
  div.menu.filters > div.container.filters{clear:both;width:68%;margin: 5px 20px 5px 0px;}
  div.menu.filters div.container.filtersSecondary{clear:both;width:68%;margin: 5px 20px 5px 0px;}
}
@media(max-width:350px){
  div.list.eventCategory div.media-body > a{clear:both;}
  div.list.eventCategory div.media-body h5{clear:both;}
  div.relatedStoryList div.header h4{width:250px;}
}

/*   Advertise CSS  */

#ad-outer{
  clear:both;
  overflow: hidden;
  background: white;
  height: 280px;
}

.ad-MPU{
  margin: 15px auto;
}

.datepick-month-header select option{
  background-color: #444;
}

/*  Post an event form css start   */

.post-an-event-formContainer form{
  height: 400px;
}

.post-an-event-formContainer td.formValue span{
  color: black;
  text-align: center;
}

.post-an-event-formContainer input[type="checkbox"].InputCheckbox {
  margin-bottom: 5px;
  margin-left: 7px;
  margin-right: 5px;
}
.post-an-event-formContainer td.checkField{
  width: 290px;
}
.post-an-event-formContainer td.formLable{
  width: 25%;
  font-size: 14px;
}
.post-an-event-formContainer .modal-body{
  max-height: none;
}

.post-an-event-formContainer .category-holder {
  clear: both;
}
.post-an-event-formContainer .category_content {
  float: left;
  width: 50%;
}
.post-an-event-formContainer input[type="file"].upload_button{
  margin-top: 3%;
}

.post-an-event-formContainer textarea{
  margin-bottom: 0px;
}

.post-an-event-formContainer .formValue div.charLimit{
  color: #777;
  text-align: right;
  position: relative;
  width: 78%;
  margin-bottom: 10px;
  font-size: 11px;
}

.post-an-event-formContainer .formValue div.charLimit span{
  color: #777;
}
/*  Post an event form css end   */

/*  Create notice form css   */

.notice-creation-form textarea{
  margin-bottom: 0px;
}

.notice-creation-form .formValue div.charLimit{
  color: #777;
  text-align: right;
  position: relative;
  right: 20%;
  margin-bottom: 10px;
  font-size: 11px;
}

.notice-creation-form .formValue div.charLimit span{
  color: #777;
}

/*  Filmstrip related story navigation css   */

div.filmstrip.relatedStoryList div.content{
  position: relative;
}

div.filmstrip.relatedStoryList div.content div.navigation{
  position: absolute;
  top: 25%;
  width: 100%;
}

div.relatedStoryList .navigation ul li.nav_prev, div.relatedStoryList .navigation ul li.nav_next{
  top: 0;
}

@media (max-width:767px){
  div.relatedStoryList .navigation ul li.nav_prev{
    top: 0;
    left: -35px;
  }

  div.relatedStoryList .navigation ul li.nav_next{
    top: 0;
    right: -35px;
  }
}

/*  Story content body expat event button */

.storyContent-expatEvent-button{
  background: #59BEBA;
  border: none;
  padding: 5px 10px;
  color: white;
}

/*   Blog article header */
div#blog div.blogheader div.storyContent{width: 100%;}

div.calendar.complex div.calendarComplexContainer .usage-message{
  color: white;
  padding: 5px 15px;
  position: absolute;
  bottom: 30px;
  right: 0px;
  font-family: JennaSue;
  font-size: 16px;
  font-weight: bold;
}

div.directory-menu-row .span3{
  position: relative;
}

div.directory-menu-message{
  position: absolute;
  margin-bottom: 0;
  right: 1%;
  top: -7%;
  font-family: JennaSue;
  color: white;
  font-weight: bold;
  text-align: right;
}
/* IE box */
#IE{position:fixed;z-index:99;background:#6bcecb;width:100%;height:100%;filter: alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
#message-box{border:1px solid #000000;padding:20px 60px 20px 20px;background:#ffffff;position:fixed;z-index:100;width:50%;min-height:300px;left:25%;top:25%;}
#message-box .close{position:absolute;cursor:pointer;top:10px;right:10px;filter: alpha(opacity=70);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";background:url("../gfx/Remove.png") no-repeat 0 0 transparent;width:32px;height:32px;}
#message-box .close:hover{filter: alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
#message-box h3{font-size:22px;font-weight:bold;padding-bottom:10px;border-bottom:1px solid #000000;}
#message-box p{font-size:18px;}

.post-an-event-formContainer td.formValue span.inputnote{width: 78%;color: #777;display: block;font-size: 10px;line-height: 12px;position: relative;top: -8px;text-align:right;}
.post-an-event-formContainer td.formValue span.inputnote.upload{text-align: left;padding: 10px;}

.fieldGroupLabel{margin-top: 20px;}
.interestfields .interestfield{width: 50%; float: left;}
.interestfields .interestfield input{width: auto;margin: 0;}
.interestfields .interestfield span{margin: 0 0 0 5px;}
/*.widget.newsletter.detailed{background-color: white;padding: 20px;}*/
div.formField.newsletter{margin-bottom: 20px;}
.competitorSubmissionForm input.submitBtn{margin-bottom: 15px;}
p.privacy_statement{margin-bottom: 20px;}
.competitorSubmissionForm .field3{width: 100%;}

/* Added by Rene 14 Sep 2015*/
.overlay .image-container h6.exstyle_color{
  background: #ffd701;
}
.overlay .media-body .story-overlay-container h6.exstyle_color{
  background: #ffd701;
}

.overlay .media-body .story-overlay-container h6.exstyle_color a{
  color: #fff;
}

div.exstyle_color div.menu.horizontal div.innerMenu.navbar ul.nav li a
{
  color: white;
}
div.exstyle_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active a
{
  color: #fff;
}

div.exstyle_color div.menu.horizontal div.innerMenu.navbar{
  background: #ffd701;
}
div.navigation ul.exstyle_color{
  background: #ffd701;
}
div.navigation ul.exstyle_color li.odd{
  background: #ffd701;
}
div.navigation ul.exstyle_color li.even a{
  color:#ffd701;
  text-decoration: none;
}
div.navigation ul.exstyle_color li.even span.lastSection{
  color: #ffd701;
}
.relatedStoryList .image-container h6.exstyle_color{
  background: #ffd701;
}
.exstyle_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(255, 215, 1);}
.exstyle_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/yellow.png") no-repeat top left transparent;}
.exstyle_color div.menu.filters > div.container{color:rgb(255, 215, 1);}
.exstyle_color div.menu.filters > div.container span.filter-submit{background-color:rgb(255, 215, 1);}
.exstyle_color .navbar-inverse .btn-navbar,.exstyle_color .innerMenu div.hideExpandText{background:rgb(255, 215, 1);}
.exstyle_color .navbar-inverse .btn-navbar,.exstyle_color .innerMenu div.hideExpandText{background:rgb(255, 215, 1);}
.exstyle_color div.expandMenu{color:rgb(255, 215, 1);}
.exstyle_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-2.png") no-repeat 95% 11px transparent;}
.exstyle_color .navbar {
    background-color: #ffd701 !important;
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #fafafa;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.overlay .image-container h6.men_color{
  background: #FFD701;
}

.overlay .media-body .story-overlay-container h6.men_color{
  background: #FFD701;
}

div.men_color div.menu.horizontal div.innerMenu.navbar ul.nav li a{
  color: white;
}

div.men_color div.menu.horizontal div.innerMenu.navbar ul.nav li.active {
  color: #006b88;
}

.men_color div.filmstrip div.header {color:rgb(255, 215, 1)}
/*.men_color div.relatedStoryList div.header h4 {width:160px;}*/

div.men_color div.menu.horizontal div.innerMenu.navbar{
  background: #FFD701;
}

div.navigation ul.men_color{
  background: #FFD701;
}

div.navigation ul.men_color li.odd{
  background: #FFD701;
}

div.navigation ul.men_color li.even a{
  color:  #FFD701;
  text-decoration: none;
}

div.navigation ul.men_color li.even span.lastSection{
  color:  #FFD701;
}

.relatedStoryList .image-container h6.men_color{
  background: #FFD701;
}

.men_color div.navigation ul.breadcrumb div.tringle.even{background-color:rgb(255, 215, 1);}
.men_color div.navigation ul.breadcrumb div.tringle.odd{background:url("../gfx/yellow.png") no-repeat top left transparent;}
.men_color div.menu.filters > div.container{color:rgb(255, 215, 1);}
.men_color div.menu.filters > div.container span.filter-submit{background-color:rgb(255, 215, 1);}
.men_color div.menu.filters > div.container.filters{background:url("../gfx/select-arrow-11.png") no-repeat 95% 11px transparent;}
.men_color .navbar-inverse .btn-navbar,.men_color .innerMenu div.hideExpandText{background:rgb(255, 215, 1);}
.men_color .navbar-inverse .btn-navbar,.men_color .innerMenu div.hideExpandText{background:rgb(255, 215, 1);}
.men_color div.expandMenu{color:rgb(255, 215, 1);}