mg, div {behavior: url(/images_silver/iepngfix.htc) }


body {
	margin: 0 0 2em 0;
	padding: 0;
	color: #f5f5f5;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size: .8em;
	background-color: #000000;
	background-image: url(/images_silver/background.gif);
	background-repeat: repeat-x;
	}

strong {
	font-weight: bold;
	}

h1, h2, h3, h4, h5 {
	margin: 0;
	font-weight: bold;
	line-height: 1em;
	}
		h1 {
			margin: 0 0 .5em 0;
			padding: 0 0 .1em 0;
			border-width: 0 0 1px 0;
			border-style: solid;
			border-color: #ffffff;
			color: #ffffff;
			font-size: 2.5em;
			}
		h2 {
			margin-bottom: 1em;
			color: #c3c3c3;
			font-size: 1.5em;
			}
		h3 {
			height: 1em;
			margin-top: 1em;
			color: #c3c3c3;
			font-size: 1.3em;
			}
				h3 img {
					margin-bottom: .2em;
					}
		h4 {
			margin-top: 1em;
			color: #c3c3c3;
			font-size: 1.2em;
			}

p {
	margin: 0 0 1em 0;
	line-height: 1.3em;
	}

a {
	color: #ffffff;
	}
		a img {
			border-width: 0;
			}

sup {
	font-size: .6em;
	vertical-align: super;
	}

div.clearer {
	clear: both;
	overflow: hidden;
	height: 1px;
	}

.nobr {
	white-space: nowrap;
	}

img.image-mapped {
	border-width: 0;
	}

div#header {
	position: relative;
	z-index: 0;
	width: 760px;
	height: 240px;
	margin: 0 auto 0 auto;
	}
		div#header img {
			position: absolute;
			}
		img#head-bg {
			top: 81px;
			left: 302px;
			z-index: 10;
			}
		img#head-soldier {
			top: 0;
			left: -15px;
			z-index: 20;
			}
		img#head-aa-banner {
			top: 0;
			left: 285px;
			z-index: 30;
			}
		img#head-honor-licensing {
			top: 90px;
			left: 290px;
			z-index: 30;
			}

div#head-pragmatic-position {	/* The Pragmatic logo has to go in its own div so it can be */
	position: absolute;			/* z-indexed above most everything else. Simply z-indexing the image */
	top: 147px;					/* independently within div#header does not work. */
	right: 50%;
	z-index: 50;
	text-align: right;
	}
		img#head-pragmatic-logo {
			margin: 0 119px 0 10px;
			}

div#subtitle {
	margin: 0 -5px 25px -5px;
	border-width: 2px 0 0 0;
	border-style: solid;
	border-color: #290500;
	background-color: #3d0700;
	background-repeat: no-repeat;
	background-position: 6px 50%;
	color: #cccccc;
	font-weight: bold;
	}

		div#subtitle p {
			margin: 0;
			padding-top: 3px;
			padding-bottom: 3px;
			border-width: 1px 0 0 0;
			border-style: solid;
			border-color: #000000;
			}
				div#subtitle p.subtitle {
					position: relative;		/* Must be defined with the float or it won't display in IE6. */
					float: left;
					padding-left: 3px;
					}
				div#subtitle p.nav {
					text-align: right;
					padding-right: 4px;
					}
				div#subtitle p a {
					margin: 0 2px 0 2px;
					font-size: .9em;
					}


div#thumbs-position {
	position: relative;
	z-index: 60;		/* The thumbs must be z-indexed above the Pragmatic logo so the anchors won't be beneath the logo. */
	height: 46px;		/* Assigning a height fixes IE display bugs. */
	margin: -92px 0 0 50%;
	}
		div#thumbs-corner-position {
			position: relative;
			height: 1px;		/* Assigning a height fixes IE display bugs. */
			margin: 0 15px 0 -116px;
			}
				img#thumbs-corner {
					float: left;
					}
				div#thumbs {
					position: relative;
					overflow: hidden;
					height: 44px;
					border-width: 2px 2px 0 0;
					border-style: solid;
					border-color: #737373;
					background-color: #080604;
					background-image: url(/images_silver/thumbs_bg.gif);
					background-position: top left;
					text-align: center;
					}
						div#thumbs img.thumb {
							margin: 12px 10px 0 0;
							/* -moz-opacity: 0.4;			Older Mozilla and Firefox */
							/* -khtml-opacity: 0.4;			Safari<1.2, Konqueror */
							/* filter: alpha(opacity=40);		IE/Win */
							/* opacity: 0.4;			Safari 1.2, newer Firefox and Mozilla, C^[:w ^M3 */
							/* border-width: 1px;
							border-style: solid;
							border-color: #d4ae3b; a98a2f */
							}
				div#thumbwords {
					position: absolute;
					top: 0;
					left: 0;
					}
						div#thumbwords img.thumbword {
							position: absolute;
							top: 0;
							left: 0;
							z-index: 10;
							-moz-opacity: 0;			/* Older Mozilla and Firefox */
							-khtml-opacity: 0;			/* Safari<1.2, Konqueror */
							filter: alpha(opacity=0);		/* IE/Win */
							opacity: 0;				/* Safari 1.2, newer Firefox and Mozilla, C^[:w ^M3 */
							}

