/******************************************************************************
*	Core Colors
*	
*	DARK:
*	Blue: #0080c0 (Navigation background)
*	Green: #008000
*	Red: #892034
*	
*	LIGHT:
*	Blue: #dceef4 (Table Header background)
*	Green: #c2dac2
*	Red: #ffe8e8
******************************************************************************/


/******************************************************************************
*	Size Legend
*	
*	offsetHeight/Width: Includes viewable space + padding + border
*	clientHeight/Width: Includes viewable space + padding
*	scrollHeight/Width: Includes total space (viewable or not) + padding (*)
*	
*	NOTES:
*	(*) Varies between browsers.
******************************************************************************/


/******************************************************************************
*	Body
******************************************************************************/
body, body * 
{
	margin: 0;
	padding: 0;
}

body 
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
	background-color: #000000;
    color: #333;
    font-family: Lucida Grande, Verdana, Lucida Sans Unicode, sans-serif;
    font-size: 10pt;
	cursor: default;
}


/******************************************************************************
*	Site Layout
******************************************************************************/
#dEC2
{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	
	overflow: auto;
	
	min-height: 500px;
	min-width: 1000px;
	
	z-index: 0;
}

#dControl
{
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	
	height: 30px;
	
	overflow: hidden;
	z-index: 5;
}

#dWebSpace
{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;

    /* background-color: #cccccc; */
	overflow: hidden;
	z-index: 1;
}

#dLaunchPad
{
	position: fixed;
	right: 0px;
	bottom: 0px;
	left: 0px;
	
	height: 65px;

	/*overflow:hidden;*/
	z-index: 5;
}

#dControl_Frame
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;

	border-bottom: 1px solid #333333;
	
	overflow: hidden;
	z-index: 51;
}

#dLaunchPad_Frame
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;

	border-top: 1px solid #333333;
	
	overflow: hidden;
	z-index: 51;
}

#dControl_HTML
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;

	padding: 2px 5px;
	
	color: #efefef;
	
	overflow: hidden;
	z-index: 52;
}

#dLaunchPad_HTML
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;

	color: #efefef;
	text-align: center;

	/* overflow: hidden; */
	z-index: 52;
}

#dWebSpace_Background
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;

	overflow: hidden;
	z-index: 2;
}

#dWebSpace_Stars
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;

	overflow: hidden;
	z-index: 2;
}


/******************************************************************************
*	LaunchBar Icons
******************************************************************************/
.LBI
{
	width: 50px;
	height: 50px;
	margin: 5px 10px;
	display: inline-block;
	cursor: pointer;
}

.LBI_Active 
{
	position: absolute;
	top: -4px;
	left: -2px;
	height: 60px;
	width: 54px;
	
	border-bottom: 3px solid #ffffff;
	
	cursor: pointer;

	z-index: 1;
}

.LBI_Title 
{
	position: absolute;
	top: 0px;
	left: -48px;
	width: 144px;
	
	text-align: center;
	
	z-index: 4;
}

.LBI_Title_Background
{
	position: absolute;
	top: 0px;
	left: -48px;
	width: 144px;
	
	z-index: 3;
}

.LBI_Icon 
{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	
	font-size: 33pt;
	
	cursor: pointer;

	z-index: 2;
}


/******************************************************************************
*	Mobile
******************************************************************************/
@media screen and (max-width: 750px) {
	body, body * 
	{
		text-align: left;
	}

	#dLaunchPad
	{
		height: 45px;
	}
	
	.LBI
	{
		width: 30px;
		height: 30px;
		margin: 5px 5px;
	}
	
	.LBI_Active 
	{
		position: absolute;
		top: -4px;
		left: -2px;
		height: 40px;
		width: 34px;
	}

	.LBI_Icon 
	{
		font-size: 18pt;
	}

	.no-mobile {
		display: none;
	}

	h1 {
		font-size: medium !important;
	}

	.mobile-image {
		height: inherit;
		width: 100%;
		float: left;
	}
}


