#MainPanel{
     
     font-size:160%;;   
     font-stretch:expanded;
     
}
#MainPanel .Box_Black, .BoxSB_Black{

        width:80%;
}
.SeeMore;{
        background:black;
        font-size:70%;
        position:absolute;
        bottom:35px;right:25px;
}

#MainPanel .BoxW_Black, .Box_Black{

        background-color:#000000;
        margin:0 auto 0 auto;
        padding:5%;
        position:relative
}
#MainPanel .BoxWSB_Black, .BoxSB_Black, .LBoxSB_Black, .RBoxSB_Black  {
        box-shadow: 0 0 5px 5px #E3EEFF;
        padding:15px;
        position:relative;
}
#LeftPanel .Box_Black{
        box-shadow: 0 0 5px 5px #ffffff;
        padding:2px;
        position:relative;
}
#MainPanel .Box90centre  {
    margin:0 auto 0 auto;
    width:90%;
    text-align:center;
    font-size:120%;
    font-weight:bold;
    box-shadow: -2px -2px 5px 5px #02c5e1;
    box-sizing:border-box;
    padding:10px;
}
#MainPanel .Box90  {
    width:90%;
    box-shadow: -2px -2px 5px 5px #02c5e1;
    box-sizing:border-box;
    padding:10px;
}

#MainPanel .Box100  {
    width:100%;
    box-shadow: -2px -2px 5px 5px #02c5e1;
    box-sizing:border-box;
    padding:10px;
}


iframe  {
    width:100%;
    height:600px;
    box-shadow: -2px -2px 5px 5px #02c5e1;
    box-sizing:border-box;
    padding:10px;
}

iframe .interaction {
    width:100%;
    height:800px;
    padding:10px;
}
#MainPanel .WhiteBox90  {
    width:90%;
    box-shadow: -2px -2px 2px 2px #dddddd;
    box-sizing:border-box;
    padding:10px;
}

#MainPanel .Ikea{
    text-align:right;
    font-size:100%;
}
#MainPanel .IkeaLeft{
    text-align:left;
    font-size:100%;
}
#MainPanel .NewOffence{
    height:400px;
    border:2px solid #ffffff;
    padding-top:10px 2px 0 2px;
    font-size:80%;
    overflow:scroll;
}

#MainPanel .NewOffence::first-line{
color:red;
}
#MainPanel .I70{
    font-size:70%;
    font-style:italic;
    
}
#Header .Ikea{
    text-align:right;
    font-size:150%;
        color:#02c5e1;
	line-height:110%
    	
}
#Header .IkeaLeft{
    text-align:left;
    font-size:150%;
    color:#02c5e1;
    line-height:110%  
}


#LeftBar .AnchorBox{
	width:125%;
	border: 1px solid black;
	padding: 1px;
	box-shadow: -2px -2px 5px 5px #02c5e1;
	box-sizing:border-box;
}

#MainPanel .datatable caption {
	font: bold 120% "Times New Roman", Times, serif;
	background-color: #B0C4DE;
	color: #33517A;
	padding: 0.4em 0 0.3em 0;
	border: 1px solid #789AC6;
}

#MainPanel .datatable {
	border:3px outset #9999ff;	
	border: 1px solid #222222;
	border-collapse: collapse;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
#MainPanel .datatable td {
	border: 1px solid #222222;
	text-align: center;
	padding: 0.3em;
	width: 33%;
}
#MainPanel .datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	font-weight: bold;
	text-align: center;
	padding-left: 0.3em;
}
#MainPanel .datatable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}
#MainPanel .datatable td:hover{
	background-color: #222222;
}


  details {
    margin: 1em 0;
    font-family: sans-serif;
  }

  summary {
    font-weight: normal;
    cursor: pointer;
    list-style: none;
  }

  summary::marker {
    display: none; /* hides default triangle in some browsers */
  }

  details[open] summary::after {
    content: " [less...]";
    font-weight: normal;
  }

  summary::after {
    content: " [more...]";
    font-weight: normal;
    color: gray;
  }