body 	
{
	background-color	: #FFFFFF;
	font-size					: 8pt;
	font-family				: MS Sans Serif, Sans Serif;
}

a 	
{  
	text-decoration : none;
	font-family			: MS Sans Serif, Sans Serif;
	font-size				: 10pt;
}

p.invis 
{
	z-index     : -1;
	color       : white;
	font-size   : 12pt;
}

table
{
	background-color	: transparant;
	font-weight 			: 200;
	font-size   			: 10pt;
	font-family 			: MS Sans Serif, Sans Serif;
}

table.links
{
	text-align			: center;
}

td
{
}

td.spacer
{
	height			: 20px;
}

tr
{
}


/* -------------------------------------------
// Table based layout for the page
*/
	
table.main
{
	border-width		: 0;
	border-color		: black;
	border-style		: dotted;
	width						: 100%;
	height					: 100%;
	border-spacing	: 0;
	padding					: 0;
	cell-spacing		: 0;
}

table.maininside
{
	border-width		: 0;
	border-color		: black;
	border-style		: dotted;
	width						: 100%;
	border-spacing	: 0;
	padding					: 0;
	cell-spacing		: 0;
}

td.main	
{
	border-width		: 0;
	border-color		: black;
	border-style		: dotted;
	padding					: 0;
	border-spacing	: 0;
	background-color: transparant;
	vertical-align	: top;
}

td.imgcaption
{
	border-width		: 0;
	border-color		: black;
	border-style		: dotted;
	padding					: 0;
	border-spacing	: 0;
	background-color: transparant;
	vertical-align	: center;
	text-align			: center;
	width						: 40%;
}

tr.mainheader
	{
	height			: 120px;
	}
	
tr.subheader
	{
	height			: 80px;
	}

tr.mainfooter
	{
	height			: 50px;
	}
	
img.mainlogo
	{
	border-width	: 0;
	border-color	: blue;
	border-style	: dotted;
	position 			: absolute;
	top 					: 0;
	left					: 5;
	z-index				: 20;
	width					: 220px;
	height				: 202px;
	}

div#addblock
{
	position 				: relative;
	vertical-align	: bottom;
  border					: 2px solid blue;
}

td.googleadd
{
	vertical-align	: bottom;
  border					: 0px solid blue;
}


/* -------------------------------------------
// Table based button block
*/

td.menu
	{
	border-width		: 2;
	border-color		: white;
	border-style		: solid;
	padding					: 5;
	cell-spacing		: 2;
	background-color: #FFFFFF;
	vertical-align	: center;
	text-align			: center;
	height					: 40px;
	}

td.menu:hover
	{
	border-width		: 2;
	border-color		: black;
	border-style		: solid;
	padding					: 5;
	border-spacing	: 2;
	background-color: #FFFFFF;
	vertical-align	: center;
	text-align			: center;
	height					: 40px;
	}

.navlink a:link
{
    color	: 	#000000;
    padding	:	10px;
    margin	:	15px;
    border	:	2px solid blue;
    diplay	:	block;
    width	:	100%;
}

.navlink a:visited
{
    color	: 	#000000;
    padding	:	10px;
    margin	:	15px;
    border	:	2px solid blue;
    diplay	:	block;
    width	:	100%;
}

.navlink a:hover
{
    color	: 	#000000;
    padding	:	10px;
    margin	:	15px;
    border	:	2px solid black;
    diplay	:	block;
    width	:	100%;
}

/* -------------------------------------------
// Table based layout for character sheet
*/
	
table.char
	{
	border-width		: 0;
	border-color		: black;
	border-style		: dotted;
	text-align		: center;
	width			: 800px;
	border-spacing		: 1;
	font-size		: 9pt;
	}

table.inchar
	{
	border-width		: 0;
	width			: 100%;
	border-color		: black;
	border-style		: dotted;
	text-align		: center;
	border-spacing		: 0;
	font-size		: 9pt;
	}

