CODE {
	PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #fff; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; DISPLAY: block; COLOR: #0101c8; PADDING-TOP: 5px; -moz-border-radius: 5px
}

.dyn {
	BACKGROUND-COLOR: yellow
}
.comment {
	COLOR: #808000
}
#doc {
	LINE-HEIGHT: 20px; CLEAR: both; PADDING-TOP: 40px
}
#note {
	LINE-HEIGHT: 20px; CLEAR: both; PADDING-TOP: 40px
}
#spread {
	LINE-HEIGHT: 20px; CLEAR: both; PADDING-TOP: 40px
}
#examples {
	LINE-HEIGHT: 20px; CLEAR: both; PADDING-TOP: 40px
}
#head {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 50px; WIDTH: 363px; PADDING-RIGHT: 50px; FLOAT: left; FONT-SIZE: 16px; PADDING-TOP: 0px
}


.exampleActive {
	BACKGROUND-COLOR: #3893fa; !important; TEXT-DECORATION: none
}
#head .headText {
	
}
#examples #exampleSimple {
	FLOAT: left
}
#examples CODE {
	FLOAT: left
}

#examples CODE {
	WIDTH: 310px; DISPLAY: none; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left
}
#examples H2 {
	PADDING-BOTTOM: 10px
}
#ftHolder {
	TEXT-ALIGN: center; WIDTH: 700px;  HEIGHT: 450px; PADDING-TOP: 5px;

	
}
#ft {
-moz-border-radius: 5px
; 	border: 5px solid #F1A011;
 
}
#ft a{
	font-family:Arial, Helvetica, sans-serif;
	color:#fafd03;
	font-style:normal;
	font-size:12px;
		
}
#ft a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#dead4d;
}
#example {
	FLOAT: left
}
.ft-title {
	TEXT-ALIGN: left;
	WIDTH: 680px;
	padding: 10px;
}
.topbar H2 {
	FONT-WEIGHT: normal !important
}
.topbar A {
	COLOR: #3399cc; TEXT-DECORATION: none
}
.topbar A:hover {
	TEXT-DECORATION: underline
}
.ft-prev {
	PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #553907; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px
}
.ft-next {
	PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #553907; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px
}