div#nav-content-wrapper { 
	position: static; 
        height: 1%;					 /* This (Holly Hack) is used to take care of the problem of the bottom of */
	z-index: 40;					 /* nav_left_bg.gif bleeding out from under nav_left_bottom.gif...However, this is */ 
	background-image: url(/images_silver/nav_left_bg.gif);  /* failing to work on partners/namerica.php. */
	background-position: 15px 0;
	background-repeat: repeat-y;
	}

div#content-bg {
	position: relative;
	margin: -2px 15px 0 175px;
	border-width: 2px;
	border-style: solid;
	border-color: #737373;
	background-color: #737373;
	background-image: url(/images_silver/content_bg_grid.gif);
	background-position: top center;
	background-repeat: repeat;
	}
		div#content {
			padding: 18px 15px 0 15px;
			background-image: url(/images_silver/content_bg_gradient.gif);
			background-position: top center;
			background-repeat: repeat-x;
			}

div#clearer-fix {		/* This pertains to IE. If div#bottom-clearer has to clear a right float with no left float */
	position: relative;	/* to clear first (i.e. a right float that extends below the left nav), it forces */
	float: left;		/* div#content open all the way to the left. Go figure. Placing div#clearer-fix above it */
	overflow: hidden;	/* always gives it something to clear on the left first. */
	height: 1px;
	}
div#bottom-clearer {
	height: 2em;
	}

img#honor-logo-nav {
	display: block;
	margin: -32px 0 0 15px;
	}
div#nav-left {
	display: inline;		/* Fixes IE's double-margin float bug. */
	position: relative;		/* Don't forget that a JavaScript executed on page load redeclares the position as relative. */
	float: left;
	clear: left;
	z-index: 50;		/* The width and margins must add up to all the space, including borders, to the left of */
	width: 144px;		/* div#content to prevent some IE wackiness in which div#content inexplicably extends left */
	margin: -2px 16px 0 17px;	/* after adding the clears that make the nav and content boxes extend each other. */
	}
  div#nav-left div.nav_ad {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 4px; 
    margin: 14px 2px 0; 
    border: 1px solid #54460f; 
    border-top: 12px solid #54460f; 
    background-color: #111;
  }
  
  div#nav-left  div.nav_right {
  padding: 0 1px 5px 2px; 
  margin: 14px 2px 0 2px; 
  width: 135px; 
  border: 1px solid #b4b4b4; 
  border-top: 1px solid #b4b4b4; 
  background-color: #101010;
  z-index: 100;
  }
  div#nav-left  div.nav_right h3 {
  margin: 0 -2px 0 -2px;
  padding: 2px 8px;
  text-align: left;
  color: #d0d0d0;
  font-size: .9em;
  background: #333333;
  }
  div#nav-left > div.nav_right h3 { /* Without this, Firefox's right border disappears */
  margin: 0 -1px 0 -2px;
  }
  div#nav-left  div.nav_right p {
  text-align: left;
  font-size: .8em;
  color: #aaa;
  width: 118px;
  margin: 8px 8px 10px 8px;
  }
  div#nav-left  div.nav_right div {
  margin: 0 auto;
  padding: 0;
  border-top: 1px solid #3A3A1A;
  }
  
		img#nav-left-top {				/* Z-index:-1 prevents this from covering up anything put inside */
			display: block;				/* div#nav-left without having to add position:relative to everything. */
			position: relative;			/* The negative bottom margin that necessitated the above had to be moved to */
			z-index: -1;				/* the following ul, however, as the nav hover made the whole ul jump in IE. */
			margin: 0 -2px 0 -2px;
			}
		img#nav-left-bottom {
			position: relative; 
     			left: -177px;		 /* I use this instead of margin: -177px to get rid of the bug that cause the img.nav-left-bottom */
			float: left;		 /* to randomly shift 177px to the right on IE7 browser */
			margin: -14px 0 0 0px;
			}
		div#nav-left ul {
			position: relative;			/* Even with the z-index:-1 solution for img#nav-left-top, the */
			margin: 1em 0 1em 2px;		/* block-displayed anchors are still affected in FF, so position:relative */
			padding: 0;					/* is still necessary. */
			font-size: .9em;
			list-style-type: none;
			}
				div#nav-left ul li {
					margin: 0 0 2px 0;
					padding: 0;
					}
						div#nav-left ul li a {
							display: block;
							overflow: hidden;
							width: 130px;
							margin: 0;
							padding: 0 4px 1px 4px;
							color: #ebebeb;
							background-color: #333333;
							border-width: 1px;
							border-style: solid;
							border-color: #828282 #5e5e5e #5e5e5e #5e5e5e;
							text-decoration: none;
							}
								div#nav-left ul li a:hover,
								div#nav-left ul li a:focus {
									color: #ffffff;
									background-color: #8b8b8b;
									border-color: #968f78 #5e563d #514a35 #867d63;
									}
								div#nav-left ul li a:active {
									padding: 1px 3px 0 5px;
									border-color: #363123 #655f4d #7a7465 #3f3929;
									color: #dedede;
									background-color: #2a2a2a;
									}

		form#nav-login {
			margin: 0 0 .5em 0;
			font-size: .9em;
			}
				form#nav-login label {
					width: auto;
					margin: 0 5px 0 5px;
					color: #b3b3b3;
					line-height: 1em;
					}
				form#nav-login input {
					display: block;
					width: 88%;
					margin: -2px auto 1px auto;
					border-color: #3c3830 #5c584d #676359 #433f36;
					color: #e36b5b;
					background-color: #210400;
					}
				form#nav-login input.button {
					display: block;
					width: 92%;
					margin: 6px auto 0 auto;
					border-width: 1px;
					border-style: solid;
					border-color: #774740 #3d0700 #340600 #622a22;
					color: #b3b3b3;
					background-color: #4a0900;
					}
		a#nav-forget-pw {
			display: block;
			margin: 0 0 2em 0;
			color: #b3b3b3;
			font-size: .85em;
			font-family: arial, helvetica, sans-serif;
			text-align: center;
			}

