/* CSS3 examples */
.css3_example_border_colour_1
{
	padding: 5px 15px;
	border: 8px solid #000;
	
	-moz-border-top-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-moz-border-bottom-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-moz-border-left-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-moz-border-right-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	
	-o-border-top-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-o-border-bottom-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-o-border-left-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-o-border-right-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	
	-icab-border-top-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-icab-border-bottom-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-icab-border-left-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-icab-border-right-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	
	-khtml-border-top-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-khtml-border-bottom-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-khtml-border-left-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-khtml-border-right-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	
	-webkit-border-top-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-webkit-border-bottom-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-webkit-border-left-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	-webkit-border-right-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	
	border-top-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	border-bottom-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	border-left-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
	border-right-colors: #474747 #585858 #696969 #7a7a7a #8b8b8b #9c9c9c #adadad #bebebe;
}

.css3_example_border_colour_2
{
	padding: 5px 15px;
	border: 8px solid #000;
	
	-moz-border-top-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-moz-border-bottom-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-moz-border-left-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-moz-border-right-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	
	-o-border-top-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-o-border-bottom-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-o-border-left-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-o-border-right-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	
	-icab-border-top-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-icab-border-bottom-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-icab-border-left-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-icab-border-right-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	
	-khtml-border-top-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-khtml-border-bottom-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-khtml-border-left-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-khtml-border-right-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	
	-webkit-border-top-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-webkit-border-bottom-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-webkit-border-left-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	-webkit-border-right-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	
	border-top-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	border-bottom-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	border-left-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
	border-right-colors: #f10 #d30 #b50 #970 #790 #5b0 #3d0 #1f0;
}

.css3_example_border_colour_3
{
	padding: 5px 15px;
	border: 1px solid #000;
	
	-moz-border-top-colors: yellow;
	-moz-border-bottom-colors: red;
	-moz-border-left-colors: green;
	-moz-border-right-colors: blue;
	
	-o-border-top-colors: yellow;
	-o-border-bottom-colors: red;
	-o-border-left-colors: green;
	-o-border-right-colors: blue;
	
	-icab-border-top-colors: yellow;
	-icab-border-bottom-colors: red;
	-icab-border-left-colors: green;
	-icab-border-right-colors: blue;
	
	-khtml-border-top-colors: yellow;
	-khtml-border-bottom-colors: red;
	-khtml-border-left-colors: green;
	-khtml-border-right-colors: blue;
	
	-webkit-border-top-colors: yellow;
	-webkit-border-bottom-colors: red;
	-webkit-border-left-colors: green;
	-webkit-border-right-colors: blue;
	
	border-top-colors: yellow;
	border-bottom-colors: red;
	border-left-colors: green;
	border-right-colors: blue;
}

.css3_example_border_colour_4
{
	padding: 5px 15px;
	border: 1px solid #000;
	
	-moz-border-top-colors: #CCC;
	-moz-border-bottom-colors: #363636;
	-moz-border-left-colors: #777;
	-moz-border-right-colors: #777;
	
	-o-border-top-colors: #CCC;
	-o-border-bottom-colors: #363636;
	-o-border-left-colors: #777;
	-o-border-right-colors: #777;
	
	-icab-border-top-colors: #CCC;
	-icab-border-bottom-colors: #363636;
	-icab-border-left-colors: #777;
	-icab-border-right-colors: #777;
	
	-khtml-border-top-colors: #CCC;
	-khtml-border-bottom-colors: #363636;
	-khtml-border-left-colors: #777;
	-khtml-border-right-colors: #777;
	
	-webkit-border-top-colors: #CCC;
	-webkit-border-bottom-colors: #363636;
	-webkit-border-left-colors: #777;
	-webkit-border-right-colors: #777;
	
	border-top-colors: #CCC;
	border-bottom-colors: #363636;
	border-left-colors: #777;
	border-right-colors: #777;
}

.css3_example_border_rounded_1
{
	border-radius: 15px;
	-moz-border-radius: 15px;
	background-color: #bbb;
	margin: 8px;
	padding: 25px;
}