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

body {
	font: 16px Calibri,Candara,Arial,sans-serif;
	color: #626262;
	background: transparent;
	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 */
 
}
.SelectionObject-SecondLevel {
    
}

a:link, a:visited {
	color: #002965;
	text-decoration: none;
}
a:hover, a:active {
	color: #002965;
	text-decoration: none;
}
.SelectionObject-FirstLevel-TabContainer{
	padding: 2px;
}
.IAT-HeadingContainer {
    background-color: #fff;
	margin-top: 0px;
    margin-bottom: 0px;
    padding:5px 0px;
}

.LevelZero-Box-Button{
	background-color: #FFF;
	border: 1px solid #fff;
	color: #484849;
	border-radius: 0;
}

.LevelZero-ActiveBox .LevelZero-Box-Button,
.LevelZero-ActiveBox .LevelZero-Box-Button:hover{
	background-color: #909193;
	color: #FFF;
}

.LevelZero-Box-Button:hover{
}

.SelectionObject-SecondLevel-BottomBorder {
    margin: 0 5px 0 5px;
    border: 1px solid #fff;
    background: #fff;
}
.SelectionObject-FirstLevel-Tab-Button{
	background-color: #FFF;
	color: #484849;
	border-radius: 0;
}

.SelectionObject-FirstLevel-Tab-Button:hover{
	background-color: #909193;
	color: #FFF;
	border-radius: 0;
}
.SelectionObject-FirstLevel-Tab-SelectedButton{
	background-color: #909193;
	color: #FFF;
	border-radius: 0;
}
.SelectionObject-FirstLevel-Tab-SelectedButton:hover{
	background-color: #909193;
	color: #FFF;
	border-radius: 0;
}

.SelectionObject-SecondLevel-Button{
	background-color: #FFF;
	color: #484849;
    height: 40px;
    margin-right:3px;
    text-align: left;
	border-radius: 0;
	margin-bottom: 5px;
}

.SelectionObject-SecondLevel-Button:hover{
	background-color: #909193;
	color: #FFF;
	border-radius: 0;
    border:0px solid #909193;
}
.SelectionObject-FirstLevel {
    border-top: 0px solid #d1d1d1;
    border-bottom: 0px solid #d1d1d1;
}
a.SelectionObject-SecondLevel-ButtonContainer {
    padding: 0px!important;
    margin: 0px!important;
}
.SelectionObject-SecondLevel-SelectedButton{
	background-color: #909193;
	color: #FFF;
	border-radius: 0;
    border:0px solid #909193;
}
.SelectionObject-SecondLevel-SelectedButton:hover{
	background-color: #909193;
	color: #FFF;
	border-radius: 0;
    border:0px solid #909193;
}
.SelectionObject-SecondLevel {
     padding-bottom: 0px; 
     padding-top: 0px; 
}
.SelectionObject-FirstLevel-ArrowButton, 
.SelectionObject-FirstLevel-Tab-Button{
	border-radius: 0;
}
.SelectionObject-FirstLevel-ArrowButton{
	background-color: #909193;
	color: #FFF;
	border-radius: 0;
    border:0px solid #909193;
    margin-right:3px;
}

.IAT-HighchartContainer, .Legend, .PeriodsContainer, .IAT-Buttons, .Notes-NotesContainer  {
    background:#fff;
}
hr.IAT-GraphPeriodSeparator {

}
hr.IAT-GraphPeriodSeparator {
    margin: 0px;
}
.IAT-PeriodButtonsSeparator {
    margin: 0 0px 0 0px;
    border: 1px solid #c3c3c3;
    background: #c3c3c3;
}
.SelectionObject-FirstLevel-Tab-Button{
	text-align: left;
	border: 1px solid #fff;
	font-weight: normal;
}
.SelectionObject-FirstLevel-TabContainer{
	padding: 0;
}
.SelectionObject-SecondLevel-ButtonContainer{
	margin-left: 0;
	margin-right: 0;
}
.SelectionObject-FirstLevel-Tab-ButtonContainer{
	padding-left: 10px;
}
.SelectionObject-SecondLevel-SelectedButton-TextWraper{
	font-weight: normal;
	text-align: left;
	padding-left: 5px;
    padding-right: 5px;
}
.SelectionObject-FirstLevel-ArrowButton:hover, .SelectionObject-FirstLevel-Tab-Button:hover {
   
}
.SelectionObject-SecondLevel-BottomBorder {
    margin: 0 0px 0 0px;
    border: 1px solid #fff;
    background: #fff;
}
@media screen and (max-width: 450px){
	.IAT-HeadingContainer{
		padding-top: 40px;
	}
	.SelectionObject-SecondLevel-Button{
		min-height: 90px;
	}
}