<!--

/* Links */

a:link {	color: #FFA; text-decoration: none; }
a:active {	color: #FF0; text-decoration: underline; }
a:visited { color: #FF0; text-decoration: none; }
a:hover {	color: #FF0; text-decoration: underline; }


/* BODY defaults*/
body {
	font-size:			12pt;
	color:				#BBB;
	background-color:	#333;
	background-image:	url('img/black-grey-abstract.jpg');
	background-repeat: 	no-repeat;
	background-attachment: fixed;
	left:				0;
	top:				0;
	right:				0;
	bottom:				0;
	overflow:			hidden;
	z-index:			1;
	text-align:			justify;
}
/* html body {
 IE6 Fix
	margin-top:			50px;
	margin-bottom:		50px;
}
*/
#TitleFrame {
	font-size:			16pt;
	border:				none;
	width:				auto;
	height:				50px;
	margin:				5px;
	margin-left:		20px;
	position:			absolute;
	top:				5px;
	left:				0px;
	z-index:			10;
}
/* html #TitleFrame {
 IE 6 Fix
	margin-top:			5px;
}
*/

#PageFrame {
	opacity:			0.8;
	margin:				10px;
	padding:			10px;
	border:				2px ridge #000;
	background-color:	#222;
	color:				#EEE;
	position:			absolute;
	bottom:				40px;
	top:				25px;
	left:				0px;
	right:				0px;
	z-index:			11;
	overflow:			auto;
}
* html #PageFrame {
/* IE6 fix */
	margin:				0px;
	position:			relative;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	overflow:			auto;
	border:				1px solid black;
}

#ImgLinks {
	height:				auto;
	margin:				10px;
	margin-bottom:		5px;
	text-align:			center;
	position:			absolute;
	bottom:				0px;
	left:				0px;
	right:				0px;
	z-index:			10;
}


#ImgLinks img { border:0; }


.commandline {
	border:				1px solid #888;
	width:				auto;
	background-color:	#666;
	color:				#ADA;
	margin-bottom:		5px;
	margin-top:			2px;
	padding-left:		2px;
	font-family:      	Courier, monospace;
}

.editline {
	border:				1px solid #888;
	width:				auto;
	background-color:	#669;
	color:				#CCC;
	margin-bottom:		5px;
	margin-top:			2px;
	padding-left:		25px;
	font-family:      	Courier, monospace;
}

.dblspace {
	margin-bottom:		15px;
}

.code { margin-right:0px; overflow:auto; }

.wrap { overflow:auto; }

/* Font size and Colors */

pre {
	font-size:			10pt;
}

b.color {color:#EEA;}

.highlight {color:#EEE;}

.HighlightBlue {color:#CCF;}


/* IDs */

#viewsource {

}
#viewsource input {
	margin-top:			5px;
	float:				right;
	color:				#ABC;
	background:			#555;
	border:				1px outset;
}

.column {
	float:		left;
	margin:		5px;
}
.line {
	margin:		2px;
	padding:	2px;
}


/* HTML adjustments */

input[type="text"] { background:#ACA; }
input[type="textarea"] { background:#ACA; }

.resizable { margin-right:0px; overflow:auto;}


/* Indents */
.indent { padding-left:10px; }
.indent > .indent { padding-left:20px; }
.indent > .indent > .indent { padding-left:30px; }
.indent > .indent > .indent > .indent { padding-left:40px; }


.input {
	color:				#000;
	background:			#ACA;
	border:				1px #99C inset
}

.output {
	padding:			2px;
	padding-left:		5px;	/* Text indent */
	color:				#00B;
	background:			#CCB;
	border:				none;
	width:				auto;
	margin-right:		10px;	/* right indent */
	overflow:			auto;	/* Scroll bars for long text */
	font-family:		"Courier New",
						Courier,
						monospace;
	font-size:			90%;
}

.outputarea {
	padding:			2px;
	padding-left:		5px;	/* Text indent */
	color:				#26D;
	background:			#CCB;
	border:				none;
}

.title {
	margin:				1px;	/* Block indent */
	margin-right:		40px;	/* Block right side cutoff */
	border-bottom:		1px solid #333;
	border-right:		1px solid #333;
	padding:			2px;
	padding-left:		5px;	/* Text indent */
	background:			#BBA;
	color:				#007;
	font-size:			14pt;
	width:				auto;	/* for resizing */
}

.subtitle {
	margin:				1px;	/* Block indent */
	margin-right:		40px;	/* Block right side cutoff */
	border-bottom:		1px solid #333;
	border-right:		1px solid #333;
	padding:			2px;
	padding-left:		10px;	/* Text indent */
	background:			#AAA;
	color:				#007;
	font-weight:		bold;
	width:				auto;	/* for resizing */
}

.small {
	font-family:monospace;
	font-size:11px;
}

.smaller {
	font-size:10px;
}

/* Table list */
.rowcheck {
	display:inline-block;
	left:0%;
	width: 5%;
	min-width:30px;
}
.rowmiles {
	display:inline-block;
	left: 5%;
	width: 5%;
	font-size: smaller;
	min-width:30px;
}

.rowitem {
	display:inline-block;
	left: 10%;
	width: 60%;
	margin-left:4px;
}

.rowimage {
	display:inline-block;
	left: 70%;
	min-width: 150px;
	width: 15%;
	margin: 2px;
	margin-left: 4px;
	vertical-align: top;
	overflow: visible;
}

.rowcost {
	display: inline-block;
	left: 85%;
	width: 10%;
	min-width: 75px;
	margin-left: 4px;
}

.sheetrow {
	border-top: 1px solid #444;
	display: block;
	margin: 2px;
	overflow: visible;
	position: relative;
}

.sheettitle {
	border-top: 2px solid #484;
	margin:2px;
	padding:2px;
}

/* END */

-->