.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 12px;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 12px;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example2 a{ /*CSS specific to demo 3*/
color: #003333;
text-decoration: underline;

}
#example3 a{ /*CSS specific to demo 3*/
color: #003333;
text-decoration: underline;

}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
  padding-left: 5px;
  padding-right: 2px;
 font-size: 12px; 
}

code{ /*CSS for insructions*/
color: red;
}
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

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

.eg-bar{
background-color: #DBDB95;

padding: 3px;
  border-bottom: 2px solid #777777;
  background: url(../images/nav.jpg) top
}

div.eg-bar{
width: 730px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: bold
}

.icongroup1{
width: 725px;
 line-height : 22px;
padding-top : 5px;
padding-left : 3px;
padding-right : 5px;
  border: thin solid #777777
}