﻿header { height: 15% }     /* vertical centering for contents */ 

contents { 
	height: 70%;              /* vertical centering */ 
	border: 0px;
	min-height: 100px;        /* also potentially useful, though not to IE6 */ 
	float: left;
	font: 7pt verdana;
	letter-spacing: normal;
	color: #2B200D;
} 

html
{
 	background-attachment: fixed; 
	/* background-image: url(images/background.gif); */
	background-repeat: repeat-x;
	background-position: left center;
	/* background-color: #f0e7d0; */
	background-color: #ffffff;
	height: 100%;
	margin: 0px;
}

body
{
	border: 0;
	padding: 0;
	height:100%;
	margin:0;
	font: 7pt verdana;
	letter-spacing: normal;
}

select
{
	text-align: left;
	vertical-align: middle;
	border: none 0;
	margin: 0;
	padding: 0;
	background: transparent;
	font-family: verdana;
	font-size: 7pt;
	color: #2B200D;
    height: 20px;
}

select.rightpane
{
	font-size: 8pt;
}

span
{
	margin: 0;
	padding: 0;
}

textarea
{
	text-align: left;
	vertical-align: middle;
	border: none 0;
	margin: 0;
	padding: 0;
	background: transparent;
	font-family: verdana;
	font-size: 7pt;
	color: #2B200D;
    overflow: auto;
}

div.box div textarea
{
	padding-top: 3px;
	padding-left: 4px;
	background: #FFFFFF;
}

input
{
	text-align: left;
	vertical-align: middle;
	border: none 0;
	margin: 0;
	padding: 0;
	background: transparent;
	font-family: verdana;
	font-size: 7pt;
	color: #2B200D;
    height: 18px;
}

input.box
{
	background: white;
}