table.gift
	{
	border-width		: 0;
	width			: 95%;
	border-color		: black;
	border-style		: dotted;
	text-align		: center;
	border-spacing		: 0;
	font-size		: 12pt;
	margin-left		: auto;
	margin-right		: auto;
	}

td.char
	{
	border-width		: 0;
	border-color		: red;
	border-style		: solid;
	padding			: 0;
	border-spacing		: 0;
	background-color	: #EFEFEF;
	vertical-align		: top;
	}

td.gift
	{
	border-width		: 0;
	border-color		: red;
	border-style		: dotted;
	padding			: 0;
	border-spacing		: 0;
	background-color	: #FFFFFF;
	font-size		: 8pt;
	text-align		: center;
	}


tr.char
	{
	}
	
img.borderless
	{
	border-width		: 0;
	}

p.charname
	{
	font-size		: 6;
	font-weight		: 800;
	text-align		: center;
	}

p.charquote
	{
	font-size		: 6;
	font-weight		: 100;
	text-align		: center;
	}

/* ------------------------------------------ */
// Tables for combat
*/
table.combat
	{
	width		: 80%;
	}

/* ------------------------------------------ */
	
	/*
	color			: #00FF00;
	background-color	: #000000;
	border-color		: #000000;
	border-width		: 2;
	border-style		: solid;
	border-spacing		: 0;
	}
*/
p	{
	font-family		: MS Sans Serif, Sans Serif;
	}

p.basic {
        position    : relative;
        font-weight : 200;
        font-size   : 10pt;
        font-family : MS Sans Serif, Sans Serif;
        text-align  : justify;
        left        : 10%;
        z-index     : 10;
	width       : 80%;
        }

/* -----------------------------------------------------
// cssBtn block
*/

table.left
	{
        position    : relative;
	left 	    : 10%;
	}

div#btnblock
        {
        position 	: relative;
        vertical-align	: top; 
        }

.cssbtn {
        display 	: block ;
        padding 	: 3px;
        margin 		: 1 1;


        white-space 	: nowrap;
        cursor		: hand; 

        border 		: 3px solid #FFFFFF;
        }

.cssbtn:hover 
	{
    	border : 3px solid #000000;
        }
	
img.menu
        {
     	position : relative;
        border   : 2px solid white;
	top	 : 50%;
        }

// -----------------------------------------------------


// below this is unsupported now

p.invis {
        z-index     : -1;
	color       : white;
	}

p.subtitle    
	{ 
	position       		: absolute;
        width          		: 160px;
        top            		: 250px;
        left           		: 20px;
        line-height    		: 10px;
        font-size      		: 7pt;
        color          		: #1010FF;
        text-align     		: justify;
        letter-spacing 		: 2px;
        font-family    		: Tahoma;
        font-variant   		: small-caps;
	}

p.title 
	{
	position      		: absolute;
	z-index       		: 5;
	font-size     		: 300%;
	font-weight   		: 800;
	font-family		: Papyrus, Comic Sans MS, MS Sans Serif, Sans Serif;
	text-align    		: left;
	margin-top    		: 2px;	
	margin-bottom 		: 4px;
	left          		: 220px;
	top           		: 170px;
	width			: 400px;
	}


p.quote	
	{
	position      		: relative;
	font-weight   		: 400;
  font-size     		: 10pt;
	font-family				: MS Sans Serif, Sans Serif;
 	margin-bottom 		: 1px;
	text-align    		: right;
	right         		: 20px;
	z-index       		: 10;
	}

p.credit 
	{
	position      		: relative;
	font-weight   		: 600;
	font-size     		: 10pt;
	font-family				: MS Sans Serif, Sans Serif;
	right         		: 1px;
	text-align    		: right;
	margin-top    		: 0px;
	margin-bottom 		: 0px;
	z-index       		: 10;
	}

p.charcredit 
	{
	position      		: relative;
	font-weight   		: 600;
	font-size     		: 8pt;
	font-family		: Papyrus, MS Sans Serif, Sans Serif;
	right         		: 1px;
	text-align    		: right;
	margin-top    		: 0px;
	margin-bottom 		: 0px;
	z-index       		: 10;
	}