/******************************************************************************
*	Links
******************************************************************************/
a, a *, a:active, a h3, h3 a, a.headline  { color:#0080C0; text-decoration:none; outline:none }
a:visited { color:#0080C0; }
a:hover { color:#892034; }


/******************************************************************************
*	Divs
******************************************************************************/
div { position:relative; border:0; padding:0; margin:0; }


/******************************************************************************
*	Tables
******************************************************************************/
table { border-collapse:collapse; padding:0; margin:0; height:auto; width:auto; }
table tbody { border:0; padding:0; margin:0; }
table tr { border:0; padding:0; margin:0; }
table th { border:0; padding:0; margin:0; text-transform:uppercase; }
table td { border:0; padding:0; margin:0; }

table.Grid { border-collapse:separate; padding:0; margin:0; height:100%; width:100%; }
table.Grid tbody { border:0; padding:0; margin:0; }
table.Grid tr { border:0; padding:0; margin:0; }
table.Grid th { border:0; padding:0; margin:0; text-transform:uppercase; }
table.Grid td { border:0; padding:0; margin:0; }


/******************************************************************************
*	Buttons
******************************************************************************/
.button
{
	background-color:#eeeeee;
	border:1px solid #bbbbbb;
	padding:2px 6px 2px 6px;
	line-height:1.2em;
	color:#666666;
	text-align:center;
	text-transform:uppercase;
	font-size:10pt;
	letter-spacing:0.05em;
}
.button:hover 
{
	border-color:#999999;
	color:#555555;
}


/******************************************************************************
*	Fonts
******************************************************************************/
.f8 { font-size:8pt; }
.f10 { font-size:10pt; }
.f12 { font-size:12pt; }
.f14 { font-size:14pt; }
.f16 { font-size:16pt; }
.f18 { font-size:18pt; }
.f20 { font-size:20pt; }
.f24 { font-size:24pt; }
.f28 { font-size:28pt; }
.f32 { font-size:32pt; }
.f36 { font-size:36pt; }


/******************************************************************************
*	Custom Classes
******************************************************************************/
.border { border:1px solid #999999; }
.border-top { border-top:1px solid #999999; }
.border-bottom { border-bottom:1px solid #999999; }

.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.align-justify { text-align:justify; }
.align-top { vertical-align: top; }

.float-left { float:left; }
.float-right { float:right; }
.clear { clear:both; }

.pad { padding:5px; }
.pad-sides { padding:0 5px 0 5px; }
.pad-levels { padding:5px 0 5px 0; }

.pad2 { padding:2px; }
.pad2-sides { padding:0 2px 0 2px; }
.pad2-levels { padding:2px 0 2px 0; }

.pad10 { padding:10px; }
.pad10-sides { padding:0 10px 0 10px; }
.pad10-levels { padding:10px 0 10px 0; }

.no-wrap { white-space: nowrap; }
.no-margin { margin: 0; }
.no-padding { padding: 0; }
.no-space { margin: 0; padding: 0; }
.no-overflow { overflow: hidden; }
.no-visible { visibility: hidden; }

.light { font-weight: normal; }
.bold { font-weight: bold; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

.full-width { width: 100%; }
.hidden { display: none; }
.block { display: block; }
.inline { display: inline; }
.visible { visibility: visible; }
.pointer { cursor: pointer; }

.translucent
{
	background-color:#000000;
	
	filter:alpha(opacity=75);
	opacity:0.75;
	-moz-opacity:0.75;
}

.fade
{
	filter:alpha(opacity=50);
	opacity:0.50;
	-moz-opacity:0.50;
}

.fill { position:absolute; top:0px; right:0px; bottom:0px; left:0px; }
.fill-1 { position:absolute; top:1px; right:1px; bottom:1px; left:1px; }
.fill-3 { position:absolute; top:3px; right:3px; bottom:3px; left:3px; }
.fill-5 { position:absolute; top:5px; right:5px; bottom:5px; left:5px; }
.fill-rl { position:absolute; top:0px; bottom:0px; }
.fill-tb { position:absolute; right:0px; left:0px; }
.fill-0 { position:absolute; }

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/******************************************************************************
*	Colors
******************************************************************************/
.blue, .blue *, .blue-text, .blue-text * { color:#0080C0 }
.green, .green *, .green-text, .green-text * { color:#008000 }
.red, .red *, .red-text, .red-text * { color:#892034 }
.gray, .gray *, .gray-text, .gray-text * { color:#999 }

.lightblue, .lightblue *, .lightblue-text, .lightblue-text * { color:#c5eaf7 }
.lightgreen, .lightgreen *, .lightgreen-text, .lightgreen-text * { color:#dcffcc }
.lightred, .lightred *, .lightred-text, .lightred-text * { color:#ffe8e8 }

.lightbluebg, .lightbluebg * { background-color:#c5eaf7 }
.lightgreenbg, .lightgreenbg * { background-color:#dcffcc }
.lightredbg, .lightredbg * { background-color:#ffe8e8 }
.lightyellowbg, .lightyellowbg * { background-color:#fff0aa }
.lightgraybg, .lightgraybg * { background-color:#dcdcdc }