div#footer {
	width: 90%;
	margin: 2em auto 0 auto;
	font-family: arial, helvetica, sans-serif;
	font-size: .8em;
	}
		div#copyright {
			float: right;
			color: #bbbbbb;
			text-align: right;
			line-height: 1.5em;
			}
		div#footer img.footer-logo {
			margin: 0 20px 0 0;
			border: 0;
			}
		img#footer-logo-usarmy {
			float: left;
			margin-right: 25px !important;
			}
		img#footer-logo-aa {
			float: left;
			}
		div#footer-pragmatic {
			float: left;
			margin-top: 10px !important;
			text-align: left;
			white-space: nowrap;
			}

.pr-sol {
	font-weight: bold;
	}

div.sidebar {
	position: relative;
	float: right;
	width: 42%;
	margin: .5em 0 2em 2em;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #968f86 #968f86 #968f86 #968f86;
	color: #ffffff;
	font-size: .9em;
	}
		div.sidebar h3 {
			margin-top: 0;
			margin-bottom: .5em;
			padding: .2em .5em .2em .5em;
			border-width: 1px;
			border-style: solid;
			color: #ffffff;
			border-color: #000000;
			background-color: #737373; /* 2e2618 */
			}
				div.sidebar h3 img {
					margin-top: .2em;
					margin-bottom: .2em;
					}
		div.sidebar p {
			margin: 0 1em 1em 1em;
			}
		div.sidebar ul {
			margin: 0 2em 1.6em 4em;
			padding: 0;
			color: #eeeeee;
			}
		div.sidebar ul span {
			color: #ffffff;
			}


form { }
		form label {
			color: #b3b3b3;		/* d4c398 */
			white-space: nowrap;
			}
		form input,
		form select,
		form textarea {
			padding: 0 .2em 0 .2em;
			border-width: 1px;
			border-style: solid;
			border-color: #656565 #828282 #828282 #656565;
			background-color: #444444;
			font-family: "trebuchet ms", arial, helvetica, sans-serif;
			color: #ffffff;
			}
				form input:focus,
				form textarea:focus {
					border-color: #656565 #828282 #828282 #656565 !important;
					background-color: #555555 !important;
					color: #CDCDCD !important;
					}
				form select {
					padding: 0;
					}
				form textarea {
					overflow: auto;
					font-size: 1em;
					}
		form input.button,
		a.button1 {
			border-width: 1px;
			border-style: solid;
			border-color: #828282 #454545 #454545 #828282;
			color: #CDCDCD;
			background-color: #444444;
			}
				form input.button {
					width: auto;
					padding: 0 20px 1px 20px;
					font-size: .95em;
					}
				a.button1 {
					display: block;		/* Enables the text-shift effect when clicked. */
					padding: 1px 10px 1px 10px;
					text-align: center;
					text-decoration: none;
					}
						form input.button:focus,
						a.button1:focus {
							border-color: #828282 #454545 #454545 #828282 !important;
							background-color: #555555 !important;
							color: #CDCDCD !important;
							}
						form input.button:active,
						a.button1:active {
							border-color: #828282 #454545 #454545 #828282 !important;
							background-color: #555555 !important;
							color: #aaaaaa !important;
							}
								form input.button:active {
									padding: 1px 19px 0 21px;
									}
								a.button1:active {
									padding: 2px 9px 0 11px;
									}
		.required {
			margin: 0 .2em 0 0;
			vertical-align: top;
			color: #ffffff;
			font-family: arial, helvetica, sans-serif;
			font-size: 1em;
			}
		form .required {
			margin: 0 0 0 .2em;
			}

form table {
	margin: 0 auto 0 auto;
	border-collapse: collapse;
	}
		form table td {
			padding: 1em .5em 0 .5em;
			vertical-align: top;
			}
				form table td.note {
					padding-top: .4em;
					color: #909090;
					font-size: .85em;
					letter-spacing: normal;
					}
						form table td.note p {
							margin: 0;
							width: 25em;
							}
				form table td.echo {
					color: #ffffff;
					}
		form table input {
			width: 18em;
			}
				form table input.ip,
				form table input.port,
				form table input.state,
				form table input.zip,
				form table input.phone-ext,
				form table input.cvv {
					width: 4em !important;
					}
				form table input.verify {
					margin-top: 1em;
					width: 8em !important;
					}
		form table input.checkbox {
			width: auto;
			padding: 0;
			border-width: 0;
			background-color: transparent;
			}
		form table.confirm {
			color: #b3b3b3;
			}
		form table input.button {
			margin-top: .5em;
			margin-right: 1em;
			}
		form table img.verify {
			border-width: 1px;
			border-style: solid;
			border-color: #774740;
			}

img.ssl-logo {
	position: relative;
	float: right;
	margin: -80px 0 0 1em;
	border-width: 0;
	}


/* Documents */
#documents ul.docs {
	line-height: 1.7em;
	}


/* FAQ */
#faq ul.faq li {
	line-height: 1.6em;
	}

