/***************************************************************
CSS Style Sheet for peterbox.com

Contains styles for fonts, colors, etc. for elements used on more
than one page.

Copyright (c) Peter Huber, Singapore, 2003
***************************************************************/


/* Fonts */
body, h1, h2, h3, h4, h5, h6, span, table, hr, hd, input, button {
	font-family: verdana, arial, sans-serif;}
body, table, hr, hd, input, button {
	font-weight: normal;
	font-size: small;}

/* Margins */
body
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right: 0px;}

/* Font Color & Background */
/* don't include this in above definition because INPUT elements' background shouldn't change  */
/* BODY, TABLE, HR, HD
{
	color: #000050;
	background-color: seashell;
}
*/

/* margin */
/* A, H1, H2, H3, H4, H5, H6, P, TABLE.FramedOut
{
	margin-left: 10px;
	margin-right: 10px;
}
*/

/* PeterBox 3D Elements
*/
.Border1 {border-top: #30306c 1px solid}
.Border2 {border-top: #50577e 1px solid}
.Border3 {border-top: #6e7c90 1px solid}
.Border4 {border-top: #899da0 1px solid}
.Border5 {border-top: #a0b9ad 1px solid}
.Border6 {border-top: #b1ceb7 1px solid}
.Border7 {border-top: #bcdbbd 1px solid}
.Border8 {border-top: #c0e0c0 1px solid}

.SquareBorder1 {border-right: #30306c 1px solid; border-top: #30306c 1px solid; border-left: #30306c 1px solid; border-bottom: #30306c 1px solid;}
.SquareBorder2 {border-right: #50577e 1px solid; border-top: #50577e 1px solid; border-left: #50577e 1px solid; border-bottom: #50577e 1px solid;}
.SquareBorder3 {border-right: #6e7c90 1px solid; border-top: #6e7c90 1px solid; border-left: #6e7c90 1px solid; border-bottom: #6e7c90 1px solid;}
.SquareBorder4 {border-right: #899da0 1px solid; border-top: #899da0 1px solid; border-left: #899da0 1px solid; border-bottom: #899da0 1px solid;}
.SquareBorder5 {border-right: #a0b9ad 1px solid; border-top: #a0b9ad 1px solid; border-left: #a0b9ad 1px solid; border-bottom: #a0b9ad 1px solid;}
.SquareBorder6 {border-right: #b1ceb7 1px solid; border-top: #b1ceb7 1px solid; border-left: #b1ceb7 1px solid; border-bottom: #b1ceb7 1px solid;}
.SquareBorder7 {border-right: #bcdbbd 1px solid; border-top: #bcdbbd 1px solid; border-left: #bcdbbd 1px solid; border-bottom: #bcdbbd 1px solid;}
.SquareBorder8 {border-right: #c0e0c0 1px solid; border-top: #c0e0c0 1px solid; border-left: #c0e0c0 1px solid; border-bottom: #c0e0c0 1px solid;}

/*
.PortraitOutBorder1 {border-right: #30306c 1px solid; border-top: #30306c 1px solid; border-left: #30306c 1px solid; border-bottom: #30306c 1px solid;}
.PortraitOutBorder2 {border-right: #5c5a7b 1px solid; border-top: #5c5a7b 1px solid; border-left: #5c5a7b 1px solid; border-bottom: #5c5a7b 1px solid;}
.PortraitOutBorder3 {border-right: #868389 1px solid; border-top: #868389 1px solid; border-left: #868389 1px solid; border-bottom: #868389 1px solid;}
.PortraitOutBorder4 {border-right: #aca796 1px solid; border-top: #aca796 1px solid; border-left: #aca796 1px solid; border-bottom: #aca796 1px solid;}
.PortraitOutBorder5 {border-right: #ccc6a1 1px solid; border-top: #ccc6a1 1px solid; border-left: #ccc6a1 1px solid; border-bottom: #ccc6a1 1px solid;}
.PortraitOutBorder6 {border-right: #e4dca9 1px solid; border-top: #e4dca9 1px solid; border-left: #e4dca9 1px solid; border-bottom: #e4dca9 1px solid;}
.PortraitOutBorder7 {border-right: #f2ebae 1px solid; border-top: #f2ebae 1px solid; border-left: #f2ebae 1px solid; border-bottom: #f2ebae 1px solid;}
.PortraitOutBorder8 {border-right: #f8f0b0 1px solid; border-top: #f8f0b0 1px solid; border-left: #f8f0b0 1px solid; border-bottom: #f8f0b0 1px solid;}
*/
.PortraitOutBorder1 {border-right: #30306c 1px solid; border-top: #30306c 1px solid; border-left: #30306c 1px solid; border-bottom: #30306c 1px solid;}
.PortraitOutBorder2 {border-right: #5a567b 1px solid; border-top: #5a567b 1px solid; border-left: #5a567b 1px solid; border-bottom: #5a567b 1px solid;}
.PortraitOutBorder3 {border-right: #827a89 1px solid; border-top: #827a89 1px solid; border-left: #827a89 1px solid; border-bottom: #827a89 1px solid;}
.PortraitOutBorder4 {border-right: #a69b97 1px solid; border-top: #a69b97 1px solid; border-left: #a69b97 1px solid; border-bottom: #a69b97 1px solid;}
.PortraitOutBorder5 {border-right: #c4b6a1 1px solid; border-top: #c4b6a1 1px solid; border-left: #c4b6a1 1px solid; border-bottom: #c4b6a1 1px solid;}
.PortraitOutBorder6 {border-right: #dbcaaa 1px solid; border-top: #dbcaaa 1px solid; border-left: #dbcaaa 1px solid; border-bottom: #dbcaaa 1px solid;}
.PortraitOutBorder7 {border-right: #e9d7af 1px solid; border-top: #e9d7af 1px solid; border-left: #e9d7af 1px solid; border-bottom: #e9d7af 1px solid;}
.PortraitOutBorder8 {border-right: #eedcb1 1px solid; border-top: #eedcb1 1px solid; border-left: #eedcb1 1px solid; border-bottom: #eedcb1 1px solid;}
/*
.PortraitBorder1 {border-right: #f8f0b0 1px solid; border-top: #f8f0b0 1px solid; border-left: #f8f0b0 1px solid; border-bottom: #f8f0b0 1px solid;}
.PortraitBorder2 {border-right: #f2ebac 1px solid; border-top: #f2ebac 1px solid; border-left: #f2ebac 1px solid; border-bottom: #f2ebac 1px solid;}
.PortraitBorder3 {border-right: #e4dca3 1px solid; border-top: #e4dca3 1px solid; border-left: #e4dca3 1px solid; border-bottom: #e4dca3 1px solid;}
.PortraitBorder4 {border-right: #ccc694 1px solid; border-top: #ccc694 1px solid; border-left: #ccc694 1px solid; border-bottom: #ccc694 1px solid;}
.PortraitBorder5 {border-right: #aca77f 1px solid; border-top: #aca77f 1px solid; border-left: #aca77f 1px solid; border-bottom: #aca77f 1px solid;}
.PortraitBorder6 {border-right: #868367 1px solid; border-top: #868367 1px solid; border-left: #868367 1px solid; border-bottom: #868367 1px solid;}
.PortraitBorder7 {border-right: #5c5a4c 1px solid; border-top: #5c5a4c 1px solid; border-left: #5c5a4c 1px solid; border-bottom: #5c5a4c 1px solid;}
.PortraitBorder8 {border-right: #303030 1px solid; border-top: #303030 1px solid; border-left: #303030 1px solid; border-bottom: #303030 1px solid;}
*/
.PortraitBorder1 {border-right: #eedcb1 1px solid; border-top: #eedcb1 1px solid; border-left: #eedcb1 1px solid; border-bottom: #eedcb1 1px solid;}
.PortraitBorder2 {border-right: #e9d7ad 1px solid; border-top: #e9d7ad 1px solid; border-left: #e9d7ad 1px solid; border-bottom: #e9d7ad 1px solid;}
.PortraitBorder3 {border-right: #dbcaa4 1px solid; border-top: #dbcaa4 1px solid; border-left: #dbcaa4 1px solid; border-bottom: #dbcaa4 1px solid;}
.PortraitBorder4 {border-right: #c4b694 1px solid; border-top: #c4b694 1px solid; border-left: #c4b694 1px solid; border-bottom: #c4b694 1px solid;}
.PortraitBorder5 {border-right: #a69b80 1px solid; border-top: #a69b80 1px solid; border-left: #a69b80 1px solid; border-bottom: #a69b80 1px solid;}
.PortraitBorder6 {border-right: #827a67 1px solid; border-top: #827a67 1px solid; border-left: #827a67 1px solid; border-bottom: #827a67 1px solid;}
.PortraitBorder7 {border-right: #5a564c 1px solid; border-top: #5a564c 1px solid; border-left: #5a564c 1px solid; border-bottom: #5a564c 1px solid;}
.PortraitBorder8 {border-right: #303030 1px solid; border-top: #303030 1px solid; border-left: #303030 1px solid; border-bottom: #303030 1px solid;}


h1.Title1, span.Title2, span.Title3, span.Title4, span.Title5, div.TitlePlaceholder {
    font-size: x-large; 
    font-weight: bold; 
    padding-left: 5px; 
    padding-right: 5px; 
    padding-bottom: 3px
}
    
h1.Title1, span.Title2, span.Title3, span.Title4, span.Title5 {position: absolute}

h1.Title1   {color: #003300; border-bottom: #000000 1px solid; Z-INDEX: 99; LEFT: 0px; TOP: 0px}
span.Title2 {color: #b0b0b0; border-bottom: #404040 1px solid; Z-INDEX: 90; LEFT: 0px; TOP: 1px}
span.Title3 {color: #c0c0c0; border-bottom: #808080 1px solid; Z-INDEX: 80; LEFT: 0px; TOP: 2px}
span.Title4 {color: #d0d0d0; border-bottom: #a0a0a0 1px solid; Z-INDEX: 70; LEFT: 0px; TOP: 3px}
span.Title5 {color: #e0e0e0; border-bottom: #d0d0d0 1px solid; Z-INDEX: 60; LEFT: 0px; TOP: 4px}

div.TitlePlaceholder {margin-bottom: 10pt; color: #003300}

.GrayButton1 {border-top: #40405c 1px solid; border-left: #40405c 1px solid; border-right: #40405c 1px solid; border-bottom: #40405c 1px solid; margin-right: 5px}    
.GrayButton2 {border-top: #80908e 1px solid; border-left: #80908e 1px solid; border-right: #80908e 1px solid; border-bottom: #80908e 1px solid}    
.GrayButton3 {border-top: #9ab0a2 1px solid; border-left: #9ab0a2 1px solid; border-right: #9ab0a2 1px solid; border-bottom: #9ab0a2 1px solid}    
.GrayButton4 {border-top: #b4d0b6 1px solid; border-left: #b4d0b6 1px solid; border-right: #b4d0b6 1px solid; border-bottom: #b4d0b6 1px solid;  padding-left: 2px; padding-right: 2px; background-color: #ffffff}

a.GrayButton {
    font-weight: bold; 
    color: black; 
    background-color: #eeeeee; 
    text-decoration: none;
}

a.GrayButton:hover {background-color: #d0d0d0;}
    
button.GrayButton {
    font-weight: bold; 
    color: black; 
    background-color: #eeeeee; 
    border-top-style: none; 
    border-right-style: none; 
    border-left-style: none; 
    border-bottom-style: none;
}


span.GrayButtonKey {font-size: larger; color: #003080}


/* Development Handbook
   -------------------- */

table.Content {margin-bottom: 10px}
td.OverviewNo {padding-right: 10px; text-align: right}
td.ContentNo {padding-right: 10px; text-align: left}
td.ContentDistance, td.ContentNoDistance {padding-top: 8px; font-weight: bold}

p.Bullet1 {text-indent: 15px; margin-top:15px}
p.Bullet2 {text-indent: 30px; margin-top:3px}
p.GrayBackGround {background-color: #D0D0D0; border-style: none; margin:0px 0px 0px 0px}
p.NormalSpaceBefore {margin-top: 7px}


/* HTML Elements 
   ------------- */
/*
A
{
	color: #003300;
}
A:hover
{
	background-color: #80dd80;
}
*/
a {
	color: #000090;
}
a:hover {
	color: #3333ff;
}
a.OnGreen {
	color: #3333ff;
}
a.OnGreen:hover {
	color: #0000a0;
}
span.LinkOnGreenKey {
	color: #ff40d0;
}
/*
A.HeaderMenu
{
	margin-left:0px;
	margin-right: 0px;
	font-weight: bolder;
	color: seashell;
	text-align: center;
	text-decoration: none;
}
A.HeaderMenu:hover
{
	color:Yellow;
	background-color: #000050;
}
A.NoBorder
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
*/
/*
BUTTON
{
	font-weight: bolder;
	color: seashell;
	background-color: #000050;
}
BUTTON:hover
{
	color:Yellow
}
*/
code
{
	color: black;
	font-family: 'Courier New' , Monospace;
}
/* Headers */

h1.body {
    margin-top: 30px; 
    font-size: large; 
    margin-bottom: 12px;
}
span.h1 {
    border-top: #1010a0 2px solid;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 3px;
    border-bottom: #1010a0 2px solid; 
    color: #000000;
    background-color: #c0e0c0;
}

h2 {
    margin-top: 35px; 
    font-size: medium; 
    margin-bottom: 12px;
}
span.h2 {
    border-top: #1010a0 2px solid;
    border-bottom: #1010a0 2px solid; 
    color: #000000;
    background-color: #c0e0c0;
}

h3 {
    margin-top: 30px; 
    font-weight: normal; 
    font-size: medium; 
    margin-bottom: 12px
}
span.h3 {
    border-top: #1010a0 1px solid; 
    color: #000000; 
    border-bottom: #1010a0 1px solid; 
    background-color: #c0e0c0
}

h4 {
    margin-top: 30px; 
    font-weight: normal; 
    font-size: medium; 
    margin-bottom: 12px
}
span.h4 {
    border-top: #1010a0 1px solid; 
    color: #000000; 
    border-bottom: #1010a0 1px solid; 
    background-color: #c0e0c0
}



/*
H1 H2 H3 H4 H5 H6
{
	font-weight: bold;
}
H1
{
	margin-top: 24px;
	margin-bottom: 6px;
	font-size: 16pt;
	position: static;
	text-align: left;
}
H1.PageHeader
{
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
}
H2
{
	font-size: 15pt;
}
H3
{
	font-size: 14pt;
}
H4
{
	font-size: 13pt;
}
H5
{
	font-size: 12pt;
}
H6
{
	font-size: 11pt;
}
*/
/*
IMG
{
	border-right: #000050 2px solid;
	border-top: #000050 2px solid;
	border-left: #000050 2px solid;
	border-bottom: #000050 2px solid;
}
IMG.NoBorder
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
}
*/
INPUT[type="text"]
{
	color: black;
	font-size: 10pt;
	background-color: white;
}
P
{
	margin-top: 3px;
	margin-bottom: 0px;
}
P.NoMargin
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
}
P.Distance
{
	margin-top: 10px;
}
/*
SPAN.Larger
{
	font-size: large;
	color: green; 
}
SPAN.Marked
{
	background:yellow;
	font-weight:bold;
}
SPAN.PageHeader
{
	text-align: center;
	font-size: 32pt;
}
SPAN.PageHeaderSmaller
{
	font-size: 28pt;
	text-align: center;
}
SPAN.PageHeaderSmall
{
	font-size: 24pt;
	text-align: center;
}
SPAN.ShortKey
{
	color: #003080;
	font-weight: bold;
}
*/

/*
table.NoBorder
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
table.FramedOut
{
	border-right: #000050 2px solid;
	border-top: #000050 2px solid;
	margin-top: 10px;
	border-left: #000050 2px solid;
	border-bottom: #000050 2px solid;
}
table.FramedIn
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

TR
{
	margin-left: 0px;
	margin-right: 0px;
}
TR.Footer {
    margin-left: 100px;
    background-color: #000050;
    font-style: italic;
}
TR.Header
{
	color: seashell;
	background-color: #000050;
}
TR.HeaderTitle
{
	background-color: red;
}

TH
{
	margin-left: 0px;
	margin-right: 0px;
	text-align: right;
}
TD
{
	margin-left: 0px;
	margin-right: 0px;
}
TD.HeaderMenu
{
	border-right-style:solid;
	border-right-width:thin;
	border-right-color: seashell;
}
*/

FIELDSET
{
	border-top: #000050 1px solid;
	padding-top: 3px;
	border-left: #000050 1px solid;
	padding-left: 3px;
	border-right: #000050 1px solid;
	padding-right: 3px;
	border-bottom: #000050 1px solid;
	padding-bottom: 3px;
}
FIELDSET.Strong
{
	margin: 10px;
	border-top: #000050 2px solid;
	padding-top: 3px;
	border-left: #000050 2px solid;
	padding-left: 3px;
	border-right: #000050 2px solid;
	padding-right: 3px;
	border-bottom: #000050 2px solid;
	padding-bottom: 3px;
}