/* works 98-02 style by eric wahlforss */

table {
	border			: none;
}

td {
/*	border			: 1px dotted grey;*/
	font-size		: 8.5pt;
	font-family		: Georgia, "Times New Roman", Serif;
	vertical-align	: top;
}

td.timespan {
/*	border			: 1px dotted grey;*/
	padding-right	: 3em;
	font-style		: italic;
	font-size		: 7pt;
	white-space		: nowrap;
}

img.docIcon {
	display			: inline;
	margin			: 0 5px -1px 0;
}

td.location {
/*	border			: 1px dotted grey;*/
	padding-left	: 3em;
	font-style		: italic;
	font-size		: 8.5pt;
	color			: grey;
}

tr {
	border			: 1px dotted grey;
}

/* no-nonsense style by eric */
body {
	background		: white;
	font-family		: Georgia, "Times New Roman", Times, serif;
	margin			: 0;
	padding			: 0;
	line-height		: 1.3em;
	color			: #333;
}

span.info {
	cursor			: help;
	border-bottom	: 1px dotted #999;
}

div#body {
	padding			: 0 5% 2em 5%;
	min-width		: none;
	max-width		: none;
}

p {
	font-size		: 8.5pt;
	font-family		: Georgia, palatino, serif;
	margin			: 0;
}

p.teaser {
	font-weight		: bold;
}
p.author {
	text-align		: right;
	font-style		: italic;
}

div.clear {
	clear			: both;
}

div.mainTabs {
	display			: none;
}


h2.areaHeader {
	font-size		: 12pt;
	display			: block;
}

h2.mainTab {
	float			: left;
	padding			: 0.2em 1em 0 1em;
	background		: rgb(235,235,235);
	margin			: 0 1px 0 0;
	letter-spacing	: 0.05em;
	font-size		: 8pt;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: normal;
}

.active {
	background		: white !important;
	cursor			: default !important;
}

q {
  quotes: '\201C' '\201D' '\2018' '\2019';
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

/*2 styles for ie5,6 pc..bug-rules*/
q {
  font-style: italic;
}

p>q, li>q,td>q {
  font-style: normal;
}

div.mainTabArea {
	z-index			: 2;
	background		: white;
	padding			: 0;
	display			: block;
}

div.rating {
	font-family		: sans-serif;
	border			: 1px solid #ccc;
	background		: #eeeeee;
	padding			: 0.2em 1em 0.2em 1em;
	color			: #444;
	margin			: 0 0 1em 0;
}

div#footer {
	position		: static;
	font-size		: 8pt;
	background		: white;
	width			: none;
	padding			: 0 5% 2em 5%;
	font-family		: Arial,Helvetica, sans-serif;
	border-top		: none;
}

.link {
	cursor			: pointer;
	color			: #004D9B;
}

.noLink {
	color			: #555;
	border			: 1px solid #888;
	padding			: -2px 0px -2px 0px;
	margin-left		: -1px;
	margin-right	: -1px;
	cursor			: default !important;
}

.noLink:hover {
	color			: #555;
	cursor			: default !important;
}

.link:hover {
	cursor			: pointer;
	color			: #6891E7;
}

h6 {
	border			: 1px solid #FFc1c1;
	color			: #FF4141;
	padding			: 0.2em 1em 0.2em 1em;
	line-height		: 1.1em;
	background		: #FFD1D1;
	font-size		: 60%;
	font-weight		: normal;
	position		: fixed;
	top				: 0;
	left			: 0;
	-moz-opacity	: 90%; /*for moz*/
	filter			: Alpha(Opacity=90); /*for ie pc*/
	margin-top		: 0;
}
h5.info {
	border			: 1px solid #ccc;
	color			: #555;
	padding			: 0.2em 1em 0.2em 1em;
}
ul {
	font-size		: 8.5pt;
	font-family		: Georgia, "Times New Roman", Times, Serif;
	list-style		: disc url(/images/bullet.png) inside;
	margin-left		: 0;
	padding-left	: 1em;
	text-indent		: -1em;
	line-height		: 1.5em;
}

a {
	color			: #004D9B;
	text-decoration	: none;
}
a:hover {
	color			: #6891E7;
}
p.caption {
	font-size		: 70%;
	margin			: 0;
}
img {
	display			: block;
	border			: none;
}

img#selfportrait {
	float			: right;
	border			: 1px solid rgb(210,210,210);
}

img.imgProject {
	float			: right;
	border			: 1px solid rgb(210,210,210);
	cursor			: pointer;
}

div.imgBodyRight {
	float			: right;
	margin			: .5em 0 0 1.3em;
	font-size		: 7pt;
}

div.imgBodyLeft {
	float			: left;
	margin			: .5em 1.3em 0 0;
	font-size		: 7pt;
}

img.imgBodyText {
	border			: 1px solid rgb(210,210,210);
}

p.preamble {
	font-weight		: bold;
}

p.bodyText {
}

