div#MainDiv {
		max-width: 694px/* 670 550px;*/
}

body {
	font: 12px Arial, sans-serif;
	color: #333333;
	background: #ffffff;
	margin: 0; 
/* for online integration the best is to declare zero margin in order to remove it.
 However for standalone reviewing it is easier to see the tool with margins = default browser margin. kn@120926 */
 
}
/* This hides the buttons for Chart view and Table view*/
body.ja-JP{
	/* font: 12px "Hiragino Kaku Gothic Pro", Meiryo, Arial, sans-serif; */
	font: 12px Arial,Verdana,Helvetica,sans-serif;
}
*:focus {
  outline: none;
}
a:link, a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:active {
	color: #333333;
	text-decoration: none;
}

.SelectionObject-FirstLevel-ArrowButton, .SelectionObject-FirstLevel-Tab-Button{
	color: #333f48;
	font-size: 14px;
}
.SelectionObject-SecondLevel-Button{
	color: #333f48;
	font-size: 14px;
	height: 40px;
	width: 100%;
	white-space: nowrap;
}

.LevelZero{
	border-bottom: 2px solid #cc0022;
	font-size: 14px !important;
}
.LevelZero-Box{
	width: 50% !important;
	margin-bottom: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
	color: #FFF !important;
}
.LevelZero-ActiveBox .LevelZero-Box-Button, .LevelZero-Box-Button:hover{
	width: 100% !important;
	background: #cc0022;
	color: #FFF !important;
}
.LevelZero-Box-Button{
	color: #333f48;
	width: 100%;
	border: 0px solid #e3e3e3 !important;
    border-radius: 0px !important;
	background: #ededed;
}

.SelectionObject-SecondLevel-ButtonContainer{
	width: auto;
}

.SelectionObject-SecondLevel-ButtonContainer{
	vertical-align: top;
}
.SelectionObject-FirstLevel-Tab-Button {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    
    white-space: normal;
    vertical-align: middle;
}
/* Start Responsive */

@media (max-width: 370px){
	body.ja-JP .SelectionObject-FirstLevel-Tab-Button,
	
    body.ja-JP .SelectionObject-FirstLevel-ArrowButton{
		min-height: 100px;
	}
    body.ja-JP .SelectionObject-SecondLevel-Button {
        min-height: 80px;
    }
	body.en-GB .SelectionObject-SecondLevel-Button{
		min-height: 60px;
	}
    body.en-GB .SelectionObject-FirstLevel-Tab-Button, body.en-GB .SelectionObject-FirstLevel-ArrowButton{
		min-height: 76px;
	}
	.SelectionObject-SecondLevel-Button{
		height: 40px;
		white-space: normal;
	}
}

/* End Responsive */






/*Take NOTE: The codes above is only for the css version 3-0 in xml*/





/*********************************************************************/
/*********************************************************************/
                            /*Modification*/
/*********************************************************************/
/*********************************************************************/
.EurolandTools-InteractiveAnalysis {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333333;
    width: 100%;
    max-width: 694px;
}

body.ja-JP .EurolandTools-InteractiveAnalysis {
    /* font-family: "Hiragino Kaku Gothic Pro", Meiryo, Arial, sans-serif; */
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
}

.EurolandTools-InteractiveAnalysis_en-GB.EurolandTools-InteractiveAnalysis {
    float: left;
}

