/* Box Design 1 */
.Box1 .tl {
	background: #399 url('/tutorial/framed/images/PCS_topLeft.gif');
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 63px;
	height: 61px;
}
.Box1 .tr {
	background: #399 url('/tutorial/framed/images/PCS_topRight.gif');
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 35px;
	height: 61px;
}
.Box1 .tm {
	background: #399 url('/tutorial/framed/images/PCS_top.gif');
	background-position: top;
	background-repeat: repeat-x;
	height: 61px;
}
.Box1 .tm h4 {
	border: 0px;
	color: #fefefe;
}
.Box1 .ml {
	background: #399 url('/tutorial/framed/images/PCS_left.gif');
	background-position: left;
	background-repeat: repeat-y;
	padding-left: 27px;
}
.Box1 .mr {
	background: #399 url('/tutorial/framed/images/PCS_right.gif');
	background-position: right;
	background-repeat: repeat-y;
	padding-right: 30px;
}
.Box1 .mm {
	background: #fff none;
	text-align: center;
}
.Box1 .bl {
	background: #399 url('/tutorial/framed/images/PCS_bottomLeft.gif');
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 27px;
	height: 33px;
}
.Box1 .br {
	background: #399 url('/tutorial/framed/images/PCS_bottomRight.gif');
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 30px;
	height: 33px;
}
.Box1 .bm {
	background: #399 url('/tutorial/framed/images/PCS_bottom.gif');
	background-position: top;
	background-repeat: repeat-x;
	height: 33px;
}

/* Box Design A */
.A_box {
	margin: 5px 15px 5px 15px;
	color: #fefefe;
}
.A_box a:link{
	text-decoration: underline;
	color: #ff9;
}
.A_box a:visited{
	text-decoration: underline;
	color: #ffc;
}
.A_box a:hover, .A_box a:active{
	text-decoration: underline;
	color: #ff0;
}
.A_box .tl {
	background-image: url('/tutorial/framed/images/A_box/top_left.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 12px;
	height: 40px;
}
.A_box .tr {
	background-image: url('/tutorial/framed/images/A_box/top_right.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
	padding-right: 12px;
	height: 40px;
}
.A_box .tm {
	background-image: url('/tutorial/framed/images/A_box/top_middle.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	height: 40px;
	vertical-align: bottom;
}
.A_box .tm h5 {
	margin: 0px;
	border: 0px;
	padding: 0px 6px 0px 6px;
	font-family: 'Times New Roman','Times',serif;
	text-align: left;
	color: #c96;
	font-weight: 900;
	font-size: 160%;
}
.A_box .ml {
	background-image: url('/tutorial/framed/images/A_box/middle_left.gif');
	background-position: left;
	background-repeat: repeat-y;
	padding-left: 12px;
}
.A_box .mr {
	background-image: url('/tutorial/framed/images/A_box/middle_right.gif');
	background-position: right;
	background-repeat: repeat-y;
	padding-right: 12px;
}
.A_box .mm {
	background: #150705 url('/tutorial/framed/images/A_box/middle.gif');
}
.A_box .mm *{
	color: #fefefe;
}
.A_box .bl {
	background-image: url('/tutorial/framed/images/A_box/bottom_left.gif');
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 12px;
	height: 20px;
}
.A_box .br {
	background-image: url('/tutorial/framed/images/A_box/bottom_right.gif');
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 12px;
	height: 20px;
}
.A_box .bm {
	background-image: url('/tutorial/framed/images/A_box/bottom_middle.gif');
	background-position: top;
	background-repeat: repeat-x;
	height: 20px;
	text-align: right;
}

/* Box Design B */
.B_box {
	position: relative;
	margin: 0px auto;
	width: 350px;
	color: #333;
}
.B_box h5 {
	margin: 0px;
	border-width: 0px;
	padding: 0px;
}
.B_box a:link{
	text-decoration: underline;
	color: #039;
}
.B_box a:visited{
	text-decoration: underline;
	color: #606;
}
.B_box a:hover, .B_box a:active{
	text-decoration: underline;
	color: #c00;
}
.B_box .tl {
	background-image: url('/tutorial/framed/images/B_box/grey-tl.gif');
	background-position: left top;
	background-repeat: no-repeat;
}
.B_box .tr {
	background-image: url('/tutorial/framed/images/B_box/grey-tr.gif');
	background-position: right top;
	background-repeat: no-repeat;
}
.B_box .tm {
	background-image: url('/tutorial/framed/images/B_box/grey-t.gif');
	background-position: top;
	background-repeat: repeat-x;
	vertical-align: bottom;
}
.B_box .ml {
	background: #eee url('/tutorial/framed/images/B_box/grey-l.gif');
	background-position: left top;
	background-repeat: repeat-y;
}
.B_box .mr {
	background-image: url('/tutorial/framed/images/B_box/grey-r.gif');
	background-position: right top;
	background-repeat: repeat-y;
}
.B_box .mm {
	padding: 10px;
}
.B_box .bl {
	background-image: url('/tutorial/framed/images/B_box/grey-bl.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
}
.B_box .br {
	background-image: url('/tutorial/framed/images/B_box/grey-br.gif');
	background-position: right bottom;
	background-repeat: no-repeat;
}
.B_box .bm {
	background-image: url('/tutorial/framed/images/B_box/grey-b.gif');
	background-position: bottom;
	background-repeat: repeat-x;
}