#faq dl.faq {
	margin: 4em 0 0 0;
}
		#faq dl.faq dt {
			margin: 0;
			padding: 1.5em 0 0 0;
			font-weight: bold;
			}
		#faq dl.faq dd {
			margin: 0 0 0 2em;
			color: #d9d7ca;
			}
				#faq dl.faq ol {
					list-style-type: lower-alpha;
					}


/* Home */
#home div#right-col {
	position: relative;
  padding-left: 2em;
	float: right;
	width: 21em;
	margin: 2em 0 1em 0em;
	}

#home div.sidebar {
	float: none;
	width: 102%;
	margin: 0 0 1.5em -4px;
	background-color: #111111;
	}
		#home div.sidebar h3 {
			margin-bottom: 0;
			}
		#home form#homeLogin {
			margin: 0;
			}
				#home form#homeLogin table {
					margin-top: 0;
					margin-bottom: .5em;
					}
				#home form#homeLogin input {
					width: 12em;
					}
				#home form#homeLogin td.forget-pw {
					padding-top: .5em;
					font-size: .95em;
					font-family: arial, helvetica, sans-serif;
					}
						#home form#homeLogin td.forget-pw a {
							color: #b3b3b3;
							}

#home div.plan {
	width: 100%;
	margin: -8px 0 0 0;
	padding: 8px 0 6px 0;
	border-width: 2px;
	border-style: solid;
	border-color: #858585;
	color: #000000;
	background-color: #aaaaaa;
	}
		#home img.plan-head {
			position: relative;
			display: block;
			margin: 1em 0 0 -6px;
			}
		#home img.plan-corner {
			position: relative;
			float: right;
			margin: -10px -2px 0 0;
			background-color: #080604;
			}
		#home div.plan h4 {
			margin: -6px 1em 0 25px;
			color: #000000;
			font-size: 1.1em;
			font-weight: bold;
			font-style: none;
			line-height: 1.1em;
			}
		#home div.plan p {
			margin: .2em 10px 0 25px;
			font-size: .9em;
			line-height: 1.1em;
			}
		#home div.plan a,
		#plans table.plans p.more-info a {
			display: block;
			width: 8em;
			margin: .3em 0 0 25px;
			padding: 2px 10px 2px 10px;
			border-width: 1px;
			border-style: solid;
			border-color: #837d6b #494230 #3f3929 #6f6854;
			color: #ebebeb;
			background-color: #333333;
			font-size: .85em;
			text-align: center;
			text-decoration: none;
			line-height: 1.1em;
			}
				#home div.plan a:hover,
				#plans table.plans p.more-info a:hover {
					color: #ffffff;
					background-color: #8b8b8b;
					/* border-color: #968f78 #5e563d #514a35 #867d63;  IE Fix - This line causes problem in IE7 */
					_border-color: #968f78 #5e563d #514a35 #867d63; /* and had to be replace by this line */
					}
				#home div.plan a:active,
				#plans table.plans p.more-info a:active {
					padding: 3px 9px 1px 11px; /* This line causes problem in IE7 and a fix for it is place on ie7fixes.css */
					color: #dedede;
					background-color: #2a2a2a;
					_border-color: #363123 #655f4d #7a7465 #3f3929;
					}


/* Logos */
body#logos p.note {
	padding: .4em;
	border-color: #ffffff;
	border-width: 1px;
	border-style: dashed;
	}
body#logos p.aahonornote {
	margin-left: 146px;
	}

body#logos div#content ul {
	display: block;
	margin: 1em 5em 4em 5em;
	padding: 0;
	}
		body#logos div#content ul ul {
			margin-top: 0;
			margin-bottom: 1em;
			}
		body#logos ul#aahonorlist {
			margin-left: 160px !important;
			}

body#logos img.example {
	margin: 0 1em 1em 0;
	}

body#logos div#logo-aahonor {
	position: relative;
	float: left;
	}


/* News */


/* Partners */
div.partners-map {
	position: relative;
	text-align: center;
	}
		div.partners-map img {
			margin: 1em 0 0 0;
			-moz-opacity: 0.7;			/* Older Mozilla and Firefox */
			-khtml-opacity: 0.7;		/* Safari<1.2, Konqueror */
			filter: alpha(opacity=70);	/* IE/Win */
			opacity: 0.7;				/* Safari 1.2, newer Firefox and Mozilla, C^[:w ^M3 */
			border-width: 0;
			}
div.world-map {
	position: relative;
	float: right;		/* Declaring a simple left:50% for the map images didn't work in IE, of course. */
	width: 50%;
	height: 260px;		/* Necessary to keep the content area pushed down vertically. */
	margin: 0 0 3em 0;
	}
		div.world-map img#labels,
		div.world-map img#stroke,
		div.world-map img#world {
			position: absolute;
			top: 0;
			margin: 1em 0 0 -265px;
			border-width: 0;
			}
				div.world-map img#labels,
				div.world-map img#stroke {
					-moz-opacity: 1;				/* Older Mozilla and Firefox */
					-khtml-opacity: 1;			/* Safari<1.2, Konqueror */
					filter: alpha(opacity=100);	/* IE/Win */
					opacity: 1;				/* Safari 1.2, newer Firefox and Mozilla, C^[:w ^M3 */
					}
				div.world-map img#world {
					-moz-opacity: 0.5;				/* Older Mozilla and Firefox */
					-khtml-opacity: 0.5;			/* Safari<1.2, Konqueror */
					filter: alpha(opacity=50);	/* IE/Win */
					opacity: 0.5;				/* Safari 1.2, newer Firefox and Mozilla, C^[:w ^M3 */
					}
				div.world-map img#labels {
					z-index: 120;
					}
				div.world-map img#stroke {
					z-index: 110;
					}
				div.world-map img#world {
					z-index: 100;
					}

