/*# Menu Bar #*/
.DSECMainMenuSubMenuCMSMenu
{
    / * border-style:solid; */
    border-bottom-color: #C4C5C8;
    border-bottom: solid;
    border-bottom-width:2px;
    border-right-color: #C4C5C8;
    border-right: solid;
    border-right-width:2px;
    border-left-width:0px;
    border-top-width:0px;
}

.DSECMainMenuSubMenuCMSMenuItem, .DSECMainMenuSubMenuCMSMenuItemMouseOver, .DSECMainMenuSubMenuCMSMenuItemMouseDown
{
   color: #CD5A1E;   
   background-color: #EBEBE4;
   background-color: #EBF7F8;
   padding-left: 20px;
   padding-right: 20px;
   white-space: nowrap;
   padding-top: 10px; 
}

.DSECMenuItemSeparator
{
   background: url(/App_Themes/DSECWeb/Layout/DSECMenuItemSeparator.gif) no-repeat;
   width: 2px;
}

/*# Master Pane, LeftRightPane, FullPane #*/
.FullArea
{
   margin-top: -10px;
   margin-left: -10px;
}

.NonFullArea
{
   margin-top: 10px;
   margin-left: 10px;
}

.MasterTop
{
   background-color:#BFD3DE;
   Height: 50px;
}

.TopPane
{
   background-color:#BFD3DE;
   Height: 15px;
}

.LeftPane1
{
   background-color:#73D8F7;
   background-repeat: no-repeat;
   background-image: url(../App_Themes/DSECWebPrototype/Image/Macau_02.gif);
   width: 140px;
}

.RightPane2
{
   background-repeat: repeat-x;
   background-image: url(../App_Themes/DSECWebPrototype/Image/BG_06.gif);
   height: 103px;
   overflow: visible;
}

.RightPane3
{
   background-color:#8B8D90;
   height: 16px;   
}

#RightPaneCompanyLogo {
  display: block; /* Or float left, whichever is necessary... */
  width: 108px;
  height: 41px;
  overflow: visible;
  background-repeat: no-repeat;
  background-image: url(../App_Themes/DSECWebPrototype/Image/DSECLogo.gif);
  text-indent: -9999px;
}

.DSECBreadCrumbs {
   margin-bottom: 10px; 
   float: right;   
}

.DSECBreadCrumbs, .DSECBreadCrumbs a, .DSECBreadCrumbs SPAN {
   /* font-size: 10pt; */
}

/*#TimeSeriesDatabase#*/
.TimeSeriesDatabaseCustomReport
{
 background-color:#FFFBD6;
 border-color:#FFDFAD;
 border-style:solid;
    border-width:1px;
    padding:5px;
    width:905px;
}

.TimeSeriesDatabaseCustomReport .FunctionBar
{
	font-size: 0.8em;
	font-weight: bold;
	color: White;
	text-align: center;
	vertical-align: top;
}

.TimeSeriesDatabaseCustomReport .FunctionBar a:visited,  
.TimeSeriesDatabaseCustomReport .FunctionBar a:link,
.TimeSeriesDatabaseCustomReport .FunctionBar a:active
{
	color: White;
}

.TimeSeriesDatabaseCustomReport .StartNextButton, .FinishCompleteButton
{
 PADDING-LEFT: 18px; BACKGROUND: url(../App_Themes/TimeSeriesDatabase/CustomReport/rt.gif) no-repeat left center;
}

.TimeSeriesDatabaseCustomReport .StepPreviousButton, .FinishPreviousButton
{
 PADDING-LEFT: 18px; BACKGROUND: url(../App_Themes/TimeSeriesDatabase/CustomReport/lt.gif) no-repeat left center;
}

.TimeSeriesDatabaseCustomReport .BackButton
{
 PADDING-LEFT: 22px; BACKGROUND: url(../App_Themes/TimeSeriesDatabase/CustomReport/action_back.gif) no-repeat left center;
}

.TimeSeriesDatabaseCustomReport .collapsePanel {
 
 background-color:#F0F8FF;
 border-left-color: #6495ED;
 border-left-width: 1px;
    border-left-style: solid;
    border-right-color: #6495ED;
 border-right-width: 1px;
    border-right-style: solid;    
}

.TimeSeriesDatabaseCustomReport .collapsePanelHeader{ 
 width:100%;  

 height:30px;
 background-image: url(../App_Themes/TimeSeriesDatabase/CustomReport/bg-menu-main.png);
 background-repeat:repeat-x;
 color:#FFF;
 font-weight:bold;

}

