body{ background-color:#F2F2F2;  font-family:Arial, Helvetica, sans-serif}

.iconholder{width:100%; max-width:580px; margin:22px auto; box-sizing: 
border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
.container{width:100%; max-width:580px; margin:auto;box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
.topbox{ 
width:100%; max-width:580px;  margin:auto; background-color:#FFFFFF; padding:10px 40px;
border:1px solid #DEDEDE; float:left; line-height:20pt;

-webkit-border-radius: 10px 10px 0px 0px;
 border-radius: 10px 10px 0px 0px;  box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
 
.title{ font-size:23pt; margin:0; padding:30px 0 0 0; font-variant:small-caps; }
.bluebox{ background-color:#F1FAFE;  width:100%; max-width:580px;  margin:auto;  padding:25px 40px 15px 40px;
border-left:1px solid #DEDEDE; border-right:1px solid #DEDEDE; float:left;  font-size:90%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
.bluebox img{  float:left; margin:-5px 20px 0 0; line-height:30pt;}

.bottombox{
 width:100%; max-width:580px; height:50px; margin:auto; background-color:#FFFFFF;
border:1px solid #DEDEDE; float:left;

-webkit-border-radius: 0px 0px 10px 10px;
 border-radius: 0px 0px 10px 10px; box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
 }
 
.subtitle{ text-transform:uppercase; }
/* ***************  dashlinks ******************* */
.dashlinks{}
a:link.dashlinks , a:visited.dashlinks{ text-decoration:none; color:#666666; border-bottom:1px dashed #666666;}		
a:hover.dashlinks , a:active.dashlinks{ text-decoration:none; color: #33CCFF; border-bottom:1px dashed #33CCFF;}

 /* ***************  survey links ******************* */
.surveylinks{}
		
a:link.surveylinks , a:visited.surveylinks{
clear: both;
display:block;
text-decoration:none;
color:#000000;
background:#FBEEFA;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:2px dotted #FF0000;
padding:5px;

}

a:hover.surveylinks , a:active.surveylinks
{
background: #F1FAFE;
color:#000000; 

}
 /* ***************  end risks links ******************* */

 /* ***************  risks links ******************* */
.risklinks{}
		
a:link.risklinks , a:visited.risklinks{
clear: both;
display:block;
text-decoration:none;
color:#000000;
background:#FCDB9B;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:2px dotted #FF0000;
padding:5px;

}

a:hover.risklinks , a:active.risklinks
{
background: #F1FAFE;
color:#000000; 

}
 /* ***************  end risks links ******************* */
 /* ***************  SMALL risks links on index page ******************* */
.weerisklinks{}
		
a:link.weerisklinks , a:visited.weerisklinks{
clear: both;
display:block;
text-decoration:none;
color:#000000;
background:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:2px dotted #FF0000;
padding:0 5px;
float:right;
width:60px;
text-align:center;
margin-top:-10px;

}

a:hover.weerisklinks , a:active.weerisklinks
{
background: #F1FAFE;
color:#000000; 

}
 /* ***************  end SMALL risks links ******************* */
  /* ***************  orientation links ******************* */
.orientationlinks{}
		
a:link.orientationlinks , a:visited.orientationlinks{

display:block;
text-decoration:none;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
border:2px dotted #FF9900;
padding:5px;

}

a:hover.orientationlinks , a:active.orientationlinks
{
background: #F1FAFE;
color:#000000; 

}
 /* ***************  end orientation link ******************* */
  /* ***************  plain links ******************* */
.plainlink{}
		
a:link.plainlink , a:visited.plainlink{
text-decoration:none;
color:#000000;
}

a:hover.plainlink , a:active.plainlink
{
color: #FF6666; 
text-decoration: underline;
}
 /* ***************  end orientation links ******************* */
.ul , li{margin: 10px 0;}

.red{ color:#FF0000}