/* =========== GENERAL */

*
{
	margin:0px;
	padding:0px;
	font-family:Arial,Helvetica,Sans-Serif;
/*	border:solid red 1px;*/
}

span.bg-eii-isn-scs7
{	background-color:#446a50;	}

span.bg-eii-isn-scs8
{	background-color:#51688e;	}

span.bg-iefean-sdf-scs5
{	background-color:#918800;	}

.coverhide
{	visibility:hidden;	}

.covershow
{	visibility:visible;	}

.scrollon
{}

img
{	border:none;	}

.name
{	color:#ffffff;	}

.align_right
{	text-align:right;	}

.align_left
{	text-align:left;	}


/* ================= MAIN STRUCTURE */

html,
body
{
	height:100%;
	min-width:800px;
	min-height:600px;
	background-color:#000;
	margin:0px;
	padding:0px;
}

div#container
{
	overflow:hidden;
	min-height:100%;
	position:relative;
}

div#scrollcontainer
{
	width:3360px;
	height:1418px;
	position:relative;
	background-repeat:no-repeat;
}

div#header
{
	position:absolute;
	width:100%;
	height:32px;
	z-index:20;
	color:#fff;
	pointer-events:none;
/*	background-color:#f00;*/
	background-image:url("../images/header.png");
	background-repeat:no-repeat;
}

div#body
{
	clear:both;
	overflow:hidden;
	position:absolute;
	height:100%;
	width:100%;
}


div#footer
{
	clear:both;
	position:absolute;
	bottom:0;
	width:100%;
	height:50px;			/* Height of the footer */
	z-index:20;
/*	padding-left:500px;*/
	color:#6a6a6a;
	pointer-events:none;
	background-image:url("../images/blindersbg-pale.png");
}

div#cover
{
	width:3360px;
	height:1418px;
	position:absolute;
	background-image:url("../images/fairydom-title-cover.png");
	background-repeat:no-repeat;
	background-position:-620px 0px;
}

/* --------------- footer */

div.ft_emblems
{
	float:right;
	pointer-events:none;
	margin-right:15px;
	margin-left:20px;
}

div.ft_emblems>img
{	margin:15px 5px;	}

div#ft_debug
{
	visibility:hidden;
	display:inline;
	position:absolute;	
}

div#ft_debug>div
{	display:inline;		}

div#ft_screentips
{
	float:right;
	margin:10px 5px;
	font-size:11px;
}

div#ft_copyright
{
	margin:10px 20px;
	font-size:11px;
	color:#4a4a4a;
}

div#ft_copyright>span
{	color:#757b5e;	}

div#ft_screentips>span
{
	color:#c0dd65;
	font-size:70%;
}

div#ft_disclaimer
{
	margin-top:8px;
	font-size:9px;
}

/* ================= FRAMES */

area
{	cursor:default;	/* changed to pointer by Start() */	}

div.frame
{
	position:absolute;
	visibility:hidden;
	pointer-events:none;
	z-index:5;
}

map#frames
{	z-Index:5;	}

/* -------------- infobox */

div.infobox
{
	position:absolute;
	background-image:url("../images/blindersbg600.png");
	padding:10px 10px;
	background-repeat:repeat-y;
	visibility:hidden;
	z-index:10;
	pointer-events:none;
	bottom:130px;
	height:131px;
	width:600px;
	color:#9f9f9f;
	font-size:13px;
}

div.info_lt
{
	height:100%;
	width:20%;
	float:left;
}

div.info_rt
{
	height:100%;
	width:20%;
	float:right;
}

img.info_crest
{	margin:5px 15px;	}

img.info_fsq
{	margin:5px 15px;	}

div.info_creed
{
	font-style:italic;
	font-size:9px;
	padding-left:15%;
}

div.unknown
{
	color:#3f3f3f;
}

div.info_unitname
{
	font-weight:bold;
	font-variant:small-caps;
	color:#ffffff;
	margin-bottom:3px;
}

div.info_type
{	font-size:80%;	}

table.info_crew
{
	width:60%;
	border-top:solid 1px #3f3f3f;
	margin-top:5px;
	padding-top:5px;
}

table.info_crew td.post
{	
	width:10%;
	font-size:80%;
}

table.info_crew td.rank
{	width:10%;	}

span.genage
{
/*	margin-left:5px;
	margin-right:5px;*/
	font-size:70%;
	color:#9f9f9f;
}

/*
table.info_crew td.1name,table.info_crew td.nname
{	width:10%;	}
	
table.info_crew td.nname
{	font-style:italic;	}

table.info_crew td.fname
{	width:auto;	}
*/

span.nname
{
	font-style:italic;
	color:#c0dd65;
}

span.divider
{	color:#3f3f3f;	}
	

/* ===================== ARROWS */

div.arrow
{
	position:absolute;
	visibility:hidden;
	z-index:10;
	pointer-events:none;
	padding:0px;
	margin:0px;
}

div#arrl
{
	background-image:url("../images/side-l.png");
	background-repeat:repeat-y;
}

div#arrr
{
	background-image:url("../images/side-r.png");
	background-repeat:repeat-y;
}

div#arru
{
	background-image:url("../images/side-tb.png");
	background-repeat:repeat-x;
}

div#arrd
{
	background-image:url("../images/side-bb.png");
	background-repeat:repeat-x;
}

div.arrscale
{
	width:48px;
	height:22px;
	position:absolute;
	background-repeat:no-repeat;
	background-image:url("../images/scale-lr2.png");
}

div#arrlscale
{
	left:14px;
	background-image:url("../images/scale-rl2.png");
}

div#arrrscale
{	right:14px;	}

div#arruscale
{	top:14px;	}

div#arrdscale
{	bottom:14px;	}

/* ---------------- fleetlist */

div#fleetlist	
{
	width:500px;
	height:230px;
	right:0px;
	top:50px;
	position:absolute;
	visibility:hidden;
	z-Index:20;
	background-image:url("../images/blindersbg-pale-fleetlist2.png");
	pointer-events:none;
	background-repeat:repeat-y;
	padding-left:80px;
	padding-right:20px;
}

div#fleetlist a
{
	color:#bfbfbf;
	text-decoration:none;
}

div#fleetlist a:hover
{
	color:#ffffff;
	background-image:url("../images/dot-w10.png");
}

div.fl_col
{
	float:left;width:146px;
	margin:0px 10px;
	font-size:12px;
	font-weight:bold;
	color:#7f7f7f;
}

div.fl_col>ul
{
	list-style-type:none;
	border-top:1px solid #6f6f6f;
	padding-top:5px;
}

div.fl_col>ul>li
{	margin:2px;	}

span.fl_unitcode
{
	font-weight:normal;
	font-size:80%;
	font-family:"Lucida Console",Monaco,monospace;
	margin-left:10px;
}

a.flitem
{	cursor:default;	/* changed to pointer by Start() */	}

div.fl_col>img
{	margin:10px 15px 5px 0px;	}

/* --------- floating boxes */

div.floatbox
{
	position:absolute;
	visibility:hidden;
	z-index:10;
}

div#scrollbox,div#scrolldis
{
	pointer-events:none;
	bottom:75px;
	width:600px;
	height:38px;
}

div#startbutton
{
	position:absolute;
	width:600px;
	height:53px;
	bottom:75px;
	background-image:url("../images/start4.png");
	background-position:0px 0px;
	cursor:pointer;
}

div#startbutton:hover
{	background-position:0px -53px;	}

div#startnotices
{
	position:absolute;
	width:800px;
	height:50px;
	bottom:25px;
	font-size:10px;
	color:#4a4a4a;
	text-align:center;
}

div#snotice_lores
{
	margin-top:5px;
	visibility:hidden;
}

div#snotice_mobile	/* visibility is controlled by PHP */
{
	color:#c0dd65;
	margin-top:5px;
	visibility:hidden;
}

div#goodmorning
{
	right:50px;
	bottom:100px;
	position:absolute;
	z-Index:5;
	color:#8a8a8a;
	font-size:12px;
	font-style:italic;
	pointer-events:none;
}

div.mxg
{
	position:absolute;
	z-Index:4;
	/*pointer-events:none;*/
	background-position:0px 0px;
}

div#mxg_mxcar
{
	width:140px;
	height:39px;
	left:2301px;
	top:1188px;

	background-image:url("../images/mxg-mxcar.png");
}

div#mxg_guard
{
	width:16px;
	height:33px;
	left:2827px;
	top:1189px;

	background-image:url("../images/mxg-guard.png");
}

div.mxg_info
{
	width:200px;
	height:30px;
	position:absolute;
	visibility:hidden;
	padding:5px;
	font-size:9px;
	color:#7f7f7f;
	z-Index:4;
	background-image:url("../images/dot-b50.png");
}

div#mxg_mxcar_info
{
	left:2301px;
	top:1227px;
}

div#mxg_guard_info
{
	left:2827px;
	top:1222px;
}

div#transmission
{
	top:20px;
	right:20px;
	width:350px;

	position:absolute;
	z-Index:5;
	color:#6a6a6a;
	font-size:12px;
	font-style:italic;
	pointer-events:none;
}

div#transmission>img
{
	float:right;
	margin-top:0px;
	margin-left:10px;
}

div#disclaimer_full
{
	left:20px;
	bottom:70px;
	width:500px;
	position:absolute;
	z-Index:5;
	color:#6a6a6a;
	font-size:9px;
	font-style:italic;
	pointer-events:none;
}

div#disclaimer_full>strong
{
	font-weight:bold;
/*	text-decoration:underline;*/
}