/*############################################################################*/
/*                                                                            */
/* Borders Cascading Style Sheet (Mozilla)                                    */
/* Copyright 2010-2011 Russell Warburton                                      */
/*                                                                            */
/* Filename: /styles/current/borders/borders.css (css)                        */
/* Author: Russell Warburton (russell@warburnet.com.au)                       */
/*                                                                            */
/* No portion of this computer program may be used without prior written      */
/* permission from the author. This computer program is protected by          */
/* international copyright laws.                                              */
/*                                                                            */
/* Created: --/--/--                                                          */
/* Updated: 18/03/11 - head comment section added                             */
/* Updated: 06/04/11 - added border_left td.border table tr td                */
/* Updated: 06/04/11 - added border_right td.border table tr td               */
/* Updated: 08/04/11 - removed blank lines                                    */
/* Updated: 08/04/11 - removed background-color from top and bottom borders   */
/* Updated: 16/12/11 - converted image filenames to PSP image slicer format   */
/*                                                                            */
/*############################################################################*/

#border_top										{ width: 100%; }
#border_top td.border							{ width: 100%; height: 150px; }
#border_top td.border table						{ width: 100%; height: 100%; }
#border_top td.border table td					{ text-align: center; vertical-align: middle; }
#border_top td.border table td.outer_left		{ width: 150px; background-image: url('images/border_1x1.jpg'); background-repeat: no-repeat; }
#border_top td.border table td.inner_left		{ width: 16px; background-image: url('images/border_1x2.jpg'); background-repeat: no-repeat; }
#border_top td.border table td.middle			{ width: 666px; background-image: url('images/border_1x3.jpg'); background-repeat: no-repeat; vertical-align: middle; }
#border_top td.border table td.inner_right		{ width: 16px; background-image: url('images/border_1x4.jpg'); background-repeat: no-repeat; }
#border_top td.border table td.outer_right		{ width: 150px; background-image: url('images/border_1x5.jpg'); background-repeat: no-repeat; }
#border_top td.edge								{ width: 100%; height: 16px; }
#border_top td.edge table						{ width: 100%; height: 100%; }
#border_top td.edge table td.outer_left			{ width: 150px; background-image: url('images/border_2x1.jpg'); background-repeat: no-repeat; }
#border_top td.edge table td.inner_left			{ width: 16px; background-image: url('images/border_2x2.gif'); background-repeat: no-repeat; }
#border_top td.edge table td.middle				{ width: 666px; background-image: url('images/border_2x3.gif'); background-repeat: repeat-x; }
#border_top td.edge table td.inner_right		{ width: 16px; background-image: url('images/border_2x4.gif'); background-repeat: no-repeat; }
#border_top td.edge table td.outer_right 		{ width: 150px; background-image: url('images/border_2x5.jpg'); background-repeat: no-repeat; }

#border_bottom									{ width: 100%; }
#border_bottom td.edge							{ width: 100%; height: 16px; }
#border_bottom td.edge table					{ width: 100%; height: 100%; }
#border_bottom td.edge table td.outer_left		{ width: 150px; background-image: url('images/border_4x1.jpg'); background-repeat: no-repeat; }
#border_bottom td.edge table td.inner_left		{ width: 16px; background-image: url('images/border_4x2.gif'); background-repeat: no-repeat; }
#border_bottom td.edge table td.middle			{ width: 666px; background-image: url('images/border_4x3.gif'); background-repeat: repeat-x; }
#border_bottom td.edge table td.inner_right		{ width: 16px; background-image: url('images/border_4x4.gif'); background-repeat: no-repeat; }
#border_bottom td.edge table td.outer_right		{ width: 150px; background-image: url('images/border_4x5.jpg'); background-repeat: no-repeat; }
#border_bottom td.border						{ width: 100%; height 150px; }
#border_bottom td.border table					{ width: 100%; height 100%; }
#border_bottom td.border table td				{ text-align: center; vertical-align: middle; }
#border_bottom td.border table td.outer_left	{ width: 150px; background-image: url('images/border_5x1.jpg'); background-repeat: no-repeat; }
#border_bottom td.border table td.inner_left	{ width: 16px; background-image: url('images/border_5x2.jpg'); background-repeat: no-repeat; }
#border_bottom td.border table td.middle		{ width: 666px; background-image: url('images/border_5x3.jpg'); background-repeat: no-repeat; vertical-align: middle; }
#border_bottom td.border table td.inner_right	{ width: 16px; background-image: url('images/border_5x4.jpg'); background-repeat: no-repeat; }
#border_bottom td.border table td.outer_right	{ width: 150px; background-image: url('images/border_5x5.jpg'); background-repeat: no-repeat; }

#border_left									{ width: 100%; height: 100%; }
#border_left td.edge							{ width: 16px; height: 100%; background-image: url('images/border_3x2.gif'); background-position: top right; background-repeat: repeat-y; }
#border_left td.border							{ width: 150px; height: 100%; background-image: url('images/border_3x1.jpg'); background-position: top right; background-repeat: no-repeat; vertical-align: top; background-color: #C0C0C0; }
#border_left td.border table					{ width: 100%; height: 100%; }
#border_left td.border table tr.top				{ width: 100%; height: 100%; vertical-align: top; background-image: url('images/left.border.top.jpg'); background-position: top right; background-repeat: no-repeat; }
#border_left td.border table tr.middle			{ width: 100%; height: auto; vertical-align: top; background-image: url('images/left.border.middle.jpg'); background-position: top right; background-repeat: no-repeat; }
#border_left td.border table tr.bottom			{ width: 100%; height: 100%; vertical-align: top; background-image: url('images/left.border.bottom.png'); background-position: bottom right; background-repeat: no-repeat; }
#border_left td.border table tr td				{ align: center; }
#border_left td.border table tr.bottom div		{ width: 100%; height: 150px; }

#border_right									{ width: 100%; height: 100%; }
#border_right td.edge							{ width: 16px; height: 100%; background-image: url('images/border_3x4.gif'); background-position: top left; background-repeat: repeat-y; }
#border_right td.border							{ width: 150px; height: 100%; background-image: url('images/border_3x5.jpg'); background-position: top left; background-repeat: no-repeat; vertical-align: top; background-color: #C0C0C0; }
#border_right td.border table					{ width: 100%; height: 100%; }
#border_right td.border table tr.top			{ width: 100%; height: 100%; vertical-align: top; background-image: url('images/right.border.top.jpg'); background-position: top left; background-repeat: no-repeat; }
#border_right td.border table tr.middle			{ width: 100%; height: auto; vertical-align: top; background-image: url('images/right.border.middle.jpg'); background-position: top left; background-repeat: no-repeat; }
#border_right td.border table tr.bottom			{ width: 100%; height: 100%; vertical-align: top; background-image: url('images/right.border.bottom.png'); background-position: bottom left; background-repeat: no-repeat; }
#border_right td.border table tr td				{ text-align: center; }
#border_right td.border table tr.bottom div		{ width: 100%; height: 150px; }