.iconspan{
float: left;
margin: 1px 5px 3px 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

.iconspanright{
float: right;
margin: 1px 5px 3px 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
font-weight: bold;
border-bottom: 2px solid #ff6600;
padding: 3px;
}

div.eg-bar{
width: 100%;
padding: 3px;

}

.icongroup1{
width: 100%;
}
/*
h1{
	font-size:2.3em;
	color:#666;
	font-family:"trebuchet ms",Arial,sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
	margin-bottom:0px;
}
h2{
	font-size:1.5em;
	color:#666;
	font-family:"trebuchet ms",Arial,sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:0px;
	
} */
/* =navigation */
#subtabs{
	clear:both;
	color:#666;
	margin-left:0px;
	margin-bottom:0px;
	float:left;
	list-style-type:none;
	font-size: 14px;
}
#subtabs li{
	list-style-type:none;
	float:left;
	margin:0 0 0 3px;
	padding:0 0 5px 5px ;
	background:url(../images/tabgrey.gif) #c0c0c0 top left no-repeat;
}

#subtabs li a{
	color:#666;	
	background:url(../images/tabgrey.gif) transparent top right no-repeat;
	display:block;
	margin: 0 0 0 5px;
	padding:10px 10px 0 0;
}
#subtabs li a:link,
#subtabs li a:visited{
	color:#000;
	text-decoration:none;
}
#subtabs li a:hover,
#subtabs li a:active{
	color:#fff;
	text-decoration:none;
}
#subtabs li.cur,
#subtabs li.over,
#subtabs li:hover
{
	background:url(../images/tabblue.gif) #d1681c top left no-repeat;
}
#subtabs li strong,
ul#subtabs li.cur a,
ul#subtabs li.over a,
ul#subtabs li:hover a
{
	display:block;
	color:#fff;
	padding:10px 10px 0 0;
	margin: 0 0 0 5px;
	text-decoration:none;
	background:url(../images/tabblue.gif) transparent top right no-repeat;
}