div.popTip {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	padding: 0;
	-moz-border-radius: 0 .6em .6em .6em;
	border-width: 1px;
	border-style: solid;
	border-color: #8eb4dd;
	background-color: #210400;	/* The caption and bottom frame background. */
	color: #ffffff;
	font-size: .9em;
	text-align: left;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
	}
		div.popTip .caption {
			margin: 0;
			padding: .1em .5em .1em 0;
			font-size: .9em;
			font-weight: bold;
			line-height: 1em;
			}
		div.popTip .contents {
			margin: 0 0 .5em 0;
			padding: .3em .8em .6em .8em;
			background-color: #333333;
			filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			}
		div.popTip h4 {
			margin: 0 !important;
			color: #98c0e9;
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1em;
			white-space: nowrap;
			}
		div.popTip h5 {
			margin: .5em 0 0 .3em !important;
			font-size: 1em;
			font-weight: bold;
			line-height: 1em;
			white-space: nowrap;
			}
		div.popTip ul {
			margin: .2em 0 0 1.8em;
			padding: 0;
			}
				div.popTip li {
					font-size: .95em;
					line-height: 1.3em;
					white-space: nowrap;
					}

body.pp-region img#world-icon {
	position: relative;
	float: right;
	margin: 0 0 0 1em;
	padding: 5px;
	border: 1px solid #ccc;
	}
body.pp-region img.pp-heading {
	margin: 4em 0 0 0;
	}
body.pp-region div.pp-list {
	width: 99%;
	margin: .5em 0 0 0;
	padding: .5em 0 0 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ffffff;
	}
/*		body.pp-region div.pp-list div.honor-provider {
			position: relative;
			float: left;
			width: 45%;
			margin-right: 2em;
			} */
		body.pp-region a.pp-separator {
			display: block;
			overflow: hidden;
			height: 1px;
			}
		body.pp-region img.pp-logo {
			position: relative;
			float: left;
			margin: 1.5em 1em .5em 0;
			}
		body.pp-region h4 {
			margin: 1.2em 0 0 0;
			}
		body.pp-region div.pp-list p {
			font-size: .9em;
			}
		body.pp-region p.pp-links {
			margin: 0 0 1em 0;
			}


/* Plans */
#plans table.plans {
	_display: inline;	/* For IE only. Fixes IE's double-margin float bug. */
	position: relative;
	float: left;
	width: 30%;
	margin: 3em 0 0 0px;
	border-collapse: collapse;
	}
#plans div.plans_spacer {
	display: inline;
	float: left;
	width: 8px;
	margin: 0px; 
  border: 1px dotted transparent /* Without this FF collapses the width: 8px and sets it as 0; */
  }
		#plans table.plans td {
			padding: 0 12px 1em 12px;
			border-width: 2px;
			border-style: solid;
			border-color: #858585;
			color: #000000;
			background-color: #aaaaaa;
			vertical-align: top;
			}
		#plans img.plan-head {
			position: relative;
			top: -22px;
			left: -21px;
			}
		#plans img.plan-corner {
			position: relative;
			float: right;
			margin: -33px -14px 0 0;
			background-color: #15120c;
			}
		#plans table.plans h4 {
			/* margin: -18px 0 0 0; */
			margin: -24px 0 0 12px;
			color: #000000;
			font-size: 1.1em;
			font-weight: bold;
			font-style: none;
			line-height: 1.1em;
			}
		#plans table.plans ul {
			margin: .8em 0 0 20px;
			padding: 0;
			}
		/* Further styles for this area are under #Home. */
		#plans table.plans p.more-info {
			margin: 1em 0 0 0;
			text-align: center;
			}
		#plans table.plans p.more-info a {
			width: 12em;
			margin: 0 auto 0 auto;
			}
#plans table#plan-c {
	_margin-right: 20px;	/* For IE only. */
	}


/* Support */
#support div.faq-choice {
	width: 45%;
	}
#support div.form-choice {
	position: relative;
	float: right;
	width: 45%;
	}
		#support div.faq-choice h3,
		#support div.form-choice h3 {
			margin-top: 0;
			}
#support h1 {
	margin-bottom: 1em;
	}

#support-request textarea#message {
	width: 25em;
	height: 15em;
	}
#support-request input.radio {
  width: 25px; 
  margin: 0 10px 0 0;
  background-color: transparent;
  border: none;
}
#support-request span.radio_label {
  color: #ccc;
  font-size: 90%;
  }