div.divProject {
	margin			: 0 0 1em 0;
	display			: block;
}

img.imgScreenshot {
	border			: 1px solid #ddd;
	cursor			: pointer;
}

.clickable {
	cursor			: pointer;
}


table.history {
	width			: 100%;
}

div.divTabTextArea {
	float			: left;
	width			: 65%;
	margin			: 0 5% 0 0;
}

div.projectBodyCol {
	width			: 65%;
	margin			: 0 5% 0 0;
	float			: left;
}

div.projectInfoCol {
	width			: 29.9%;
	float			: right;
}

p.projectInfo {
	font-size		: 7pt;
	font-weight		: bold;
}

span.date {
	font-style		: italic;
}

div.infoBox {
	border			: 1px dotted #bbb;
	background		: #fafafa;
	padding			: 0 0.5em 0 0.5em;
	margin			: 0 0 5mm 0;
	font-family		: Arial, Helvetica, Sans-serif;
	font-size		: 8pt;
}

ul.infoBox {
	list-style		: none;	
	font-family		: Arial, Helvetica, Sans-serif;
	font-size		: 8pt;
	margin			: 0;
	line-height		: 2em;
}

p.note {
	font-style		: italic;
	font-size		: 7.5pt;
	margin-top		: 2em;
}

/*ul {
	font-size		: 8.5pt;
	font-family		: Georiga, "Times New Roman", Times, Serif;
	list-style		: disc url(../images/bulletarrow.png) inside;
	margin-left		: 0;
	padding-left	: 1em;
	text-indent		: -0.5em;
	line-height		: 1.5em;
}*/

span.infoBoxHeader {
	border			: 1px solid #aaa;
	border-bottom	: none;
	background		: #ededed;
	padding			: 1px;
	position		: relative;
	top				: 1px;
	font-size		: 8.5pt;
	font-family		: Arial, Helvetica, Sans-serif;
}

.w100 {
	width			: 100px;
}

div.subNav {
	text-align		: right;
	font-family		: Arial, Helvetica, Sans-serif;
	font-size		: 8pt;
	letter-spacing	: .01em;
	display			: none;
}

.smallcaps {
	font-size		: .9em;
	letter-spacing	: .1em;
	text-transform	: uppercase;
}


p+p {
	text-indent		: 1em;
	margin			: 0;
}

p+p.note {
	text-indent		: 0;
	margin			: 0;
	margin-top		: 2em;
}

p.projectText {
	
}

dl {
	font-size		: 8.5pt;
}

dl.info {
	font-size		: 7.5pt;
}

dl.info dt {
	font-weight		: bold;
}

/*dl.info dt:before {
	content			: "\2023" " ";
}*/

dl.info dd {
	margin-left		: 1.5em;
}

h5 {
	margin			: 0;
	font-size		: 8pt;
	border-bottom	: 1px dotted #bbb;
}

h3 {
	font-size		: 9pt;
	font-family		: Georgia, Serif;
	margin			: .5em 0 0 0;
	line-height		: 1.3em;
}

h1#head {
	padding			: 1em 5% 1em 5%;
	margin			: 0;
	font-size		: 12pt;
	font-weight		: normal;
}

/* still cannot figure out if this is a mozilla bug or not */
div.getButtons {
	padding			: 0.5em 1em 1em 0;
}
img.getButton {
	float			: left;
}
div.image {
	float			: right;
	margin			: 0.2em 0 0 0.5em;
}
abbr {
	cursor			: help;
	font-size		: .9em;
	letter-spacing	: .1em;
	text-transform	: uppercase;
	border-bottom	: 1px dotted #999;
}

.abbr {
	cursor			: help;
	font-size		: .9em;
	letter-spacing	: .1em;
	text-transform	: uppercase;
	border-bottom	: 1px dotted #999;
}

.btnDisabled {
	color			: #aaa;
}

.btnEnabled {
	color			: #004D9B;
}

a.btnDisabled:hover {
	color			: #aaa !important;
	cursor			: default !important;
}


h4 {
	font-size		: 8.5pt;
	margin			: 1em 0 0.3em 0;
}

div#headNav {
	text-align		: right;
	margin			: 0 5% 0 5%;
	float			: right;
	letter-spacing	: 0.05em;
	font-size		: 8pt;
	font-family		: Arial, Helvetica, sans-serif;
}

div#divSitemap {
	position			: fixed;
	top					: 0px;
	left				: 0px;
	bottom				: 0px;
	right				: 0px;
	width				: 100%;
	z-index				: 15;
	padding-top			: 15%;
	display				: none;
}

div#divSitemapInner {
	position		: relative;
	top				: -5px;
	left			: -5px;
	border			: 1px solid black;
	font-size		: 8pt;
	font-family		: Arial, Helvetica, sans-serif;
	background		: white;
	padding			: 1em 1.5em 1em 1.5em;
}

div#divSitemapShadow {
	width			: 300px;
	margin			: 0px auto;
	background		: url(../images/shadow.png);
}