﻿
.north
{
	background: url(north.jpg) repeat-x top; 
}

.east
{
	background: url(east.jpg) repeat-y right;
}

.south
{
	background: url(south.jpg) repeat-x bottom; 
}

.west
{
	background: url(west.jpg) repeat-y left;
}

.northeast
{
	background: url(northeast.jpg) no-repeat top right; 
}

.southeast
{
	background: url(southeast.jpg) no-repeat bottom right;
}

.southwest 
{
	background: url(southwest.jpg) no-repeat bottom left;
}

.northwest 
{
	background: url(northwest.jpg) no-repeat top left;
	padding: 1em;
}

.fancy-north
{
	background: url(north.png) repeat-x top; 
}

.fancy-east
{
	background: url(east.png) repeat-y right;
}

.fancy-south
{
	background: url(south.png) repeat-x bottom; 
}

.fancy-west
{
	background: url(west.png) repeat-y left;
}

.fancy-northeast
{
	background: url(northeast.png) no-repeat top right; 
}

.fancy-southeast
{
	background: url(southeast.png) no-repeat bottom right;
}

.fancy-southwest 
{
	background: url(southwest.png) no-repeat bottom left;
}

.fancy-northwest 
{
	background: url(northwest.png) no-repeat top left;
}

.fancy-input-north
{
	background: url(north.png) repeat-x top; 
	width: 24em;
	line-height: 1.5em;
	font-size: 1.4em;
}

.fancy-input-east
{
	background: url(east.png) repeat-y right;
}

.fancy-input-south
{
	background: url(south.png) repeat-x bottom; 
}

.fancy-input-west
{
	background: url(west.png) repeat-y left;
}

.fancy-input-northeast
{
	background: url(northeast.png) no-repeat top right; 
}

.fancy-input-southeast
{
	background: url(southeast.png) no-repeat bottom right;
}

.fancy-input-southwest 
{
	background: url(southwest.png) no-repeat bottom left;
}

.fancy-input-northwest 
{
	background: url(northwest.png) no-repeat top left;
	padding: 1em 2em;
}

.fancy-input-northwest input
{
	width: 20em;
	border: 0;
}