#content table.info {
	margin: 3em auto 2em auto;
	border-width: 1px;
	border-style: solid;
	border-color: #54460f;
	border-spacing: 1px;		/* Not supported in IE6. That's why we use cellspacing="1" in the table. */
	background-color: #000000;
	}
		#content table.info tr.disabled td,
		#content table.info tr.highlight td,
		#content table.info tr.offline td {
			background-color: #663333;
			}
		#content table.info th,
		#content table.info tfoot td,
		#content table.info td {
			padding: 2px 6px 2px 6px;
			}
		#content table.info th,
		#content table.info tfoot td {
			background-color: #272727;
			color: #ffffff;
			font-weight: bold;
			text-align: left;
			vertical-align: top;
			white-space: nowrap;
			}
				body#sas #content table.info th,
				#content table.info tfoot td {
					background-color: #212121;
					}
				#content table.info th.heading {
					border-width: 1px 0 3px 0;
					border-style: solid none double none;
					border-color: #54460f;
					background-color: #171717 !important;
					padding-top: 1px;
					padding-bottom: 1px;
					text-align: center;
					}
				#content table.info tfoot td.count {
					padding-left: 2em;
					color: #bbbbbb;
					}
				#content table.info .count img.minigraph,
				#content table.info .count img.miniraw, {
					margin: 0 0 0 2px;
					}
						#content table.info .count img.minigraph {
							margin-top: -1px;
							margin-left: 4px;
							}
		#content table.info td {
			padding-top: 1px;
			padding-bottom: 1px;
			background-color: #353328;
			color: #ffffff;
			vertical-align: top;
			}
				#content table.info td img {
					vertical-align: middle;
					}
				#content table.info td a {
					font-weight: normal;
					}
		#content table.info .icon-group,
		#content table.info .icon-tour,
		#content table.info .icon-location,
		#content table.info .abbr-location,
		#content table.info .yes-no,
		#content table.info .online-offline {
			text-align: center;
			}
		#content table.info .count {
			text-align: right;
			}
		#content table.info th.options,
		#content table.info td.options {
			text-align: center;
			white-space: nowrap;
			}
				#content table.info td.options img {
					margin: 2px;
					}
		#content table.info td.date {
			white-space: nowrap;
			}





/* Begin Form Tables */
#content table.confirmation {
	width: auto !important;
	margin: 1em auto 2em auto !important;
	}
		#content table.confirmation td {
			padding: 0 10px 0 10px !important;
			}

#content table.form {
	width: 75%;
	margin: 0 auto 1.4em auto;
	border-collapse: collapse;
	}
		body#sas #content table.form {
			width: 70%;
			}

#content table.form h3 {
	margin: 0 10px 0 0;
	}
		#content table.form h3.error {
			color: #a06060;
			}
#content table.form p {
	margin: 0 10px .4em 0;
	color: #888888;
	}
#content table.form a {
	font-weight: normal;
	}

#content table.form td {
	padding: 1em 0 0 0;		/* I spaced it this way originally so I could eliminate it in ... */
	vertical-align: top;	/* ... the image-verify cell and nudge the image up. */
	}
		#content table.form td.heading {
			padding-top: 2em;
			padding-bottom: .2em;
			}
				#content table.form td.heading h3 {
					margin-right: 0;
					padding-bottom: .3em;
					border-width: 0 0 1px 0;
					border-style: solid;
					border-color: #888888;
					}
		#content table.form td.input {
			width: 1%;		/* Allows the left column to expand, keeping the right elements lined up. */
			white-space: nowrap;
			}
				#content table.form td.input input,
				#content table.form td.input textarea,
				#content table.form td.input select {
					margin: 0 5px 0 0;		/* For any "required" asterisks. */
					padding: 0 2px 0 2px;
					border-width: 1px;
					border-style: solid;
					border-color: #755e01;
					background-color: #212019;
					color: #bbbbbb;
					font-family: "trebuchet ms", arial, helvetica, sans-serif;
					font-weight: bold;
					font-size: 1em;
					}
						#content table.form td.input input {
							width: 160px;
							}
								#content table.form td.input input.ip {
									width: 26px;
									}
								#content table.form td.input input.error {
									border-color: #a06060;
									background-color: #4c2e2e;
									}
						#content table.form td.input textarea {
							overflow: auto;
							width: 240px;
							height: 140px;
							font-weight: normal;
							}
						#content table.form td.input select {
							padding: 0;
							}
		#content table.form td.radio p {
			margin: 0 0 .5em 0;
			}
				#content table.form td.radio input {
					margin: 0 8px 0 0;
					vertical-align: middle;
					}
				#content table.form td.radio img {
					margin: 0 5px 0 0;
					vertical-align: middle;
					}
		#content table.form td.checkbox input {
			margin-right: .4em;
			margin-bottom: .3em;
			vertical-align: middle;
			}
		#content table.form td.button {
			text-align: right;
			}
				#content table.form td.button input {
					width: 75px;
					margin: 10px 0 0 6px;
					padding: 2px 10px 2px 10px;
					color: #bbbbbb;
					background-color: #272727;
					border-width: 1px;
					border-color: #666666 #1a1a1a #1a1a1a #666666;
					font-family: "trebuchet ms", arial, helvetica, sans-serif;
					font-size: .9em;
					}
				#content table.form td.button input.cancel {
					margin-left: 20px;
					}
				#content table.form td.button input.default {
					visibility: hidden;
					}
		#content table.form td.input-echo {
			width: 40%;
			color: #888888;
			font-size: 1em;
			font-weight: bold;
			line-height: 1.4em;
			}
				#content table.form td.input-echo img {		/* For group icon. */
					margin: 0 5px 0 0;
					vertical-align: middle;
					}
		#content table.form td.or {
			padding-top: 1em;
			padding-bottom: 1.5em;
			}
				#content table.form td.or div {
					overflow: hidden;		/* Prevents height from expanding in IE6. */
					height: 0;
					margin: 0 5px 0 0;		/* To line up with space made for "required" asterisks. */
					border-width: 1px 0 0 0;
					border-style: dashed;
					border-color: #888888;
					}
				#content table.form td.or p {
					width: 1.5em;
					margin: -.9em auto 0 auto;
					padding: 0 1em 0 1em;
					color: #bbbbbb;
					background-color: #000000;
					text-align: center;
					font-size: 1.1em;
					font-style: italic;
					}
						body#sas #content table.form td.or p {
							background-color: #272727;
							}
		#content table.form td.image-verify {
			}
				#content table.form td.image-verify img {
					float: left;
					margin: 0 10px 0 0;
					border-width: 1px;
					border-style: solid;
					border-color: #d5af1c;
					}
				#content table.form td.image-verify h2 {
					color: #d5af1c;
					font-size: 1em;
					font-weight: bold;
					line-height: 1.5em;
					}
				#content table.form td.image-verify p {
					}
				#content table.form td.image-verify strong {
					color: #bbbbbb;
					}


