body { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
1.2em; 	font-weight:bold;
	color: #FF6600;
}
h2 { font-family:Georgia, "Times New Roman", Times, serif; 1em; font-weight:bold;clear:both}
table th{ text-align:left; background-color:#FF9900;}
table td{ text-align:left; background-color:#FFF1DD;}
table th{ font-family:Georgia, "Times New Roman", Times, serif; .8em; font-weight:bold;}
a, a:hover, a:visited, a:link{ text-decoration:none; color:#FF6600;}
a:hover{ cursor:pointer;}
/*a:hover{ text-decoration:none; color:#fff; background-color:#FF9900;}*/

.float_left{ float:left;}
.float_right{ float:right;  }


.wide100{ width:100%;}
.wide65{ width:65%;}
.wide50{ width:50%;}
.wide35{ width:35%;}
.wide30{ width:30%;}


.wide_a100{ width:100px;}
.wide_a150{ width:150px;}
.wide_a200{ width:200px;}

.mark_yellow{ background-color:#FFFF00}


.fitem
{ background-color:#eee; padding:5px;}

.fitemaction
{ background-color:#CCCCCC; padding:5px;}

.bgorange { background-color:#FF9900;}

.orange { color:#FF9900;}

.fett { font-weight:bolder;}

ul.btn
{padding-right:5px; }

ul.btn li
{ background-color:#E2E2E2; width:100%; margin:2px; font-weight:bold; font-size:1.3em; padding:5px; margin-right:5px;}

.nolist
{ list-style:none;}


.info
{

    background-color: #FDEF44;
    border: 2px solid #FFCC66;
    color: #444400;
    margin-bottom: 1em;
    padding: 5px;

}
/*

dl {
    margin-bottom:50px; color:#333;
}
 
dl dt {
    color:#fff;
    float:left;
    font-weight:bold;
    margin-right:10px;
    padding:5px;
    width:150px;
	background-color:#FF6600;
}
 
dl dd {
    margin:2px 0;
    padding:0px 0;
}

dd
{ overflow:auto;}
*/
#dnt_status_indicator, #dnt_capability_indicator
{ font-size:2em;}

ul.btnvlist li
{ margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px; list-style:none; overflow:auto; float:left; clear:both; background-color:#0099FF;}

a.btna {
  
    text-decoration: none;
    color: initial;
	
	padding:10px; margin:10px;
}

li.btnlast
{
float:right; margin-right:10px;
}

span.name
{ background-color:#CC6600; width:250px;float:left;}
span.year
{ background-color:#CC6600; width:50px; float:left; text-align:right;}
span.desc
{ background-color:#ff0000; width:200px; float:left;}
span.keylength
{ background-color:#00CC00; width:200px; float:left;}



dl {
  width: 100%;
  overflow: hidden;
  background: #eee;
/*  padding: 5px;
  margin: 5px;*/
}
dt {
  float: left;
  width: 35%;
  /* adjust the width; make sure the total of both is 100% */
  background: #000;
  color:#fff;
  padding: 5px;
  margin: 5px;
  clear:both;
}
dd {
  float: left;
  width: 35%;
  /* adjust the width; make sure the total of both is 100% */
  background: #fff;
  padding: 5px;
  margin: 5px;
}

dd.p70 {
  float: left;
  width: 57%;
  /* adjust the width; make sure the total of both is 100% */
  background: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 5px;
}

dd.p70 textarea {
  width: 100%; min-height:35px;
}

input.bigbtn
{ padding:10px; font-size:1.2em; font-weight:bold;}

dd.ddmono
{ font-family:"Courier New", Courier, monospace;}

@media only screen and (min-width: 0px) and (max-width: 560px) {

dt, dd, dd.p70 {
width:95%;
}

}