/*############################################################################*/
/*                                                                            */
/* 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   */
/* Updated: 24/05/11 - swapped inner & outer from end to beginning            */
/* Updated: 24/07/13 - changed outermost tables to divs                       */
/*                                                                            */
/*############################################################################*/

div#border_top									{ display: block; width: 100%; height: 100%; border: 0px; margin: 0px; padding: 0px; overflow: visible; }
div#border_top div.border						{ display: block; position: relative; width: 100%; height: 150px; }
div#border_top div.border div.left_outer		{ display: inline-block; position: relative; float: left; width: 150px; height: 100%; background-image: url('images/border_1x1.jpg'); background-repeat: no-repeat; }
div#border_top div.border div.left_inner		{ display: inline-block; position: relative; float: left; width: 16px; height: 100%; background-image: url('images/border_1x2.jpg'); background-repeat: no-repeat; }
div#border_top div.border div.middle			{ display: inline-block; position: relative; float: left; width: 666px; height: 100%; background-image: url('images/border_1x3.jpg'); background-repeat: no-repeat; }
div#border_top div.border div.right_inner		{ display: inline-block; position: relative; float: left; width: 16px; height: 100%; background-image: url('images/border_1x4.jpg'); background-repeat: no-repeat; }
div#border_top div.border div.right_outer		{ display: inline-block; position: relative; float: left; width: 150px; height: 100%; background-image: url('images/border_1x5.jpg'); background-repeat: no-repeat; }
div#border_top div.edge							{ display: block; width: 100%; height: 16px; }
div#border_top div.edge div.left_outer			{ display: inline-block; float: left; width: 150px; height: 100%; background-image: url('images/border_2x1.jpg'); background-repeat: no-repeat; }
div#border_top div.edge div.left_inner			{ display: inline-block; float: left; width: 16px; height: 100%; background-image: url('images/border_2x2.gif'); background-repeat: no-repeat; }
div#border_top div.edge div.middle				{ display: inline-block; float: left; width: 666px; height: 100%; background-image: url('images/border_2x3.gif'); background-repeat: repeat-x; }
div#border_top div.edge div.right_inner			{ display: inline-block; float: left; width: 16px; height: 100%; background-image: url('images/border_2x4.gif'); background-repeat: no-repeat; }
div#border_top div.edge div.right_outer			{ display: inline-block; float: left; width: 150px; height: 100%; background-image: url('images/border_2x5.jpg'); background-repeat: no-repeat; }

div#border_bottom								{ display: block; width: 100%; height: 100%; border: 0px; margin: 0px; padding: 0px; }
div#border_bottom div.edge						{ display: block; width: 100%; height: 16px; }
div#border_bottom div.edge div.left_outer		{ display: inline-block; float: left; width: 150px; height: 100%; background-image: url('images/border_4x1.jpg'); background-repeat: no-repeat; }
div#border_bottom div.edge div.left_inner		{ display: inline-block; float: left; width: 16px; height: 100%; background-image: url('images/border_4x2.gif'); background-repeat: no-repeat; }
div#border_bottom div.edge div.middle			{ display: inline-block; float: left; width: 666px; height: 100%; background-image: url('images/border_4x3.gif'); background-repeat: repeat-x; }
div#border_bottom div.edge div.right_inner		{ display: inline-block; float: left; width: 16px; height: 100%; background-image: url('images/border_4x4.gif'); background-repeat: no-repeat; }
div#border_bottom div.edge div.right_outer		{ display: inline-block; float: left; width: 150px; height: 100%; background-image: url('images/border_4x5.jpg'); background-repeat: no-repeat; }
div#border_bottom div.border					{ display: block; width: 100%; height: 150px; }
div#border_bottom div.border div.left_outer		{ display: inline-block; position: relative; float: left; width: 150px; height: 100%; background-image: url('images/border_5x1.jpg'); background-repeat: no-repeat; }
div#border_bottom div.border div.left_inner		{ display: inline-block; position: relative; float: left; width: 16px; height: 100%; background-image: url('images/border_5x2.jpg'); background-repeat: no-repeat; }
div#border_bottom div.border div.middle			{ display: inline-block; position: relative; float: left; width: 666px; height: 100%; background-image: url('images/border_5x3.jpg'); background-repeat: no-repeat; }
div#border_bottom div.border div.right_inner	{ display: inline-block; position: relative; float: left; width: 16px; height: 100%; background-image: url('images/border_5x4.jpg'); background-repeat: no-repeat; }
div#border_bottom div.border div.right_outer	{ display: inline-block; position: relative; float: left; width: 150px; height: 100%; background-image: url('images/border_5x5.jpg'); background-repeat: no-repeat; }

div#border_left									{ display: block; width: auto; height: 100%; }
div#border_left div.edge						{ display: inline-block; float: right; width: 16px; height: 100%; background-image: url('images/border_3x2.gif'); background-position: top right; background-repeat: repeat-y; }
div#border_left div.border						{ display: inline-block; position: relative; float: left; width: 150px; height: 100%; background-image: url('images/border_3x1.jpg'); background-position: top right; background-repeat: no-repeat; background-color: #C0C0C0; overflow: hidden; }
div#border_left div.border div.top				{ display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: auto; background-image: url('images/left.border.top.jpg'); background-position: top right; background-repeat: no-repeat; }
div#border_left div.border div.middle			{ display: block; position: absolute; top: auto; left: 0px; width: 100%; height: auto; background-image: url('images/left.border.middle.jpg'); background-position: top right; background-repeat: no-repeat; padding: 6px 0px 0px 0px; }
div#border_left div.border div.bottom			{ display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 150px; background-image: url('images/left.border.bottom.png'); background-position: bottom right; background-repeat: no-repeat; }

div#border_right								{ display: block; width: auto; height: 100%; }
div#border_right div.edge						{ display: inline-block; float: left; width: 16px; height: 100%; background-image: url('images/border_3x4.gif'); background-position: top left; background-repeat: repeat-y; }
div#border_right div.border						{ display: inline-block; position: relative; float: right; width: 150px; height: 100%; background-image: url('images/border_3x5.jpg'); background-position: top left; background-repeat: no-repeat; background-color: #C0C0C0; overflow: hidden; }
div#border_right div.border div.top				{ display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: auto; background-image: url('images/right.border.top.jpg'); background-position: top left; background-repeat: no-repeat; }
div#border_right div.border div.middle			{ display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: auto; background-image: url('images/right.border.middle.jpg'); background-position: top left; background-repeat: no-repeat; padding: 6px 0px 0px 0px; }
div#border_right div.border div.bottom			{ display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 150px; background-image: url('images/right.border.bottom.png'); background-position: bottom left; background-repeat: no-repeat; }