/* CSS for image frames (CSS3 only) */

.diamond {
	-moz-border-image: url('/education/graphics/frames/css3/diamond.png') 33% 33% 33% 33% round;
	-webkit-border-image: url('/education/graphics/frames/css3/diamond.png') 33% 33% 33% 33% round;
	border: 20px solid transparent;
}

.circus {
	-moz-border-image: url('/education/graphics/frames/css3/circus.png') 35% 35% 35% 35% round;
	-webkit-border-image: url('/education/graphics/frames/css3/circus.png') 35% 35% 35% 35% round;
	border: 20px solid transparent;
}

.muffin {
	-moz-border-bottom-colors:#003333 #003399 #777777 #888888 #999999 #AAAAAA #BBBBBB #CCCCCC;
	-moz-border-left-colors:#003333 #003399 #777777 #888888 #999999 #AAAAAA #BBBBBB #CCCCCC;
	-moz-border-right-colors:#003333 #003399 #777777 #888888 #999999 #AAAAAA #BBBBBB #CCCCCC;
	-moz-border-top-colors:#003333 #003399 #777777 #888888 #999999 #AAAAAA #BBBBBB #CCCCCC;
	border:8px solid #000000;
}

.white_frame{
	-moz-box-shadow: #888888 2px 2px 12px;
	-webkit-box-shadow: #888888 2px 2px 12px;
	box-shadow: #888888 2px 2px 12px;
	border: 14px solid #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
}

.flippedcorner_frame{
	border: 22px solid transparent;
	border-image: url("/education/graphics/frames/css3/flippedcorner_frame.png") 22 stretch;
	-moz-border-image: url("/education/graphics/frames/css3/flippedcorner_frame.png") 22 stretch;
	-webkit-border-image: url("/education/graphics/frames/css3/flippedcorner_frame.png") 22 stretch;
	-moz-box-shadow: 2px 2px 7px #888;
	-webkit-box-shadow: 2px 2px 7px #888;
	box-shadow: 2px 2px 7px #888;
	-moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	border-radius-bottomright: 30px;
}

.blackbevel_frame{
	border: 28px solid transparent;
	border-image: url("/education/graphics/frames/css3/blackbevel_frame.png") 28 stretch;
	-moz-border-image: url("/education/graphics/frames/css3/blackbevel_frame.png") 28 stretch;
	-webkit-border-image: url("/education/graphics/frames/css3/blackbevel_frame.png") 28 stretch;
	-webkit-box-shadow: #888888 0px 6px 10px;
	-moz-box-shadow: #888888 0px 6px 10px;
	box-shadow: #888888 0px 6px 10px;
}

.darkwood_frame{
	border: 15px solid transparent;
	border-image: url("/education/graphics/frames/css3/darkwood_frame.png") 15 round;
	-moz-border-image: url("/education/graphics/frames/css3/darkwood_frame.png") 15 round;
	-webkit-border-image: url("/education/graphics/frames/css3/darkwood_frame.png") 15 round;
	-webkit-box-shadow: #888888 0px 6px 10px;
	-moz-box-shadow: #888888 0px 6px 10px;
	box-shadow: #888888 0px 6px 10px;
}

.bambooframe{
	border: 28px solid transparent;
	border-image: url("/education/graphics/frames/css3/bamboo_frame.png") 28 round;
	-moz-border-image: url("/education/graphics/frames/css3/bamboo_frame.png") 28 round;
	-webkit-border-image: url("/education/graphics/frames/css3/bamboo_frame.png") 28 round;
	-webkit-box-shadow: #888888 0px 6px 10px;
	-moz-box-shadow: #888888 0px 6px 10px;
	box-shadow: #888888 0px 6px 10px;
}

.browncorners_frame{
	border: 17px solid transparent;
	border-image: url("/education/graphics/frames/css3/browncorners_frame.png") 17 stretch;
	-moz-border-image: url("/education/graphics/frames/css3/browncorners_frame.png") 17 stretch;
	-webkit-border-image: url("/education/graphics/frames/css3/browncorners_frame.png") 17 stretch;
}

.topbar_frame{
	border-top: 2px solid #cccccc;
	padding: 20px 25px 0 25px;
}

.bottombar_frame{
	border-bottom: 2px solid #cccccc;
	padding: 0 25px 20px 25px;
}

.leftbar_frame{
	border-left: 2px solid #cccccc;
	padding: 25px 0 25px 20px;
}

.rightbar_frame{
	border-right: 2px solid #cccccc;
	padding: 25px 20px 25px 0;
}

.ellipse_frame{
	border: 20px solid transparent;
	border-image: url("/education/graphics/frames/css3/ellipse_frame.png") 20 stretch;
	-moz-border-image: url("/education/graphics/frames/css3/ellipse_frame.png") 20 stretch;
	-webkit-border-image: url("/education/graphics/frames/css3/ellipse_frame.png") 20 stretch;
}

.horizlines_frame{
	border-style: solid;
	border-color: transparent;
	border-width: 14px 35px;
	border-image: url("/education/graphics/frames/css3/horizlines_frame.png") 14 35 stretch;
	-moz-border-image: url("/education/graphics/frames/css3/horizlines_frame.png") 14 35 stretch;
	-webkit-border-image: url("/education/graphics/frames/css3/horizlines_frame.png") 14 35 stretch;
}

.shelf_frame{
	border-style: solid;
	border-color: transparent;
	border-width: 3px 30px 27px 26px;
	border-image: url("/education/graphics/frames/css3/shelf_frame.png") 3 30 27 26 stretch;
	-moz-border-image: url("/education/graphics/frames/css3/shelf_frame.png") 3 30 27 26 stretch;
	-webkit-border-image: url("/education/graphics/frames/css3/shelf_frame.png") 3 30 27 26 stretch;
}