.TimeSeriesDatabaseCustomReport .unwatermarked {
	height:18px;
	width:148px;
	font-weight:bold;
}

.TimeSeriesDatabaseCustomReport .watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}

/*Modal Popup*/
.TimeSeriesDatabaseCustomReport .modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.TimeSeriesDatabaseCustomReport .modalPopup {
	/* background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px; */
        position: relative;
        left: 5px; /*Number should match -left shadow depth below*/
        top: 5px; /*Number should match -top shadow depth below*/
}

.TimeSeriesDatabaseCustomReport .modalPopup .shadowcontainer {
        width: 400px; /* container width*/
        background-color: #d1cfd0;
}

.TimeSeriesDatabaseCustomReport .modalPopup .shadowcontainer .innerdiv {
        /* Add container height here if desired */
        background-color: white;
        border: 1px solid gray;
        position: relative;
        left: -5px; /*shadow depth*/
        top: -5px; /*shadow depth*/
}

.TimeSeriesDatabaseCustomReport .modalPopup .shadowcontainer .innerdiv .highlight{
        text-decoration: none;color:black;background:yellow;
}

.small .TimeSeriesDatabaseCustomReport .DSECTreeView .NodeStyle {
   font-size: 13px;
}

.medium .TimeSeriesDatabaseCustomReport .DSECTreeView .NodeStyle {
   font-size: 14px;
}

.large .TimeSeriesDatabaseCustomReport .DSECTreeView .NodeStyle {
   font-size: 16px;
}

/*#StatisticPage#*/

.KeyIndicators {
    	float: left; 
        table-layout:fixed;  
	margin-left:0pt; !important;     
}

.KeyIndicators_TitleCol, .KeyIndicators_ValueCol {
        text-overflow: ellipsis;
        overflow: hidden; 
        white-space: nowrap;
}

.KeyIndicators_TitleHeaderCol, .KeyIndicators_ValueHeaderCol {
        height: 35px;
}

.KeyIndicators_ValueCol, .KeyIndicators_ValueHeaderCol {
        width: 30%;
}

.StatisticDetailTableCSS{
	float:left; 
	margin-left:0pt;
        position:relative;  
	background-color:white;
}

.StatisticDetailTableCSS_SubjectHeaderCol, 
.StatisticDetailTableCSS_ReleaseYearHeaderCol,
.StatisticDetailTableCSS_CalFieldHeaderCol {
        height: 35px;
        white-space: nowrap;
}

.StatisticDetailTableCSS_SubjectHeaderCol {
        width: 50%;
}

.StatisticDetailTableCSS_ReleaseYearHeaderCol {
        width: 30%;
}

.StatisticDetailTableCSS_CalFieldHeaderCol {
        width: 20%;
}

.StatisticDetailTableCSS_SubjectCol {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 50%;
}

.StatisticDetailTableCSS_ReleaseYearCol {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 30%;
}

.StatisticDetailTableCSS_CalFieldCol {
        white-space: nowrap;
        width: 20%;
}

.StatisticMain div.RadGrid_Default2006 {
	border-color:white;
	background-color:white;

}

.MasterTable_Default2006 .AreaItemStyle td {
	border-color:white;
}


.MasterTable_Default2006 .AreaItemStyle td {
	line-height: 380% ;

}

.MasterTable_Default2006 .AreaItemStyle a{
	font-size :11pt;
}

.GridHeaderDiv_Default{
	background-color:red;

}
.DetailTable_Default2006 th.GridHeader_Default2006 ,.GridFooter_Default2006 td{
	background-color:white;
}

.NewsContentCSS, .NewsLinkCSS {
	/* font-size :11pt; */
        letter-spacing: 1.4pt;
}

.NewsContentCSS br, .NewsLinkCSS br {
        letter-spacing: 0;
}

.NewsTitleCSS, .NewsDateCSS{
	text-align: center; 
	/* font-size:11pt; */
}

/*# Common Indicator #*/
.CommonIndicatorTitle {   
   margin-top: 5px; 
   text-align:center;
}

.CommonIndicator .Rss {
   /* position: absolute; */
   /* right: 5%; */
   /* margin-right: 5px; */
   vertical-align: middle;
}

.CommonIndicator .IndicatorText {
   /* font-size: 13px; */
   color: #323232;
}

.CommonIndicator .IndicatorValue {
   font-style: italic;
   font-family: Arial;
   /* font-size: 13px; */
   color: #323232;
}

.CommonIndicatorHeader {
   /* font-size: 16px; */
}

.CommonIndicator .Item {
   background: #F1F1F1;
}

.CommonIndicator .AlternatingItem {
   background: #F9F9F9
}

