/*********************************************************/
/* Link colors up front - allow overrides anywhere else */
/*********************************************************/

a:link {
	color:#aaaaff;
	text-decoration:none;
}

a:visited {
	color:#6666cc;
	text-decoration:none;
}

a:hover {
	color:#808080;
	text-decoration:none;
}

a:active {
	color:#808080;
	text-decoration:none;
}


/*********************************************************/
/* Main body outer decls */
/*********************************************************/

html {
	/* sanity values for outer blocks */
	margin: 0px;
	padding: 0px;
	border: 0px;
}

body {
	/* sanity values for outer blocks */
	margin: 0px;
	padding: 10px;
	border: 0px;

	background-color:#000000;
	color:#cccccc;
	font-family:verdana, tahoma, "bitstream vera sans", sans-serif;
	font-size:9pt;
	font-weight:400;
	/* the text align tags are for old browser compatibility */
	/* Centering here aligns the main frame below... */
	text-align: center;
}

div.outer_frame {
	width: 750px;
	margin: 0 auto;
	padding: 0px;
	/* ... which now has to undo the centering. */
	text-align: left;
}


/*********************************************************/
/* inner decls, borders and edges */
/*********************************************************/

.class_icon_image_frame {
	border: 3px solid #808080;
	border-radius: 3px;
	border-style: solid solid solid solid;
}

div.image_header_frame {
	border: 1px solid #404040;
	border-style: solid solid solid solid;
	height: 64px;
}

div.linkbar_frame {
	margin-top: 7px;
	border: 1px solid #404040;
	border-style: solid solid solid solid;
}

div.inner_frame {
	margin: 0;
	padding: 0px;
}


/*********************************************************/
/* text formatting */
/*********************************************************/

div.text_border_frame {
	margin-top: 7px;
	float: right;
	border: 1px solid #404040;
	border-style: solid solid solid solid;
	overflow: auto;
}

div.text_frame {
	width: 600px;
	margin: 5px;
}

div.null_border_frame {
	margin-top: 7px;
	border: 1px solid #404040;
	border-style: solid solid solid solid;
	overflow: auto;
}

div.null_frame {
	width: 738px;
	padding: 5px;
}


/*********************************************************/
/* Menu formatting */
/*********************************************************/

div.menu_border_frame {
	margin-top: 7px;
	float: left;
	border: 1px solid #404040;
	border-style: solid solid solid solid;
}

div.menu_frame {
	width: 128px;
	font-family:verdana, tahoma, "bitstream vera sans", sans-serif;
	font-size: 9pt;
	font-weight: 600;
}

span.menu_header_text {
	color: #ffff00;
	margin-left: 8px;
}

div.menu_link {
	color: #808080;
	margin-left: 16px;
	font-weight: 400;
}

a.menu_header_text:link {
	color:#6666cc;
	text-decoration:underline;
}

a.menu_header_text:visited {
	color:#6666cc;
	text-decoration:underline;
}

a.menu_header_text:hover {
	color:#606060;
	text-decoration:underline;
}

a.menu_header_text:active {
	color:#606060;
	text-decoration:none;
}

hr.menu_hr {
	border-top: 1px solid #404040;
	border-bottom: none;
	border-left: none;
	border-right: none;
}


/*********************************************************/
/* headers H1 - H3 */
/*********************************************************/

h1 {
	color:#ffff00;
	font-family:verdana, tahoma, "bitstream vera sans", sans-serif;
	text-decoration:none;
	font-style:italic;
	font-size:13pt;
	font-weight:200;
	margin-bottom:20px;
}

h2 {
	color:#ffff00;
	text-decoration:none;
	font-family:verdana, tahoma, "bitstream vera sans", sans-serif;
	font-size:11pt;
	font-weight:400;
}

h3 {
	color:#ffff00;
	font-family:verdana, tahoma, "bitstream vera sans", sans-serif;
	text-decoration:none;
	font-size:9pt;
	font-weight:400;
}


/*********************************************************/
/* tables */
/*********************************************************/

table {
	border-collapse: collapse;
	font-size:9pt;
}

th {
	padding-left: 1.5em;
	border-bottom: 1px solid #404040;
	color:#ffffff;
	text-align: left;
}

td {
	padding-left: 1.5em;
	font-weight:600;
}


/*********************************************************/
/* various block level stuff */
/*********************************************************/

tt {
	color:#cccccc;
	font-family: Fixed, monospace, courier, consolas, "bitstream vera sans", monaco;
	font-size:9pt;
	font-weight:600;
}

pre {
	color:#cccccc;
	font-family: Fixed, monospace, courier, consolas, "bitstream vera sans", monaco;
	font-size:9pt;
	font-weight:600;
}

blockquote{
	color:#66aaff;
	font-family:verdana, tahoma, "bitstream vera sans", sans-serif;
	font-size:9pt;
	font-weight:400;
}

.subquote {
	color:#808080;
}

.content {
	color:#cccccc;
	font-family:verdana, tahoma, "bitstream vera sans", sans-serif;
	font-size:9pt;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	font-weight:400;
}

.quote {
	margin-left: 30px;
	margin-right: 80px;
	color:#66aaff;
}

.indent {
	margin-left: 30px;
	margin-right: 80px;
}

.inline-quote {
	font-style:italic;
	color:#808080;
}


/*********************************************************/
/* unordered list setup */
/*********************************************************/

ul {
	list-style-type:disc;
	color:#808080;
}

ul.special {
	list-style-type:none;
	color:#ffff00;
}


/*********************************************************/
/* Image handlers */
/*********************************************************/

.imagefloatleft {
	clear: left;
	float: left;
	padding-right: 30px;
	padding-bottom: 15px;
}

.imagefloatright {
	clear: right;
	float: right;
	padding-left: 30px;
	padding-bottom: 15px;
}

.imagesub {
	font-style:italic;
	padding-top: 5px;
	text-align: center;
}

.imagebox {
	float: left;
	padding: 1px;
	margin: 1px;
}

.imageinnerborder {
	border: 1px solid #000000;
}
.imageouterborder {
	border: 1px solid #808080;
}
.mapimage {
	margin-bottom:18px;
	border: 1px solid #404040;
}


/*********************************************************/
/* various text coloring */
/*********************************************************/

.command {
	color:#ffff00;
}
.keyword {
	color:#ff8800;
}
.special {
	color:#ffff00;
}
.dim {
	color:#808080;
}


/*********************************************************/
/* jmud specific stuff
/*********************************************************/

/* this can be used as "<div class="clear"></div>" without having to tack it into a br style */
.clear { clear: both; }

.mud-input-blur {
	color: #606060 !important;
}

.mud-title {
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid;
}

.mud-pane {
	height: 400px;
	overflow: auto;
	overflow-y: scroll;
	word-wrap: break-word;
	font-family:"Courier New",monospace;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight:600;
}

.mud-input {
	font-family:"Courier New",monospace;
	font-size: 12px;
	width: 100%;
	padding-top: 2px;
	border: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #222;
	background: none;
	color: #fff;
	font-weight:600;
}


/*********************************************************/
/* credit card/payment forms */
/*********************************************************/

div.payment-errors {
	border: 1px solid #800000;
	border-style: solid solid solid solid;
	margin: 8px;
	padding: 8px;
	visibility: hidden;
}

.shopping_cart {
	border: 1px solid #808080;
	border-style: solid solid solid solid;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 8px;
}

.credit_card_info {
	border: 1px solid #808080;
	border-style: solid solid solid solid;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 8px;
}

.account_info {
	border: 1px solid #808080;
	border-style: solid solid solid solid;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 8px;
}

