body { 
	padding: 0px;
	margin: 0px;
	line-height: 120%;
}

h1,h2,h3,h4,p,ul,ol,li,div,td,th,blockquote,nobr,b,i,strong { font-family:Arial,sans-serif; }

li { margin-bottom: 5px; }

code { font-weight: bold;}


ul { margin-top:3px; padding-left:2em; }

h1 { font-size:24px; margin-bottom:10px; margin-top:4px; }
h2 { font-size:20px; margin-bottom:7px; margin-top:3px;}
h3 { font-size:16px; margin-bottom:4px; margin-top:2px; }
h4 { font-size:14px; margin-bottom:2px; margin-top:1px; }

.darken { color:#777777; }
.submenu { font-size:10px; }
.submenu li { margin-bottom: 0px; line-height: 110%; }
.menu { font-size:12px; }
table.menu { border-width: 0px; }
.menu .active { font-weight: bold; }
.menu .inactive { color: #888; }
.small { font-size:80%; }

a:link,a:visited { text-decoration:none }
a:hover,a:active,a:focus { text-decoration:underline }

.rounded {
	-moz-border-radius: 10px 10px 10px 10px; 
	border-radius: 10px 10px 10px 10px; 
	padding: 5px 5px 5px 5px; 
}
.floatright { float: right; margin: 10px 10px 10px 10px; }
.floatleft { float: left; margin: 10px 10px 10px 10px; }

/* Color related entries for simple adjustment */

body { 
	color:#012;
	background-color: #fff;
}
.header {
	background-color: #eef;
}
h1,h2,h3,h4 { color:#028; }

.sectionback { background-color:#ccf; }
.subsectionback { background-color:#eef; }

div.newsBox {	background-color: #ddf; }
div.FAQBox {	background-color: #ddf; }

a:link    { color:#04c; }
a:visited { color:#008; }
a:hover,a:active,a:focus { color: #00e; }

.header,.mainPanel,.leftPanelContent,.rightPanelControlItem,
.leftPanelControlItem,.rightPanelContent,.leftPanelControlStretcher,
.rightPanelControlStretcher {
	border-color: #66f;
	border-style: solid;
}

.header,.mainPanel {
	-moz-border-image: url(images/themes/LCARSblue/border/full.png) 7 0 2 15 repeat;
	border-image: url(images/themes/LCARSblue/border/full.png) 7 0 2 15 repeat;
	border-width: 7px 0px 2px 15px;
	padding: 5px 5px 5px 5px;
}

.leftPanelContent,.rightPanelControlItem {
	-moz-border-image: url(images/themes/LCARSblue/border/lefttab.png) 7 0 2 15 repeat ;
	border-image: url(images/themes/LCARSblue/border/lefttab.png) 7 0 2 15 repeat ;
	border-width: 7px 0px 2px 15px;
	padding: 5px 5px 5px 5px;
}

.leftPanelControlItem,.rightPanelContent {
	-moz-border-image: url(images/themes/LCARSblue/border/righttab.png) 7 6 2 0 repeat;
	border-image: url(images/themes/LCARSblue/border/righttab.png) 7 6 2 0 repeat;
	border-width: 7px 6px 2px 0px;
	padding: 5px 5px 5px 5px;
}

.leftPanelControlStretcher {
	-moz-border-image: url(images/themes/LCARSblue/border/rightnotab.png) 0 0 0 2 repeat;
	border-image: url(images/themes/LCARSblue/border/rightnotab.png) 0 0 0 2 repeat;
	border-width: 0px 0px 0px 2px;
	padding: 5px 5px 5px 5px; 
}

.rightPanelControlStretcher {
	-moz-border-image: url(images/themes/LCARSblue/border/leftnotab.png) 0 2 0 0 repeat;
	border-image: url(images/themes/LCARSblue/border/leftnotab.png) 0 2 0 0 repeat;
	border-width: 0px 2px 0px 0px;
	padding: 5px 5px 5px 5px;
}

.header {
	position: absolute; 
	top: 20px; left: 20px; right: 20px;
	height: 90px;
	z-index: 40;
}

div.gallery { 
	float: left;
	margin: 5px 10px 5px 10px;
	width: 10em; height: 20ex;
	background-color:#ccccff; 
	margin-top:12px; 
	border: 2px solid #66f; 
	padding: 6px; 
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}

div.gallery img {
	width: 8em; 
}

.header img {
	position: absolute;
	top: 15px; left: 40px;
}

.header div {
	position: absolute;
	top: 15px; left: 220px;
}

.langbox {
	text-align: right; 
	position: absolute; 
	top: 30px; right: 30px;
	width: 20%; 
	height: 40px;
	z-index: 50;
}

.leftPanel {
	overflow: hidden; 
	position: absolute;
	top: 140px; left: 20px;
	width: 200px; bottom: 20px;
	z-index: 75;
}

.leftPanelContent {
	overflow: hidden; 
	position: absolute;
	top: 0px; left: 0px; right: 60px; bottom: 0px;
	z-index: 76;
}

.leftPanelControl {
	overflow: hidden; 
	position: absolute;
	top: 0px; right: 0px; bottom: 52px;
	width: 60px;
	z-index: 77;
}

.leftPanelControlItem {
	width: 43px;
	height: 35px;
	z-index: 78;
	text-align: center;
}

.leftPanelControlItem img {
	border-width: 0px;
}

.leftPanelControlStretcher {
	width: 47px; 
	max-height: 100%;
	z-index: 79;
}

.leftPanelControlItemClose {
	position: absolute;
	bottom: 0px; right: 0px;
	width: 44px;
}

.mainPanel {
	overflow: auto; 
	position: absolute;
	top: 140px; left: 240px; bottom: 20px; right: 240px;
	z-index: 65;
}

.mainLeft {
	position: absolute;
	width: 43%;
	left: 5%;
}

.mainRight {
	position: absolute;
	width: 43%;
	right: 5%;
}

.rightPanel {
	overflow: hidden; 
	position: absolute;
	top: 140px; right: 20px; bottom: 20px;
	width: 200px; 
	z-index: 75;
}

.rightPanelContent {
	overflow: hidden; 
	position: absolute;
	top: 0px; left: 60px; right: 0px; bottom: 0px;
	z-index: 76;
}

.rightPanelControl {
	overflow: hidden; 
	position: absolute;
	top: 0px; left: 0px; bottom: 52px;
	width: 60px; 
	z-index: 77;
}

.rightPanelControlItem {
	width: 43px; 
	height: 35px;
	z-index: 78;
}

.rightPanelControlItem img {
	border-width: 0px;
}

.rightPanelControlStretcher {
	width: 49px; 
	max-height: 100%;
	z-index: 79;
}

.rightPanelControlItemClose {
	position: absolute;
	bottom: 0px; left: 0px;
	width: 36px;
}

.littable {
	width: 90%; 
	border:1px solid #aaf; 
	padding: 5px 5px 5px 5px; 
	background-color: #66f;
}
.cooptable {
	margin: 10px 10px 10px 10px;
	width: 90%;
	background-color: #eef;
}

div.newsBox {
	text-align: right; 
	padding: 2px 3px 1px 6px;
}
div.FAQBox {	
	padding: 2px 3px 1px 6px;
}
div.FAQBox div,div.newsBox div {
	background-color: #fff;
	padding: 1ex 1em 1px 1em;
}

div.FAQBox div.FAQBack {
	float: right;
	background-color: transparent;
	padding: 1px;
	margin: 2px 4px 0px 0px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
}

div.newsBox span {
	font-size: 70%;
}

div.article {
  border:1px solid #aaf;   
  padding: 5px 5px 5px 5px;
  background-color: #ccf;
	min-height: 150px;
	margin-bottom: 10px;
}

div.article h2 {
	background-color: #aaf;
	padding: 5px 5px 5px 5px;
	margin: -6px -6px 6px -6px;
}

a.infobox { border-bottom: 2px dotted #ccf; text-decoration:none; }
a.infobox:hover { cursor:help; color: #f00; }
a.infobox > span { visibility:hidden;  display:block; position:absolute; 
	left:-99em; margin-top:0.5em; padding:1em; text-decoration:none; 
	width: 70%; text-align:left;
}
a.infobox:hover > span { visibility:visible; left:15%; 
	border:1px solid #66f; color: #008; background:white; font-size:80%; 
}

div.MovieDiv {
	position: fixed;
	visibility: hidden;
	top: 20px; right: 40px;
	background-color: #ffffff;
	padding: 6px;
	border-width: 3px;
	border-style: outset;
	border-color: #888888;
	z-index: 8000;
	line-height: 100%;
}

div.MovieDiv div.MDClose {
	position: absolute; 
	top: -15px; right: 5px;
	height: 10px;
	border-width: 3px 3px 0px 3px;
	border-style: solid;
	border-color: #ccc;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
	padding: 2px 10px 0px 10px;
	background-color: #fff;
	z-index: 8001;
}

div.H5video {
  background-color: #111; 
  -moz-border-radius: 10px 10px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  padding: 6px;
  z-index: 8000;
}

div.H5video p {
	font-size: 50%;
	line-height: 10%;
	z-index: 10;
	color: #666;
}

img.flashicon {
	border-bottom: 2px solid #99f;
	border-right: 2px solid #99f;
	border-top: 2px solid #aaf;
	border-left: 2px solid #aaf;
	padding: 2px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}

a:hover img.flashicon {
	border-bottom: 2px solid #c00;
	border-right: 2px solid #c00;
	border-top: 2px solid #f00;
	border-left: 2px solid #f00;
	padding: 2px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}

span.button,span.checkbox,span.choicebox,span.dropbox,span.script,span.key { 
	font-family: Courier,monospace; 
	font-weight:bold; 
	line-height:4ex; 
	padding-top:0.5ex; padding-bottom:0.5ex; padding-left:0.5em; padding-right:0.5em; 
}
span.button,span.checkbox,span.choicebox,span.dropbox {
	background-color:#eee;
}
span.checkbox:before { content:"[x] ";}
span.choicebox:before { content:"<";}
span.choicebox:after { content:">";}
span.dropbox:after { content:" [^]"; }
span.script { background-color:#fee; }
span.key { 
	-moz-border-radius: 5px 5px 5px 5px; 
	border-radius: 5px 5px 5px 5px; 
	background-color:#f0f0d0;
}
span.window { 
	font-family: Courier,monospace; 
	font-weight:bold; 
	line-height:4ex; 
	padding-top:0.2ex; padding-bottom:0.2ex; 
	padding-left:0.5em; padding-right:0.5em;
	background-color:#2222cc; color:#ffffff; 
}
span.HUDgreen { 
	font-family: Courier,monospace; 
	font-weight:bold; 
	padding-top:0.1ex; padding-bottom:0.1ex; 
	padding-left:0.4em; padding-right:0.4em; 
	background-color:#000000; color:#88ff88; 
}