.EurolandTools-InteractiveAnalysis_ja-JP.EurolandTools-InteractiveAnalysis {
    float: left;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button {
    border-radius: 0.4em;
    background: #ededed;
    border: 0.08em solid #e3e3e3;
    color: #8d8d8d;
    text-decoration: none;
    font-size: inherit;
    -moz-transition: background 0.5s, color 0.5s, border 0.5s;
    -webkit-transition: background 0.5s, color 0.5s, border 0.5s;
    -o-transition: background 0.5s, color 0.5s, border 0.5s;
    transition: background 0.5s, color 0.5s, border 0.5s;
    white-space: normal;
    padding: 0.36em 0.7em 0.36em 0.7em;
    margin: 0em;
    color: #333f48;
    font-size: 14px!important;
    height: 40px;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button:hover, .EurolandTools-InteractiveAnalysis-SecondLevelSelection-SelectedButton .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button, .EurolandTools-InteractiveAnalysis-SecondLevelSelection-SelectedButton:hover .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button {
    background: #bbbbbb;
    border-color: #ebebeb;
    cursor: pointer;
    color: #333f48;
}

.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton, .EurolandTools-CommonObjects-ScrollingSelection-Button {
    min-height: 55px;
}

.EurolandTools-CommonObjects-ScrollingSelection-Button {
    width: 100%;
    padding: 0;
}

.EurolandTools-CommonObjects-ScrollingSelection-SelectedButton, .EurolandTools-CommonObjects-ScrollingSelection-ArrowButton:hover, .EurolandTools-CommonObjects-ScrollingSelection-Button:hover {
    background: #bbbbbb;
    border-color: #ebebeb;
    color: #333f48;
    cursor: pointer;
}

.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton, .EurolandTools-CommonObjects-ScrollingSelection-Button {
    border-radius: 0.3em;
    color: #333f48;
    text-decoration: none;
    font-size: 14px!important;
    transition: background 0.5s, border 0.5s, color 0.5s;
    -moz-transition: background 0.5s, border 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, border 0.5s, color 0.5s;
    -o-transition: background 0.5s, border 0.5s, color 0.5s;
}

/*Level 0*/
.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box {
    margin: 0;
}
.EurolandTools-InteractiveAnalysis-LevelZeroSelection{
        margin-bottom: 0.3em!important;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button {
    background: #ededed;
    border: 0.07px solid #e3e3e3;
    border-bottom: 2px solid #cc0022;
    border-radius: 0;
    height: 50px;
    font-size: 14px;
    font-weight: normal;
    color: #333f48;
    cursor: pointer;
    transition: background 0.5s, color 0.5s, border 0.5s;
    border-left: 0;
    border-right: 0;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-ActiveBox .EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button, .EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button:hover {
    background: #cc0022;
    color: #fff;
    border-color: #cc0022;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box {
    width: 50%;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button {
    width: 100%;
}

/*Table*/
.EurolandTools-InteractiveAnalysis-ScrollDataTable {
    width: 100%;
    overflow: hidden;
    border: 1px solid #d1d1d1 !important;
    white-space: nowrap;
}

.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn {
    border-right: 2px solid #8f979c !important;
}

.EurolandTools-InteractiveAnalysis-Periods {
    border-top: 0.08em solid #efefef;
    border-bottom: 1.5px solid #c3c3c3;
    padding: 1em 0 0.3em 0;
}

.EurolandTools-InteractiveAnalysis-Notes-NoteContainer {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
    font-size: 12px;
}

.EurolandTools-InteractiveAnalysis-Euroland {
    margin-top: 10px;
}

.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-PeriodCell, .EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-ValueCell {
    text-align: right;
    padding: 5px 5px 5px 5px !important;
    border-bottom: 0.08em solid #c3c3c3;
    white-space: nowrap;
}

.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-PeriodCell, .EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-PeriodRow-Name, .EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-PeriodRow-Unit {
    background: #EDEDED;
    color: #8D8D8D;
    font-weight: bold;
    padding: 5px 5px 5px 5px !important;
    border-bottom: 0.08em solid #C3C3C3;
}

/*Heading*/
.EurolandTools-InteractiveAnalysis-Heading {
    font-size: 22px !important;
    padding: 5px 10px 10px 10px !important;
    margin: 0em;
    float: left;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Buttons {
    padding-bottom: 1em;
    padding-top: 1em;
    font-size: 0.9em;
    border-top: 1px solid #d1d1d1;
    border-bottom: 1.5px solid #d1d1d1;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Separator {
    margin: 0px 0.5em;
    border: 0em;
    border-top: 0;
    background: #c3c3c3;
}

.ja-JP.PrintBody .EurolandTools-InteractiveAnalysis-Notes-NoteContainer .EurolandTools-InteractiveAnalysis-Notes-NoteNumber .EurolandTools-InteractiveAnalysis-Notes-NoteNumberContainer {
    margin-top: 1.5px !important;
    line-height: 14px;
}

.EurolandTools-InteractiveAnalysis-Notes-NoteContainer .EurolandTools-InteractiveAnalysis-Notes-NoteNumber .EurolandTools-InteractiveAnalysis-Notes-NoteNumberContainer {
    margin-top: 2.5px !important;
    line-height: 14px;
}