/* Register Honor Server */
#reg-form p.intro-note {
	margin: 2em;
	padding: .3em;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
	background-color: #000000;
	text-align: center;
	}
  
  
/* Honor Server Management */
#mgmt table#server-mgmt {
  position: relative;
  top: -50px;
	left: -13px;
	margin: 0 auto 0 auto;
  }
  #mgmt table#server-mgmt td p {
    float: left;
    margin: 0 0 0 0;
    }
#mgmt table.info {
	margin: 0 0 0 0;
	border-width: 1px;
	border-style: solid;
	border-color: #968F86;
	border-spacing: 1px;		/* Not supported in IE6. That's why we use cellspacing="1" in the table. */
  background-color: transparent;
  clear: both; 
	}
  #mgmt table.info td {
    background-color: transparent;
    font-size: .95em;
    }
    #mgmt table.info td a:link, 
    #mgmt table.info td a:visited {
      text-decoration: none;
    }
    #mgmt table.info td a:hover {
      background-color: #333333;
      color: #ffffff;
    }
    #mgmt table.info tr.disabled td {
      background-color: transparent;
      background-image: url(/templates/images_silver/screen_red.gif);
      }
  #mgmt table.info th {
    background-color: #737373f;
    color: #bbbbbb;
    font-size: .95em;
    letter-spacing: .045em;
    }
#mgmt p.sub-head {
  position: relative;
  font-size: 1.12em;
  letter-spacing: .1em;
  clear: right;
  top: -40px;
  }
#mgmt p a:link,
#mgmt p a:visited {
  text-decoration: none;
  }
  #mgmt p.pages a:link,
  #mgmt p.pages a:visited {
    word-spacing: 4px;
    margin: auto 5px;
    }
#mgmt p a:hover {
  background-color: #333333;
  color: #ffffff;
  }
#page-title {
  margin: 14px auto; 
  padding-bottom: 10px; 
  border-bottom: solid 1px #737373; 
  }
  #page-title p {
    position: relative; 
    top: 10px;
    right: 2px; 
    float: right;
    font-size: .95em; 
    letter-spacing: .04em;
    }
#mgmt form {            /* This is primarily for eliminating the ugly IE's ... */
  margin: -4px 0 0 0;   /* ...default margin of opening form element */
  }
#mgmt form table input {
  margin: -4px 0 0 0;
  padding: 0 0 0 0;
	width: 12em;
	}
  #mgmt form table input#honorIp {
    margin: 0 0 10px 0;
  }
#mgmt form table input.button {
  margin: -4px 0 0 0;
	width: 6em;
	}
div.mgmt-search {
	position: relative;
	float: right;
  top: -30px;
	width: 32em;
	margin: 1.5em 0 2em 2em;
	padding: 0 0 .5em 0;
	border-width: 1px;
	border-style: solid;
	border-color: #968f86 #968f86 #968f86 #968f86;
	color: #dbd7b4;
	font-size: .9em;
	}
  div.mgmt-search h3 {
  	margin-top: 0;
  	margin-bottom: .5em;
  	padding: .15em .5em 0 .5em;
  	border-width: 1px;
  	border-style: solid;
  	color: #ffffff;
  	border-color: #000000;
  	background-color: #737373; /* 2e2618 */
  	}
div#mgmt-login {
  position: relative; 
  top: 30px; 
  left: 25%; 
  right: 35%; 
  width: 400px;
  } 
  
  
/* Server Management Help */
#help div.faq-choice {
	width: 45%;
	}
#help div.form-choice {
	position: relative;
	float: right;
	width: 45%;
	}
		#help div.faq-choice h3,
		#help div.form-choice h3 {
			margin-top: 0;
			}
#help h1 {
	margin-bottom: 1em;
	}

#help-request textarea#message {
	width: 25em;
	height: 15em;
	}
  
  
/* Usage Guidelines */
#guidelines ul.guidelines li {
	line-height: 1.6em;
	}

#guidelines dl.guidelines {
	margin: 4em 0 0 0;
}
		#guidelines dl.guidelines dt {
			margin: 0;
			padding: 1.5em 0 0 0;
			font-weight: bold;
			}
		#guidelines dl.guidelines dd {
			margin: 0 0 0 2em;
			color: #d9d7ca;
			}
				#guidelines dl.guidelines ol {
					list-style-type: lower-alpha;
					}
/* Honor Provider Statistics */
#stats
{
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
  background-color: #14110C;
}

