BODY,
TH,
TD {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-spacing : 125%;
}

BODY {
	font-size : small;
}

.intro {
	width : 800px;
	padding : 10px;
}

TH {
	font-size : x-small;
}

TD {
	font-size : xx-small;
}

TH {
	font-weight : bold; 
	color : #666666;
	text-align : left;
}

H1 {
	font-size : medium;
	font-weight : bold;
}

H2 {
	font-size : small;
	font-weight : bold;
	background-color : #f7f7f7;
	padding : 5px;
	border : 1px solid #cccccc;
}

.appWindow {
	border : 1px solid #cccccc;
	background-color : #eeeeee;
}

.browser,
.cart,
.chemicalResults,
.chemicalDetailsTable {
	border : 1px solid #666666;
	background-color : #dddddd;
	margin : 10px 0;
}

.cart,
.chemicalResults {
	width : 400px;
}

.chemicalDetailsTable {
	width : 300px;
}

.browser TH,
.cart TH,
.chemicalResults TH,
.chemicalDetailsTable TH {
	background-color : #cccccc;
}

.chemicalDetailsTable TH {
	font-size : xx-small;
	border-right :  1px solid #999999;
	width : 50%;
}

.browser TD {
	width : 320px;
}

.browser TH {
	border-right :  1px solid #999999;
	width : 80px;
}

.cart TD,
.chemicalResults TD {
	border-top :  1px solid #999999;
	vertical-align : top;
}

.note {
	font-size : xx-small;
}

.patient {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : x-small;
}

.eliza {
	font-family : Courier New, Courier, Monospace;
	color : green;
	font-size : x-small;
}

.conversationBox {
	overflow : auto;
	height : 200px;
	width : 500px;
}

.patientField {
	width : 500px;
}