.currentBody
{	font-family: Trebuchet MS,georgia,Verdana,Sans-serif;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	color: #333333;
}

.newBody
{	font-family: Trebuchet MS,georgia,Verdana,Sans-serif;
	color: #333333;
	background-color: white;
}

.standard:link, .standard:visited
{	text-decoration: none;
	color: blue;
	border-bottom: dashed 1px;
	cursor: default;
}

.standard:hover
{	color: green;
	border-bottom: solid 1px;
	cursor: pointer;
}
.standard:active
{	color: red;
	cursor: pointer;
}

.noLink
{	text-decoration: none; }

div.wrapper
{	width: 988px;
	height: 595px;
}

div.content
{	font-family: Trebuchet MS,georgia,Verdana,Sans-serif;
	line-height: 18px;
	width: 97%;
	//height: 465px;
	height: 97%;
	margin: 0 auto;
	overflow: auto;
	color: #333;
	padding: 5px 0px 0px 0px;
}

div.contentNoSize
{	font-family: Trebuchet MS,georgia,Verdana,Sans-serif;
	line-height: 18px;
	margin: 0 auto;
	overflow: auto;
	color: #333;
	padding: 5px 0px 0px 0px;
}

td.homeContent
{	padding-left: 15px; }

div.whatsNew
{	overflow: auto;
	width: 280px;
	height: 425px;
}

p.whatsNew
{	margin-right: 5px; }

table
{	font-size: 9pt; }

table.header
{	width: 100%;
	font-size: 9pt;
	font-weight: bold;
}