div#character
        {
        position        : relative;
        left            : 10%;
        width           : 420px;
        height          : 700px;
        z-index         : 100;
        }

div#character a
        {
        display         : block;
        color           : black;
        margin          : 0 0 1px;
        text-decoration : none;
        }

div#character a:hover
        {
	color 		: #1010FF;
	background	: #FFFFFF;
	}

div#character a span
        {
        display         : none;
        }

div#character a:hover span
        {
        font-family     : Papyrus, MS Sans Serif, Sans Serif;
        display         : block;
        position        : absolute;
        top             : 450px;
        left            : 390px;
        z-index         : 100;
        text-align      : right;
	width		: 300px;
	border		: 0px;
        }

div#character a img.popup
        {
        border          : 0px;
        display         : block;
        height          : 0px;
        width           : 0px;
	left		: -1px;
	top		: -1px;
        }

div#character a:hover img.popup
        {
        display         : block;
        position        : absolute;
        top             : 10px;
        left            : 450px;
        z-index         : 100;
        width           : 200px;
        height          : 400px;
        border          : 0px;
        }

div#character a table.popup
	{
	display		: none;
	}

div#character a:hover table.popup
	{
	display		: block;
	position	: absolute;
	left		: 450px;
	top		: 10px;
	z-index		: 100;

        font-family     : Papyrus, MS Sans Serif, Sans Serif;
	font-size	: 10pt;
	text-align	: center;
	color		: #1010FF;
	}

img.titlebar  
	{  
	position 		: absolute;
        top  			: 30;
        left 			: 20;
        width 			: 800px;
        z-index 		: 1;
	}

img.garou
        {
        border   : 2px solid white;
        }


div#relbtnblock
        {
        position 	: relative;
        top 		: 20px;
	left		: 30px;
        }

.relbtn {
        display 	: block ;
        width		: 324px;
        padding 	: 3px;
        margin 		: 1 1;

/*        vertical-align	: right; */
        white-space 	: nowrap;
        cursor		: hand; 
	cursor:pointer;

        border : 2px solid #FFFFFF;
        }

.relbtn:hover 
	{
    	border : 2px solid #3B3EB9;
        }

/* Character Sheet Style */

p.chartitle
	{
	z-index       		: 5;
	font-size     		: 300%;
	font-weight   		: 800;
	font-family		: Papyrus, MS Sans Serif, Sans Serif;
	text-align    		: left;
	margin-top    		: 2px;	
	margin-bottom 		: 4px;
	}

p.charcaption
	{
	z-index       		: 5;
	font-size     		: 100%;
	font-weight   		: 800;
	font-family		: MS Sans Serif, Sans Serif;
	text-align    		: left;
	margin-top    		: 2px;	
	margin-bottom 		: 4px;
	}

p.chartrait
	{
	z-index       		: 5;
	font-size     		: 100%;
	font-weight   		: 100;
	text-align    		: center;
	margin-top    		: 0px;	
	margin-bottom 		: 0px;
	}



tr.blueline
	{
	background-color	: #FFFFFF;
	color			: #000000;
	font-weight		: 400;
	font-size		: 10pt;
	border-width		: 0px;
	border-style		: solid;
	padding			: 0px;
	margin			: 0px;
	}
	
tr.whiteline
	{
	background-color	: #6666FF;
	color			: #FFFFFF;
	font-weight		: 600;
	font-size		: 10pt;
	border-width		: 0px;
	border-style		: solid;
	padding			: 0px;
	marigin			: 0px;
	}

tr.caption
	{
	font-size		: 12pt;
	font-weight		: 800;
	text-align		: center;
	border-width		: 0px;
	border-style		: solid;
	padding			: 0px;
	marigin			: 0px;
	}
	
table.bwlist
	{
	border-color		; #600;
	border-width		: 0px 0px 0px 0px;
	border-style		: solid;
	border-spacing		: 0;
	}

td.center
	{
	text-align		: center;
	}