/*# Common Chart #*/
.CommonChart {
   margin-top: 10px;
}

.CommonChart .LinkLayer 
{
   width: 100%;
   text-align: right;
   margin-top: 2px;	
}

/*# Common #*/
.Common, .Common .TopPadding, .Common .BottomPadding
{
   /* background: rgb(255,231,195); */
}

.Common .TopPadding
{
   height:18px; 
   font-size:18px; 
   position:relative; 
   top:0px;
}

.Common .BottomPadding
{
   height:10px; 
   font-size:10px; 
   position:relative; 
   top:10px; 
}

.Common .Header {
   background: #0083AA;
   color: white;
   text-align: center;
}
.Common .Item {
   margin-left: 10px;
   margin-right: 20px;
}
.Common .Rss {
   position: relative;
   vertical-align: middle;
}

/*# DSEC Search Engine#*/
.DSECSearchContainer .DSECSearchTextBox
{
   top: 0px;
   position: relative;
   background-color: rgb(201,202,191);
   height: 18px;
   border: 0px;
   text-align: left;
   line-height: 100%;
   z-index: 9999;
}

.DSECSearchContainer .DSECSearchTextBoxPadding
{
   background-color: rgb(201,202,191);
   height: 18px;
   border: 0px;
   width: 15px;
   position: relative;
   top: 0px;
   left: -8px;
   line-height: 100%;
}
                
.DSECSearchContainer .DSECSearchButton          
{
   position: relative;
   left: -20px;
   border: 0px;
   top: -2px;
   vertical-align: bottom;
}

/*# RadGrid for DSEC Search Engine #*/
.RadGrid_DSECSearchEngine .GridPager_DSECSearchEngine
{
   padding-top: 20px;
   color:#666;
}

.RadGrid_DSECSearchEngine .GridPager_DSECSearchEngine td {
   margin-top: 15px;
}

.RadGrid_DSECSearchEngine .PagerLeft_DSECSearchEngine
{
   float:left;
}

.RadGrid_DSECSearchEngine .PagerRight_DSECSearchEngine
{
   float:left;
   margin-left: 20px;
}

.RadGrid_DSECSearchEngine .GridRow_DSECSearchEngine td, 
.RadGrid_DSECSearchEngine .GridAltRow_DSECSearchEngine td {
   padding-bottom: 15px;
}

.RadGrid_DSECSearchEngine .GridRow_DSECSearchEngine .SearchResultLink,
.RadGrid_DSECSearchEngine .GridAltRow_DSECSearchEngine .SearchResultLink
{
   word-break: break-all;
}

/*# buttonwrapper #*/
.dsecbuttonwrapper
{
   overflow: hidden;
   width: 100%;
}

.dsecbuttonwrapper a.ovalbutton
{
   background: transparent url('/App_Themes/DSECWebPrototype/Image/dsec-button-left.gif') no-repeat top left;
   display: block;
   float: left;
   line-height: 19px; 
   height: 23px;
   padding-left: 12px;  /* Width of left menu image */
   text-decoration: none;
}

.dsecbuttonwrapper a.ovalbutton span{
   background: transparent url('/App_Themes/DSECWebPrototype/Image/dsec-button-right.gif') no-repeat top right;
   display: block;
   padding: 0px 12px 4px 0px; /*Set 12px below to match value of 'padding-left' value above*/   
}

.dsecbuttonwrapper a:link.ovalbutton,
.dsecbuttonwrapper a:visited.ovalbutton,
.dsecbuttonwrapper a:active.ovalbutton  
{
   color: black;
}

.dsecbuttonwrapper a:hover.ovalbutton {
   color: #CD5A1E;
}

.buttonwrapper
{
   overflow: hidden;
   width: 100%;
}
            
.buttonwrapper a.ovalbutton

{
   background: transparent url('/App_Themes/DSECWebPrototype/Image/gray-left.gif') no-repeat top left;

   background: transparent url('/App_Themes/DSECWebPrototype/Image/Golden-LatestNews-Left.gif') no-repeat top left;
   display: block;
   float: left;
   line-height: 19px;
   height: 24px;
   padding-left: 11px;  /* Width of left menu image */
   text-decoration: none;
}
        
.buttonwrapper a.ovalbutton span{
   background: transparent url('/App_Themes/DSECWebPrototype/Image/gray-right.gif') no-repeat top right;
   background: transparent url('/App_Themes/DSECWebPrototype/Image/Golden-LatestNews-Right.gif') no-repeat top right;
   display: block;
   padding: 1px 11px 1px 0px; /*Set 11px below to match value of 'padding-left' value above*/
   color: white;
   color: rgb(180,128,98);
   font-size: 1.1em;   
   font-weight: bold; 
} 

