body {
	font: 12px Arial;
	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 */
}

body.ja-JP
{
  font-family: "MS PGothic", Arial, Helvetica, sans-serif !important;
}
table {
	border-collapse: collapse;
}
td.GrapicsTypeButtons {
	text-align: right;
  
      padding: 10px  3px 5px 0;
}
h1 {
	margin: 0px;	
}

div#MainDiv {
	max-width: 658px/* 670 550px;*/
}
div#footer {
	text-align: right;
	padding-top: 10px;
}

a:link, a:visited {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:active {
	color: #333333;
	text-decoration: none;
}

div.InterActiveObject {
	border: 0px solid #ececec;
}
div.ExportButtons {
	text-align: right;
}
div.FirstLevel {
	background: #f7f7f7;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 4px 0;
}

div.FirstLevel td.ButtonContainer,
div.FirstLevel div.ButtonContainer {
	padding: 0px 4px 0px 4px;
 }
/*body.fi-FI div.FirstLevel td.ButtonContainer {
	padding: 0 2px;
 }*/
div.FirstLevel a.Button {
	display: block;
	width: 131px; /*138px*/
	height: 50px;
	background: #ededed;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	
	text-decoration: none;
	
	transition: background 2s;
	-moz-transition: background 0.5s; /* Firefox 4 */
	-webkit-transition: background 2s; /* Safari and Chrome */
	-o-transition: background 2s; /* Opera */
}
div.FirstLevel a.Button table {
	border-collapse: collapse;
		
	width: 100%;
	height: 100%;
}
div.FirstLevel a.Button td {
	
	color: #5e5e5e;
	margin: 5px;
	padding: 5px;
		
	vertical-align: middle;
	text-align: center;
}
div.FirstLevel input {
	width: 110px;
	white-space: normal;
}
div.SecondLevel {
	padding-top: 5px;
	padding-bottom: 5px;
}
div.SecondLevel input {
  padding: 0 10px;
	
}
div.FirstLevel td.FirstLevelButtonsContainer {
	/*width: 579px;*/
}

div.FirstLevel input.arrowButton {
	width: auto;
  height: 50px;
	margin: 6px;
}

div.FirstLevel td.leftArrowButtonContainer,
div.FirstLevel td.rightArrowButtonContainer {
	text-align: center;
}

div.SelectionObject input {
	border-radius: 5px;
	background: #ededed;
	border: 1px solid #e3e3e3;
	color: #5e5e5e;
	margin: 5px;
	padding: 5px;
	
	transition: background 2s;
	-moz-transition: background 0.5s; /* Firefox 4 */
	-webkit-transition: background 2s; /* Safari and Chrome */
	-o-transition: background 2s; /* Opera */
}
div.SelectionObject input:hover,
div.SelectionObject input.selected,
div.FirstLevel a.Button:hover,
div.FirstLevel a.SelectedButton 
 {
	background: #bbbbbb;
	border-color: #ebebeb;

}
div.SelectionObject input:hover,
div.FirstLevel a.Button:hover {
	cursor: pointer;
}
div.SelectionObject input.dissabledArrow:hover {
	background: #ededed;
	border-color: #e3e3e3;
	cursor: default;
}
div.SelectionObject hr,
div.GraphContainer hr {
	margin: 0px 5px 0px 5px;
	border: 1px solid #c3c3c3;
	background : #c3c3c3;
}
div.GraphContainer hr {
	margin: 5px;
}
div.GraphContainer hr.graphPeriodSeparator {
    background : #cccccc;
    border: 1px solid #e6e6e6;
    border-bottom: 0px;
    height: 1px;
    margin-left: 20px;

}

div.Period {
	padding-left: 15px;
}
div.Period th {
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
	color: #5e5e5e;	
}
div.Period td {
	padding: 5px;
}
div.Period td label,
div.Period td input {
	cursor: pointer;
}
div.NotesObject {
	padding: 10px;
}
/*
div.NotesObject h2 {
	margin: 0px;
	font-size: 12px;
}
*/
div.HintObject {
	background: #ffffff;
	background: rgba(255,255,255,0.7);
	border: 1px solid #333333;
	border-radius: 5px;
	padding: 10px;
	color: #333333;
	box-shadow: 2px 2px 5px 0px #9d9d9d;
}
th {
  vertical-align: top;
}

input[type="reset"],
input[type="button"],
input[type="submit"] {
  font-family: Arial !important;
}
.ja-JP input[type="reset"],
.ja-JP input[type="button"],
.ja-JP input[type="submit"] {
  font-family: "MS PGothic", Arial, Helvetica, sans-serif !important;
}