@charset "utf-8";
/* CSS Document */

body {
	color: rgb(51, 51, 51);
    font: 9.6pt Arial,sans-serif;
    text-align: left;
}
H1.pageTitleInline {
   color: #596918;
	font: "Arial Black", Arial, sans-serif;
	font-weight:900;
	margin: 0 10px 0.8em 0;
	font-size:175%;
}
h1.csc-firstheader {
	color: rgb(89, 105, 24);
	font: 900 140% "Arial Black",Arial,sans-serif;
	margin: 0px 10px 0.8em 0px;
}
p.bgHell {
	background-color: rgb(207, 226, 56);
	margin-bottom: 1em;
	margin-right: 10px;
	padding: 4px;
	margin: 0px 10px 0.85em 0px;
	line-height:135%;
	width:1100px;
}
p.bgHell1 {
	background-color: rgb(207, 226, 56);
	margin-bottom: 1em;
	margin-right: 10px;
	padding: 4px;
	margin: 0px 10px 0.85em 0px;
	line-height:135%;
	width:1100px;
	height:16px;
}
div {
	font-family: "Arial black",Calibri, sans-serif;
	font-size: 9pt;
	color: #333;
	/*background-color: #CFE238;*/
	padding-left: 5px;
	line-height: 18pt;
	width: 1115px;
}
div.text{
	font-family: "Arial black",Calibri, sans-serif;
	color: rgb(51, 51, 51);
    font: 9.6pt Arial,sans-serif;
    text-align: left;
	width:880px;
	background-color:#FFF;
}
table {
	border-collapse: collapse;
	/*width:1150px;*/
}
table.ctable{
	width:1000px;
	font-size:9.0pt
}
td {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9.0pt;
	vertical-align: top;
	border: none;
	
}

td.col1top {
	background-color: #39F;
	color: #FFF;
	border-style: solid;
	border-left-color: #39F;
	border-right-style: none;
	border-bottom-color: #39F;
	border-top: none;
	font-size: 9.0pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	width: 240px;
}	
td.col2top {
	background-color: #0CF;
	color: #FFF;
	font-size: 9.0pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;border-style: solid;
	border-left-color: #0CF;
	border-right-style: none;
	border-bottom-color: #0CF;
	border-top-style: none;
	width: 240px;
}	
td.col3top {
	background-color: #F60;
	color:#FFF;
	font-size: 9.0pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;border-style:solid;
	border-left-color:#F60;
	border-right-style:none;
	border-bottom-color:#F60;
	border-top-style:none;
	width:240px;
}	
td.col4top {
	background-color: #C0C;
	color:#FFF;
	font-size: 9.0pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;border-style:solid;
	border-left-color:#C0C;
	border-right-style:none;
	border-bottom-color:#C0C;
	border-top-style:none;
	width:240px;
}	
td.row1 {
	border: medium;
	border-style: solid;
	border-bottom-color: #FFF;
	border-left-color: #39F;
	border-top-color: #39F;
	border-right-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}

td.row2 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color:#0CF;
	border-top-color:#0CF;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}

td.row3 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color:#0CC;
	border-top-color:#0CC;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}

td.row4 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color:#0C9;
	border-top-color:#0C9;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
td.row5 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color:#9F0;
	border-top-color:#9F0;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
td.row6 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color:#FF0;
	border-top-color:#FF0;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
td.row7 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color:#F90;
	border-top-color:#F90;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
td.row8 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color: #F60;
	border-top-color:#F60;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
td.row9 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color: #F00;
	border-top-color:#F00;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
td.row10 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color: #C06;
	border-top-color:#C06;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
td.row11 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color: #C0C;
	border-top-color:#C0C;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
td.row12 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color: #60F;
	border-top-color:#60F;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}
td.row13 {
	border: medium;
	border-style:solid;
	border-bottom-color:#FFF;
	border-left-color: #36F;
	border-top-color:#36F;
	border-right-style:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}

td.fill {
	height:6px;
}
td.fil {
	width:2px;
	border:none;
}	
a.morelink,div.morelink{
	color:#9c0031;
	position:relative;
	top:0;
	left:0;
	display:block;
	text-align:left; 
	padding:10px 20px;
}
h4.morelink,div.morelink,a.morelink{cursor:pointer;}
/*
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99900;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 800px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }
*/
html, body {
    height:100%
}

#overlay { 
    position:fixed;
    top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index:10;
    width:100%;
    height:100%;
	min-width:100%;
	min-height:100%;
    background-color:#000;
    filter:alpha(opacity=80);
    background: rgba(0,0,0,0.8);
	-moz-opacity:0.8;
    opacity:0.8;
    cursor:pointer;

} 

.dialog {
    position: fixed;
    border:0px solid #3366CC;
    width:810px;
    height:540px;
    background-color: transparent;
    z-index:12;
}

.img-overlay-wrap {
  position: relative;
  display: inline-block; /* <= shrinks container to image size */
  transition: transform 150ms ease-in-out;
}

.img-overlay-wrap img { /* <= optional, for responsiveness */
   display: block;
   /*max-width: 100%;*/
   height: auto;
}

.img-overlay-wrap svg {
  position: absolute;
  top: 50;
  left: 50;
}

polygon.hoverable
        {
            fill: transparent;
            /*fill: rgba(255,16,0,1.0);*/
            /*stroke-width: 4;*/
            cursor: pointer;
        }
 
        polygon.hoverable:hover
        {
            fill:rgba(255,16,0,0.4);
        }
polygon.hoverable1
        {
            fill: transparent;
            /*fill: rgba(0,255,255,1.0);*/
            stroke-width: 1.0;
			stroke:rgba(255,255,255,0.8);
            cursor: pointer;
        }
 
        polygon.hoverable1:hover
        {
            fill:rgba(255,255,255,0.8);
        }
polygon.hoverable2
        {
            fill: transparent;
            /*fill: rgba(0,255,255,1.0);*/
            /*stroke-width: 4;*/
            cursor: pointer;
        }
 
        polygon.hoverable2:hover
        {
            fill:rgba(255,255,0,0.4);
        }
polygon.hoverable3
        {
            fill: transparent;
            /*fill: rgba(255,16,0,0.4);*/
            /*stroke-width: 4;*/
            cursor: pointer;
        }
 
        polygon.hoverable3:hover
        {
            fill:rgba(219,113,194,0.4);
        }
polygon.hoverable4
        {
            fill: transparent;
            /*fill: rgba(255,16,0,0.4);*/
            /*stroke-width: 4;*/
            cursor: pointer;
        }
 
        polygon.hoverable4:hover
        {
            fill:rgba(51,153,255,0.4);
        }