#stats div.overview
{
  font-size: 95%;
	position: relative;
	float: right;
	width: 40%;
	margin: 10px 0 2em 2em;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #a98a2f #968f86 #968f86 #968f86;
}

#stats div.overview .stats_overview
{
  color: #979797;
  width:100%;
  margin:0;
  padding:0;
  border-top: solid 1px #4F3F1F;
}

#stats div.overview .stats_overview th
{
  height: 2em;
  background-color: #181818;
  border-bottom: 1px solid #3a3030;
  border-left: 1px solid #3a3030;
}

#stats div.overview .stats_overview td
{
  background-color: #1f1f1f;
  border-bottom: 1px solid #3a3030;
  border-left: 1px solid #3a3030;
  padding: .08em .5em;
}

#stats div.locale_map
{
	/*float: left; */
	/*margin-top: 6px;*/
	/*margin-right:13px;*/
	/*margin-left:0;*/

  font-size: 95%;
	color: #fff;
  position: relative;
	width:50%;
	margin:0;
	padding:0;
	display:block;
}

#stats div.locale,
#stats div.map 
{
	border-width: 1px;
	border-style: solid;
	border-color: #a98a2f #968f86 #968f86 #968f86;
	background-color: #423723;
}

#stats div.locale
{
margin-top: 10px;
}

#stats div.map
{
  margin-top: 20px;
}

#stats .locale_table,
#stats .map_table
{
  position:relative;
  width:100%;
  margin:0;
  padding:0;
  border-top: solid 1px #4F3F1F;
  background-color: #16191E
}

#stats .locale_table tr.odd,
#stats .locale_map tr.odd
{
  background: #1a1916;
}

#stats .locale_table tr.even,
#stats .map_table tr.even
{
  background: #0F1112;
}

#stats .locale_table .odd,
#stats .map_table .odd 
{
  background: #1a1916;
}

#stats .locale_table .even,
#stats .map_table .even
{
  background: #0F1112;
}

#stats .locale_table th,
#stats .map_table th 
{
  height: 2.8em;
  font-weight: bolder;
  /* causing padding problems in firefox */
  /*letter-spacing: 0.02em;*/
  color: #DBD7B4;
  background-color: #302810;
	border-bottom: 1px solid #4F3F1F;
}

#stats .locale_table th.attribute,
#stats .map_table th.attribute
{
  text-align:center;
}

#stats .locale_table th.servers,
#stats .map_table th.users
{
	border-left: 1px solid #4F3F1F;
	border-bottom: 1px solid #4F3F1F;
}

#stats .locale_table td,
#stats .map_table td
{
  /*line-height: 190%;*/
  /*line-height: 150%*/
  /* Forces row height for World View and Map View to be equal */
  border-bottom: 1px solid #4F3F1F;
}

#stats .locale_table td.attribute,
#stats .map_table td.attribute
{
  text-align:left;
  color:#dbd7b4;
  padding-top:2px;
  padding-bottom:2px;
  width: 80%
}

#stats .locale_table td.total_server,
#stats .map_table td.total_users
{
	border-left: 1px solid #4F3F1F;
  font-size: 85%;
	color: #cbc7a4;
	text-align:right;
	/*padding-left:-1.0em;*/
	/*padding-left:-50.0em;*/
	padding-left:0;
	padding-right:1em;
  width: 20%;
}

#stats .locale_map a
{
	/*display: block;*/
	text-decoration: none;
}
#stats .locale_map a:link
{
	/*display: block;*/
	color: #dbd7b4;
	text-decoration: none;
}
#stats .locale_map a:visited
{
	/*display: block;*/
	color: #dbd7b4;
	text-decoration: none;
}

#stats .locale_map a:hover, 
#stats .locale_map a:active
{
	/*display: block;*/
	color: #fff;
	background-color: #2a2926;
}

#stats .locale_map .attribute_data
{
  vertical-align:middle;
}

#stats .locale_map .icon,
#stats .locale_map .attribute,
#stats .locale_map .servers,
{
	cursor:pointer;
}

#stats .locale_map .icon img
{
	margin-top:4px;
	margin-bottom:5px;
	margin-left:8px;
	margin-right:8px;
	padding:0;
	vertical-align:middle;
	/*background-color:red;*/ 
}

#stats .locale_map .locale .icon img
{
  border: 1px solid #A98A2F;
}

#stats .locale_map .strong
{
	/*color: #cbad55;*/
	font-weight: bold;
}

/* MAP OF THE WEEK */

  .map_week {
    position: relative; /* To bring layer to the top */
    border-top: 1px solid #b4b4b4;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    text-align: center;
    margin: 8px 2px 0px 2px !important;
    padding-top: 0px;
    background-color: #101010;
    color: #AAA;
    }
  .map_week h3 {
    text-align: left !important;
    font-size: 12px;
    padding: 3px 0px 2px 8px;
    color: #d0d0d0;
    background-color: #333333;
    }
  .map_week a img {
     margin: 1px 0 2px 0 !important;
     padding: 0px 0px 0px 0px !important;
     border: 1px solid #b4b4b4;
    }
  .map_week div h4.map_week_name {
    color: #aaa !important;
    font-size: 10px;
    margin: 0;
    padding: 0;
    }
  .map_week div .map_week_desc {
    font-size: 9px;
    padding: 7px 10px 0 10px;
    margin-bottom: 10px;
    text-align: left;
    color: #968F86;
    line-height: 14px;
    }