
/*

// ======================================
// Clan {Elite} Style-Sheet - Boxes
// --------------------------------------------------------------------

// --------------------------------------------------------------------
// Code written by Conan Theobald (c) 2001
// Visit: www.conans.co.uk
// Email: software@conans.co.uk
// ======================================

*/

/*----------------------------*/
/* Cyan box properties */
/*----------------------------*/

td.box0				{ background: #004040; }
td.topleft0			{ width: 10px; height: 10px; background: url(../../images/box/cyan_corner_1.gif) no-repeat; font-size: 5px; }
td.topright0		{ width: 10px; height: 10px; background: url(../../images/box/cyan_corner_2.gif) no-repeat; font-size: 5px; }
td.bottomleft0	{ width: 10px; height: 10px; background: url(../../images/box/cyan_corner_3.gif) no-repeat; font-size: 5px; }
td.bottomright0	{ width: 10px; height: 10px; background: url(../../images/box/cyan_corner_4.gif) no-repeat; font-size: 5px; }
td.top0				{ width: 10px; height: 10px; background: url(../../images/box/cyan_top.gif) repeat-x; font-size: 5px; }
td.bottom0			{ width: 10px; height: 10px; background: url(../../images/box/cyan_bottom.gif) repeat-x; font-size: 5px; }
td.left0				{ width: 10px; height: 10px; background: url(../../images/box/cyan_left.gif) repeat-y; font-size: 5px; }
td.right0			{ width: 10px; height: 10px; background: url(../../images/box/cyan_right.gif) repeat-y; font-size: 5px; }

/*----------------------------*/
/* Orange box properties */
/*----------------------------*/

td.box1				{ background: #004040; }
td.topleft1			{ width: 10px; height: 10px; background: url(../../images/box/orange_corner_1.gif) no-repeat; font-size: 5px; }
td.topright1		{ width: 10px; height: 10px; background: url(../../images/box/orange_corner_2.gif) no-repeat; font-size: 5px; }
td.bottomleft1	{ width: 10px; height: 10px; background: url(../../images/box/orange_corner_3.gif) no-repeat; font-size: 5px; }
td.bottomright1	{ width: 10px; height: 10px; background: url(../../images/box/orange_corner_4.gif) no-repeat; font-size: 5px; }
td.top1				{ width: 10px; height: 10px; background: url(../../images/box/orange_top.gif) repeat-x; font-size: 5px; }
td.bottom1			{ width: 10px; height: 10px; background: url(../../images/box/orange_bottom.gif) repeat-x; font-size: 5px; }
td.left1				{ width: 10px; height: 10px; background: url(../../images/box/orange_left.gif) repeat-y; font-size: 5px; }
td.right1			{ width: 10px; height: 10px; background: url(../../images/box/orange_right.gif) repeat-y; font-size: 5px; }

/*----------------------------*/
/* Cyan 2 box properties */
/*----------------------------*/

td.box2				{ background: #004040; }
td.topleft2			{ width: 10px; height: 10px; background: url(../../images/box/cyan2_corner_1.gif) no-repeat; font-size: 5px; }
td.topright2		{ width: 10px; height: 10px; background: url(../../images/box/cyan2_corner_2.gif) no-repeat; font-size: 5px; }
td.bottomleft2	{ width: 10px; height: 10px; background: url(../../images/box/cyan2_corner_3.gif) no-repeat; font-size: 5px; }
td.bottomright2	{ width: 10px; height: 10px; background: url(../../images/box/cyan2_corner_4.gif) no-repeat; font-size: 5px; }
td.top2				{ width: 10px; height: 10px; background: url(../../images/box/cyan2_top.gif) repeat-x; font-size: 5px; }
td.bottom2			{ width: 10px; height: 10px; background: url(../../images/box/cyan2_bottom.gif) repeat-x; font-size: 5px; }
td.left2				{ width: 10px; height: 10px; background: url(../../images/box/cyan2_left.gif) repeat-y; font-size: 5px; }
td.right2			{ width: 10px; height: 10px; background: url(../../images/box/cyan2_right.gif) repeat-y; font-size: 5px; }

/*----------------------------*/
/* Grey box properties */
/*----------------------------*/

td.box3				{ background: #4B4B4B; }
td.topleft3			{ width: 10px; height: 10px; background: url(../../images/box/grey_corner_1.gif) no-repeat; font-size: 5px; }
td.topright3		{ width: 10px; height: 10px; background: url(../../images/box/grey_corner_2.gif) no-repeat; font-size: 5px; }
td.bottomleft3	{ width: 10px; height: 10px; background: url(../../images/box/grey_corner_3.gif) no-repeat; font-size: 5px; }
td.bottomright3	{ width: 10px; height: 10px; background: url(../../images/box/grey_corner_4.gif) no-repeat; font-size: 5px; }
td.top3				{ width: 10px; height: 10px; background: url(../../images/box/grey_top.gif) repeat-x; font-size: 5px; }
td.bottom3			{ width: 10px; height: 10px; background: url(../../images/box/grey_bottom.gif) repeat-x; font-size: 5px; }
td.left3				{ width: 10px; height: 10px; background: url(../../images/box/grey_left.gif) repeat-y; font-size: 5px; }
td.right3			{ width: 10px; height: 10px; background: url(../../images/box/grey_right.gif) repeat-y; font-size: 5px; }

/*----------------------------*/
/* New box properties      */
/*----------------------------*/

td.box4				{ padding-top: 5px; background: #444444; }
td.topleft4			{ width: 10px; height: 27px; background: url(../../images/box/2/grey_corner_1.gif) no-repeat; font-size: 5px; }
td.topright4		{ width: 10px; height: 27px; background: url(../../images/box/2/grey_corner_2.gif) no-repeat; font-size: 5px; }
td.bottomleft4	{ width: 10px; height: 10px; background: url(../../images/box/2/grey_corner_3.gif) no-repeat; font-size: 5px; }
td.bottomright4	{ width: 10px; height: 10px; background: url(../../images/box/2/grey_corner_4.gif) no-repeat; font-size: 5px; }
td.top4				{ padding-top: 3px; height: 27px; background: url(../../images/box/2/grey_top.gif) repeat-x; font-size: 13px; font-weight: bold; font-family: Trebuchet MS, Tahoma; vertical-align: middle; }
td.bottom4			{ height: 10px; background: url(../../images/box/2/grey_bottom.gif) repeat-x; font-size: 5px; }
td.left4				{ height: 27px; background: url(../../images/box/2/grey_left.gif) repeat-y; font-size: 5px; }
td.right4			{ height: 27px; background: url(../../images/box/2/grey_right.gif) repeat-y; font-size: 5px; }
