.topleft
{
	width:18px;
	height:18px;
	margin:0px;
	background-image:url(images/botl.jpg);
	background-repeat:no-repeat;
	float:left;
}

.topright 
{
	width:18px;
	height:18px;
	margin:0px;
	background-image:url(images/botr.jpg);
	background-repeat:no-repeat;
	float:right;
}

.top 
{
	width:auto;
	height:18px;
	margin:0px;
	background-image:url(images/boto.jpg);
	background-repeat:repeat-x;
}

.left 
{
	width:18px;
	height:auto;
	margin:0px;
	background-image:url(images/bole.jpg);
	background-repeat:repeat-y;
	display:table-cell;
}

.center 
{
	width:auto;
	height:auto;
	margin:0px;
	background-color: #e6e6e6;
	display:table-cell;
}

.right 
{
	width:18px;
	height:auto;
	margin:0px;
	background-image:url(images/bori.jpg);
	background-repeat:repeat-y;
	display:table-cell;
}

.bottomleft 
{
	width:18px;
	height:18px;
	margin:0px;
	background-image:url(images/bobl.jpg);
	background-repeat:no-repeat;
	float:left;
}

.bottomright 
{
	width:18px;
	height:18px;
	margin:0px;
	background-image:url(images/bobr.jpg);
	background-repeat:no-repeat;
	float:right;
}

.bottom 
{
	width:auto;
	height:18px;
	margin:0px;
	background-image:url(images/bobo.jpg);
	background-repeat:repeat-x;
}

@media (max-width: 775px) and (min-width: 739px), (max-width: 475px) {
    .topleft {display: none;}
    .topright {display: none;}
    .top {display: none;}
    .left {display: none;}
    .right {display: none;}
    .bottomleft {display: none;}
    .bottomright {display: none;}
    .bottom {display: none;}
}