.header
{	font-weight: bold; }
.header_underline
{	border-bottom: solid #ccc 1px; }

.center
{	text-align: center; }
.right
{	text-align: right; }

input.textField
{	font-family: monospace;
	background-color: #fafafa;
	border: solid #999 1px;
	border-bottom: solid black 2pt;
	padding-left: 5px;
	padding-top: 1px;
}
input.width340
{	width: 340px; }
input.textFieldDisabled
{	font-family: monospace;
	background-color: #ddd;
	border: solid #999 1px;
	border-bottom: solid black 2pt;
	padding-left: 5px;
	padding-top: 1px;
}

input.fileField
{	font-family: monospace;
	background-color: #fafafa;
	border: solid #999 1px;
	border-bottom: solid black 2pt;
	padding-left: 5px;
	padding-top: 1px;
}

table.menu
{	text-transform: uppercase; }

table.main
{	width: 100%; }

table.footer
{	width: 100%; }

td.imgRow
{	height: 70px;
	width: 10%;
}

img.logo
{	width: 260px;
	height: 50px;
	margin-bottom: 5px;
}

td.header
{ padding-left: 8px;
	padding-right: 8px;
}

.message
{	color: red;
	font-style: italic;
}

td.small-caps
{	font-variant: small-caps; }

td.footer
{	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 1px;
	font-style: italic;
	width: 50%;
}

td.headerQuote
{	background: url('https://www.andrewalexander.ca/images/pullquote.gif') top center no-repeat;
	font-family: Times New Roman;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 12px;
	font-style: italic;
	color: #333333;
}

input.searchbox
{	font-family: sans-serif;
	font-size: 8pt;
	color: #999;
	margin-bottom: 5px;
	border: solid green 1px;
	padding-left: 5px;
}

img.searchGlass
{	position: relative;
	top: 5px;
}

span.source
{	font-family: Verdana;
	font-weight: bold;
	text-align: center;
}

span.sourceAbout
{	font-size: 7pt; }

table.contact
{	font-size: 8pt;
	padding-left: 10px;
}

td.contactHeader
{	font-size: 14pt;
	font-weight: bold;
	width: 280px;
}

td.contactSubHeader
{	font-size: 10pt;
	font-style: italic;
	width: 280px;
	padding-bottom: 20px;
}

td.contactBold
{	font-weight: bold;
}

input.contactTextField
{	font-family: monospace;
	background-color: #fafafa;
	border: solid #999 1px;
	border-bottom: solid black 2pt;
	padding-left: 5px;
	padding-top: 1px;
}

input.contactSubmit
{	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
	width: 150px;
}

input.submitSmall
{	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: 1px;
}

select.contactSelect
{	width: 191px;
	font-family: Tahoma;
	font-size: 9pt;
	padding-bottom: 1px;
	background-color: #ddd;
}

select.project
{	padding-bottom: 1px;
	background-color: #eee;
}

textarea.contactTextArea
{	font-family: monospace;
	background-color: #fafafa;
	border: solid #999 1px;
	border-bottom: solid black 2pt;
	padding-left: 5px;
}

td.contactRecaptcha
{	height: 142px;
	padding-left: 15px;
	padding-top: 8px;
}

td.contactError
{	width: 150px; }

table.account
{	font-size: 8pt;
	padding-left: 10px;
	width: 100%;
}

td.accountOption
{	background-color: white;
	color: #333333;
	border-bottom: solid white 1px;
}

a.accountOption
{	padding-top: 1px;
	padding-bottom: 2px;
	color: #333;
	text-decoration: none;
	display: block;
}

a.accountOption:link, a.accountOption:visited
{	border-bottom: solid white 1px;}
a.accountOption:active, a.accountOption:hover
{	background-color: #dfdfdf;
	color: #a00;
	font-weight: bold;
	border-bottom: solid black 1px;
}

td.accountOptionSelected
{	background-color: #dfdfdf;
	color: #a00;
	font-weight: bold;
	border-bottom: solid black 1px;
	padding-top: 3px;
	padding-bottom: 4px;
}

a.projectOption
{	color: #333;
	text-decoration: none;
}
a.projectOption:active, a.projectOption:hover
{	background-color: #dfdfdf;
	color: #a00;
	font-weight: bold;
}

td.thumbsCaption
{	color: #333; 
	border-bottom: dotted #949494 1px;
}

td.thumbsFooter
{	font-size: 8pt;
	font-style: italic;
	color: white;
	background-color: #888BB8;
	padding-bottom: 2px;
}

table.project
{	width: 100%;
}

tr.project
{	line-height: 18px; }

tr.Header
{	font-weight: bold;
	background-color: #C0C0FF;
}

td.Header
{	border-bottom: solid #333 1px;
}

tr.projectRow
{	background-color: white;
	color: #333;
}

tr.projectRowHighlight
{	background-color: #ABF0A6;
	color: #333;
	cursor: pointer;
}

td.projectHeaderCellLeft
{	border-top: solid #333 1px;
	border-left: solid #333 1px;
	border-bottom: solid #333 1px;
	padding-left: 3px;
}
td.projectHeaderCell
{	border-top: solid #333 1px;
	border-bottom: solid #333 1px;
}
td.projectHeaderCellRight
{	border-top: solid #333 1px;
	border-right: solid #333 1px;
	border-bottom: solid #333 1px;
}

td.projectCellLeft
{	border-bottom: solid #666 1px;
	border-left: solid #666 1px;
	padding-left: 3px;
}
td.projectCell
{	border-bottom: solid #666 1px; }

td.projectCellRight
{	border-bottom: solid #666 1px;
	border-right: solid #666 1px;
}

td.accountHighlight
{	background-color: #ABF0A6;
	cursor: pointer;
}
td.accountBasic
{	border-top: solid #666 1px;
	border-right: solid #666 1px;
	font-weight: bold;
	text-align: center;
	width: 150px;
	cursor: pointer;
}
td.accountBasicLeft
{	border-top: solid #666 1px;
	border-right: solid #666 1px;
	border-left: solid #666 1px;
	font-weight: bold;
	text-align: center;
	width: 150px;
}
td.accountSelected
{	background-color: #C0C0FF;
}

span.clientLine
{	line-height: 18px;
	display: block;
	width: 256px;
	background-color: #E8DE98;
	font-family: Courier New, monospace;
	font-size: 10pt;
	font-weight: bold;
	border: solid black 1px;
	border-bottom: solid black 2pt;
	padding-left: 6px;
}

span.short
{	width: 128px; }

td.photoTab
{	width: 110px;
	border-left: solid white 1px;
	border-top: solid white 1px;
	border-right: solid white 1px;
	background-color: #eeeeee;
	cursor: pointer;
	color: #666;
	font-weight: bold;
}

td.photoSubTab
{	height: 20px;
	border-left: solid white 1px;
	border-bottom: solid white 1px;
	border-right: solid white 1px;
	background-color: #b1c3e6;
	cursor: pointer;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

td.Selected
{	border-left: solid black 1px;
	border-top: solid black 1px;
	border-right: solid black 1px;
	background-color: #CCDCCC;
	padding-top: 2pt;
	color: black;
}

td.subSelected
{	border-left: solid black 1px;
	border-bottom: solid black 1px;
	border-right: solid black 1px;
	background-color: #aac7ff;
	color: black;
}

td.mediaCell
{	background-color: white;
	border: solid white 1px;
}

td.mediaCellSelected
{	background-color: #E9FFE9;
	border: solid #A1C7A1 1px;
}

span.thumbNum
{	background-color: #D2B48C;
	font-weight: bold;
	padding: 2px;
	border: solid #A52A2A 1px;
}

td.caption
{	padding-bottom: 4px; }

div.captionWrapper
{	width: 243px;
	height: 128px;
	overflow: auto;
	border: solid #999999 1px;
	background-color: #fff;
	padding: 2px;
	padding-right: 6px;
	font-size: 11px;
	line-height: 12px;
	color: black;
}

span.captionLeader
{	font-weight: bold; }

td.downloadCell
{	font-size: 7pt;
	width: 31%;
	text-align: right;
}

td.ss_cell
{	font-weight: bold;
	border-left: solid #cccccc 1px;
	border-top: solid #cccccc 1px;
	border-right: solid #777777 1px;
	border-bottom: solid #777777 1px;
	width: 20px;
	height: 20px;
	text-align: center;
	background-color: #eeeeee;
}

td.ss_cell_sel
{	font-weight: bold;
	border-left: solid #cccccc 1px;
	border-top: solid #cccccc 1px;
	border-right: solid #777777 1px;
	border-bottom: solid #777777 1px;
	width: 20px;
	height: 20px;
	text-align: center;
	background-color: #ABF0A6;
	cursor: pointer;
}

td.invoiceCell
{ font-size: 10px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	text-decoration: underline;
}

input.invoiceTextField
{	font-family: Courier New;
	font-size: 11px;
	border: solid #999 1pt;
	border-bottom: solid black 2pt;
}
.invoiceListHeader
{	font-weight: bold;
	border-bottom: solid black 1px;
}

form
{	display: inline;
	margin: 0;
}

td.faq
{	cursor: default;
	background-color: white;
	padding: 3px;
	letter-spacing: 0.25px;
}

td.faqSelect
{	cursor: pointer;
	background-color: #ABF0A6;
	font-weight: bold;
	padding: 3px;
}

// force scrollbars in webkit browsers
::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}