#articles {position:relative;overflow:hidden;	width: 720px; margin-top:10px; margin-left: 0px }
	#articles ul {margin:0;padding:0;list-style:none;position:relative;overflow:hidden;}
		#articles ul li{margin:0 10px 0 0;padding:0 8px;display:block;float:left;width:330px;border-right:1px dashed #777777; height: 530px }
		#articles ul li.no-margin{margin:0;border:none;}
		#articles h3{margin:0;border:none;	  color: #000066;
		text-transform: none;
     font-size: 18px;
  font-weight: normal; margin-bottom:1px;}
#articles p {
line-height : 18px;
padding-top : 3px;
padding-left : 3px;
padding-right : 3px;
  text-align: left
}
#articles ul li  li {
  list-style: disc;
  line-height: 22px
}
#articles1 {position:relative;overflow:hidden;	width: 720px; margin-top:10px; margin-left: 0px }
	#articles1 ul {margin:0;padding:0;list-style:none;position:relative;overflow:hidden;}
		#articles1 ul li{margin:0 10px 0 0;padding:0 8px;display:block;float:left;width:330px;border-right:1px dashed #777777; height: 280px }
		#articles1 ul li.no-margin{margin:0;border:none;}
		#articles1 h3{margin:0;border:none;	  color: #000066;
		text-transform: none;
     font-size: 18px;
  font-weight: normal; margin-bottom:1px;}
#articles1 p {
line-height : 18px;
padding-top : 3px;
padding-left : 3px;
padding-right : 3px;
  text-align: left
}
/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
	margin-top: 0px;
	padding-bottom: 10px;
		text-transform: none;
  font-size: 14px;
  color: #000066;
  font-weight: bold
}

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

.eg-bar{
background-color: #EEF5D3;
	margin-top: 0px;
	padding-bottom: 10px;
		text-transform: none;
  font-size: 14px;
  color: #000066;
  font-weight: bold;
border: 1px solid black;
padding: 3px;
}

div.eg-bar{
width: 710px;
}

.icongroup1{
width: 690px;
}
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

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

#example1 p{ line-height : 22px;
padding-top : 3px;
padding-left : 5px;
padding-right : 5px;
  text-align: left
}

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

#example1  a{ /*CSS specific to demo 2*/
text-decoration: none;
  color: #970000;
  font-weight: bold
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}
.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }