/************************************************************

Monetary Authority of Singapore
    Author: Marvin Mempin @ Reading Room

    Override CSS for jQuery UI Widgets in Currency Section

************************************************************/
/* jQuery UI Accordion */
/* Interaction States Override */
.series .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #ffffff url("images/bg_currency-header.jpg") 0 5px repeat-x; font-weight: normal; color: #555555; }
.series .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { padding-bottom:10px; border: 1px solid #aaaaaa; background: #ffffff url("images/bg_currency-header.jpg") 0 0 repeat-x; font-weight: normal; color: #212121; }

/* Override for Header Title Positioning */
.series h3.ui-accordion-header{min-height:110px;position:relative;}
.series h3.ui-accordion-header span.series-title{position:absolute; left:240px; top:45px; font-size: 1.26em; font-weight: bold; color:#29409d; font-family: Arial,Helvetica,sans-serif;}


/* Override for Expander Icon */
.series .ui-icon {width:31px; height:31px; background-position:0;}
.series .ui-state-default .ui-icon {background-image: url("images/custom-inactive.png");}
.series .ui-state-active .ui-icon {background-image: url("images/custom-active.png");}
.series .ui-accordion-header .ui-icon {
    left: auto;
    right: 2em;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* Override for Border Radius */
.series .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 0px;}
.series .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 0px;}
.series .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 0px;}
.series .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 0px;}
.series div.description p{font-family: Arial,sans-serif !important;font-size: 1em;}
.ui-accordion .ui-accordion-content {
	font-family: Arial,sans-serif !important;
    background: url("images/bg_currency-footer.jpg") repeat-x scroll center bottom #ffffff;
}


/* Accordion Content*/
.series div.description h5{font-size:1.2em; color:#8C6111;font-weight:bold;margin-top:30px;margin-bottom:10px;}
.series .currency-col-description{display:inline-block;}
.series ul.image-container{display:inline-block;float:left;}
.series ul.image-container li{float:left;width:100px;margin-right:20px;text-align: center;border: 1px solid #E5E5E5;}
.series ul.image-container li img{width:100px;cursor: pointer;}
.series .currency-col-list-desc{float:left;width:350px;}

.blockMsg h2{font-size:1.6em;color:#8C6111;font-weight:bold; margin-bottom:10px;margin-top:20px;}
.blockMsg p.close-blui a{text-decoration:none; color:#29409D;text-transform:uppercase;font-weight:bold; font-size: 1em;margin-top:5px;display:block;

position:absolute;top:0px;right:10px;
}
.blockMsg p.close-blui a:hover{text-decoration:underline;}

/* jCarousel */


/* jQuery UI Dialog */
.ui-dialog-titlebar{ margin-top: 5px;}
.ui-widget.ui-widget-content.notes-details-dialog{border-radius: 20px;border: 3px solid #b59859;}
.ui-widget.ui-widget-content.notes-details-dialog .ui-corner-all, .ui-widget.ui-widget-content.notes-details-dialog .ui-corner-bottom, .ui-widget.ui-widget-content.notes-details-dialog .ui-corner-right, .ui-widget.ui-widget-content.notes-details-dialog .ui-corner-br {border-radius: 20px;}
.ui-widget.ui-widget-content.notes-details-dialog .desc p{font-size: 1.2em; line-height: 1.2em; margin-bottom: 20px;}
.ui-widget.ui-widget-content.notes-details-dialog h4{font-size:2.2em; margin-bottom: 20px;}
.ui-widget.ui-widget-content.notes-details-dialog .sample-notes-desc{padding:20px;}
.ui-widget.ui-widget-content.notes-details-dialog .ui-widget-header{border:none;background:none;}
.ui-widget.ui-widget-content.notes-details-dialog .ui-widget-header{border-bottom:1px solid #ccc;}
.ui-widget.ui-widget-content.notes-details-dialog .ui-widget-header .ui-dialog-title{Xdisplay:none;}
.ui-widget.ui-widget-content.notes-details-dialog .ui-dialog-titlebar-close{text-decoration: none; font-weight:normal;color:#222222;}
.ui-widget.ui-widget-content.notes-details-dialog .ui-dialog-titlebar-close span.ui-icon-closethick{overflow:visible; text-indent:-35px; text-decoration: none;padding-top:2px;}

/* Definition List */
.ui-widget.ui-widget-content.notes-details-dialog .notes-specs{width:260px; margin-top:10px;}
.ui-widget.ui-widget-content.notes-details-dialog .notes-specs dt{float:left;width:90px;font-weight:bold;margin-top:10px;clear:both;margin-right:10px}
.ui-widget.ui-widget-content.notes-details-dialog .notes-specs dd{float:left;width:160px;margin-top:10px;}

.ui-front {
    z-index: 200;
}