input.button
{
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

input.button:hover
{
	color: gray; 
}

input.rightpanebutton
{
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	font-size: 8pt;
}

input.rightpanebutton:hover
{
	color: gray; 
}

input.image
{
	vertical-align: top;
}

div.box div input
{
	padding-top: 3px;
	padding-left: 4px;
	background: #FFFFFF;
	height: 16px;
}

input.grayed
{
	background: #F8F3E4;
	padding-top: 3px;
	padding-left: 4px;
}

input.rightpane
{
	padding-top: 3px;
	padding-left: 4px;
	background: #FFFFFF;
	font-size: 8pt;
	height: 16px;
}

input.rightpanegrayed
{
	background: #F8F3E4;
	padding-top: 3px;
	padding-left: 4px;
	font-size: 8pt;
}

div
{
	margin: 0px;
	border: none 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	overflow: hidden;
    /* scrollbar-face-color: #8E6F4B;
    scrollbar-arrow-color: #F8F3E4;
    scrollbar-track-color: #F8F3E4;
    scrollbar-shadow-color: #8E6F4B;
    scrollbar-highlight-color: #8E6F4B;
    scrollbar-3dlight-color: #2B200D;
    scrollbar-darkshadow-color: #2B200D; */
}

div.invoice
{
	margin: 0px;
	border: none 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	overflow: hidden;
}

table
{
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	background: transparent;
	color: #2B200D;
	overflow: hidden;
}

tr
{
	margin: 0px;
	border: none 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align: middle;
}

td
{
	margin: 0px;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: left;
}

td.spacing
{
	width: 10px;
}

td.button
{
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}

td.button:hover
{
	color: gray; 
}

table.account
{
	width: 400px;
}

td.accountPrompt
{
	width: 180px;
	text-align: right;
}

td.accountField
{
	width: 200px;
}

td.accountFieldBlock
{
	width: 200px;
	background: white;
}

table.contact
{
	width: 396px;
}

td.contactPrompt
{
	width: 140px;
	text-align: right;
}

td.contactField
{
	width: 240px;
}

td.contactFieldBlock
{
	width: 240px;
	background: white;
}

td.confirmPayPrompt
{
	width: 93px;
	text-align: right;
}

td.confirmPayField
{
	width: 303px;
}

td.infoheader
{
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 0.65pt;
}

td.bold
{
	font-weight: bold;
}

a 
{
	text-decoration: none;
	line-height: 20px;
	color: #2B200D;
}

a.menu
{
}

a.menu:hover
{
	color: gray; 
}

a.button
{
	font-weight: bold;
}

a.button:hover
{
	color: gray; 
}

img
{
	margin: 0px;
	border: none 0px;
	padding: 0px;
	border-spacing: 0px;
}

p
{
	margin: 0px;
	border: 0px;
}

/************************************** TinyBox Popup ******************************************/

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(images/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

/************************************** Entryboxes styles ******************************************/

div.entryarea
{
	width: 380px;
	height: 85px;
}

div.entryarea div
{
	width: 240px;
	height: 82px;
	float: left;
}

div.entryarea div div
{
	margin: 3px;
	width: 234px;
	height: 76px;
}

div.entryarea div.caption
{
	width: 140px;
}

div.entryarea div.caption div
{
	margin: 3px 6px 3px 3px;
	width: 131px;
	text-align: right;
}

div.entryarea div.caption div.failed span
{
	color: red;
}

div.entryarea div.textbox
{
	background-color: White;
	float: right;
}

div.entryarea div.textbox div textarea
{
	width: 234px;
	height: 74px;
	text-align: left;
}

div.entryarea div.textbox div textarea.watermark
{
	color: Silver;
}

div.entry
{
	width: 380px;
	height: 25px;
}

div.entry div.caption
{
	width: 140px;
	height: 22px;
	float: left;
}

div.entry div.caption div
{
	margin: 3px 6px 3px 3px;
	width: 131px;
	height: 15px;
	text-align: right;
}

div.entry div.caption div.failed span
{
	color: red;
}

div.entry div.textbox
{
	width: 240px;
	height: 22px;
	background-color: White;
	float: right;
}

div.entry div.textbox div
{
	margin: 3px;
	width: 234px;
	height: 15px;
}

div.entry div.textbox div input
{
	width: 234px;
	height: 15px;
	text-align: left;
}

div.entry div.textbox div input.watermark
{
	color: Silver;
}

div.entry div.dropdownlist
{
	width: 240px;
	height: 22px;
	background-color: White;
	float: right;
}

div.entry div.dropdownlist div
{
	margin: 3px;
	width: 234px;
	height: 15px;
}

div.entry div.dropdownlist div select
{
	width: 234px;
	height: 15px;
	text-align: left;
}

div.entry div.checkbox
{
	width: 240px;
	height: 22px;
	float: right;
}

div.entry div.checkbox div
{
	margin: 3px;
	width: 234px;
	height: 15px;
}

div.entry div.checkbox div select
{
	width: 234px;
	height: 15px;
	text-align: left;
}

div.entry div.textbox2
{
	width: 150px;
	height: 22px;
	background-color: White;
	float: left;
}

div.entry div.textbox2 div
{
	margin: 3px;
	width: 144px;
	height: 15px;
}

div.entry div.textbox2 div input
{
	width: 144px;
	height: 15px;
	text-align: left;
}

div.entry div.textbox2 div input.watermark
{
	color: Silver;
}

div.entry div.dropdownlist2
{
	width: 90px;
	height: 22px;
	background-color: White;
	float: left;
}

div.entry div.dropdownlist2 div
{
	margin: 3px;
	width: 84px;
	height: 15px;
}

div.entry div.dropdownlist2 div select
{
	width: 84px;
	height: 15px;
	text-align: left;
}

div.comment
{
	width: 416px;
	height: 60px;
	background-color: White;
	float: left;
}

div.comment div
{
	margin: 3px;
	width: 410px;
	height: 54px;
}

div.comment div textarea
{
	width: 410px;
	height: 54px;
	text-align: left;
}

div.comment div textarea.watermark
{
	color: Silver;
}

div.cardno
{
	width: 150px;
	height: 22px;
	background-color: White;
	float: left;
}

div.cardno div
{
	margin: 3px;
	width: 144px;
	height: 15px;
}

div.cardno div input
{
	width: 144px;
	height: 15px;
	text-align: left;
}

div.cvc
{
	width: 50px;
	height: 22px;
	background-color: White;
	float: left;
}

div.cvc div
{
	margin: 3px;
	width: 44px;
	height: 15px;
}

div.cvc div input
{
	width: 44px;
	height: 15px;
	text-align: left;
}

div.entryspacer
{
	width: 380px;
	height: 5px;
}

div.leftpanelogo
{
	width: 260px;
	height: 490px;
	background-image: url(images/leftpanelogo.jpg);
}

div.leftpanenologo
{
	width: 260px;
	height: 490px;
	background-image: url(images/leftpanenologo.jpg);
}