/*# Personaliztion #*/
.MyChartTest
{
   word-break: break-all;
}

.MyCharts .DeleteMyChart
{
   white-space:nowrap;
   width: 50px;
   text-align: center;
}

.MyCharts .LinkToMyChart
{
   word-break: break-all;
   overflow: hidden;
}

.MyCharts .ColumnSeparator
{
   width: 5px;
}

.MyCharts .RowSeparator
{
   height: 8px;
   font-size: 8px;
}

.MyReports .LinkToMyReport
{
   word-break: break-all;
   overflow: hidden;
}

/*# FAQ #*/
.DSECFAQ_Answer
{
   margin-bottom: 20px;
}

/*# Layout Design #*/
body
{
   margin: 0px;
   padding: 0px;
   height: 100%;   
}

.LayoutMainTable, .LayoutInnerTable 
{
   table-layout:fixed; background-color: White;
}

.LayoutOuterBorder, .LayoutMainTable
{
   background-color: #4B5961;
   background-color: #3D778A;
}

.LayoutTopLeftCorner
{
   background: url('/App_Themes/DSECWeb/Layout/TopLeftCorner.gif') no-repeat;
}

.LayoutTopX
{
   background: url('/App_Themes/DSECWeb/Layout/TopX.gif') repeat-x;
}

.LayoutTopRightCorner
{
   background: url('/App_Themes/DSECWeb/Layout/TopRightCorner.gif') no-repeat;
}

.LayoutLeftY
{
   background: url('/App_Themes/DSECWeb/Layout/LeftY.gif') repeat-y;
}

.LayoutLeftYWithoutMargin
{
   background: url('/App_Themes/DSECWeb/Layout/LeftYWithoutMargin.gif') repeat-y;
}

.LayoutRightY
{
   background: url('/App_Themes/DSECWeb/Layout/RightY.gif') repeat-y;
}

.LayoutRightYWithoutMargin
{
   background: url('/App_Themes/DSECWeb/Layout/RightYWithoutMargin.gif') repeat-y;
}

.LayoutMenuBarLeft
{
   background: url('/App_Themes/DSECWeb/Layout/MenuBarLeft.gif') no-repeat;
}

.LayoutMenuBarX
{
   background: url('/App_Themes/DSECWeb/Layout/MenuBarX.gif') repeat-x;
}

.LayoutMenuBarRight
{
   background: url('/App_Themes/DSECWeb/Layout/MenuBarRight.gif') no-repeat;
}

.LayoutBottomLeftCorner
{
   background: url('/App_Themes/DSECWeb/Layout/BottomLeftCorner.gif') no-repeat;
}

.LayoutBottomX
{
   background: url('/App_Themes/DSECWeb/Layout/BottomX.gif') repeat-x;
}

.LayoutBottomXWithLeftPaneBorder
{
   background: url('/App_Themes/DSECWeb/Layout/BottomXWithLeftPaneBorder.gif') repeat-x;
}

.LayoutBottomRightCorner
{
   background: url('/App_Themes/DSECWeb/Layout/BottomRightCorner.gif') no-repeat;
}

.LayoutLeftPaneBody
{
   background: url('/App_Themes/DSECWeb/Layout/LeftPaneBody.gif') repeat-x; height: auto;
   background-color: #ffffff;
}

.LayoutContentPaneBody
{

   background: url('/App_Themes/DSECWeb/Layout/ContentPaneBody.gif') repeat-x; 
   height: auto;
   background-color: #ffffff;


}

.LayoutLeftPane

{
   margin-top: 25px;
}

.LayoutContentPane
{
   margin-left: 15px;
}

/*# MyStatistics #*/
.MyStatistics .RadTabStrip {
        z-index: 100;
        position: relative;        
}
    
.MyStatistics .RadTabStrip SPAN {
        line-height: 120%; 
}
    
.MyStatistics .MultiPage
{   
	margin-top: -1px; 
        z-index:10; 
        position: relative;
        border-color: #828282; 
        border-style: solid;
        border-width: 1px;
}

.MyStatistics .MultiPageView {
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;    
} 

/*# Media Corner #*/
.MediaCorner_PlayingInProgress {
   font-style: italic;
   font-weight: bold;
   color: #2080AA;
}

.JustifiedDiv {
   text-align: justify;
   text-justify: distribute;
}
div.ex {
    background-color: #e5eecc;
    padding: 7px;
    border: solid 1px #c3c3c3;
}