/* CSS Document */

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;

}

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

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

#example1{ /*Demo 1 main container*/
width: 450px;
height: 28px;
border: 1px solid black;
padding: 4px;
background-color: lightyellow;
}

#example2{ /*Demo 2 main container*/
width: 450px;
height: 100px;
border: 1px solid #CDCCD0;
padding: 4px;

}

#example2 ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
list-style-image:url(images/icon_arrow.jpg);
}

#example2 ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}



#example4{ /*Demo 2 main container*/
width: 450px;
height: 100px;
border: 1px solid #CDCCD0;
padding: 4px;

}

#example4 ul{ /*Demo 2 UL container*/
margin: 0;
padding-left: 18px;
list-style-image:url(images/icon_arrow.jpg);
}

#example4 ul li{ /*Demo 2 LI that surrounds each entry*/
margin-bottom: 4px;
}



#example3{ /*Demo 3 main container*/
width: 250px;
height: 280px;
border: 1px solid navy;
padding: 4px;
}

#example3 p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}

code{ /*CSS for insructions*/
color: red;
}

.header{
	width: 453px;
	background-color:#DDDCDF;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:5px;
	padding-left:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CDCCD0;
	border-right-color: #CDCCD0;
	border-bottom-color: #CDCCD0;
	border-left-color: #CDCCD0;
}