body
{
	font: 80%/1.4 Trebuchet MS, serif;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	background-color:#eee;
	color:#333;
}

img { border:none; }

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

a.arrow { background:url(/UI/IMG/icon-arrow.png) 0 0.3em no-repeat; padding:0 0 0 15px; }

h1, h2, h3, h4, h5 { font-size:1.5em; overflow:hidden; display:block; line-height:normal; margin: 0.2em 0em 0.6em 0em; }
h2 { font-size:1.3em; margin: 0em 0em 0.1em 0em; }
h3 { font-size:1.1em; margin: 0em 0em 0.1em 0em; }

ul { margin:0; padding:0 0 16px 16px; }
ul li { list-style-image: url(/UI/IMG/body-li.png); }

.xform-field,
.xform-textarea { background-color:#e9e9e9; border-top:1px solid #7b7b7b; border-right:1px solid #c3c3c3; border-bottom:1px solid #dcdcdc; border-left:1px solid #c3c3c3; width:194px; font-family:Trebuchet MS!important; }

.xform-textarea { width:400px; height:136px; overflow:hidden; }

p { margin: 0 0 1em 0; padding: 0; }
.introduction { font-weight:bold; }
div.introduction { margin:0 0 1em 0; }
.date { color:#666; }
.clear { clear:both; }

/* --------- Image format ----------- */
img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
    float: left;
}
img.toprightfloatingimage
{
	float: right;
	vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1em;
}

body form { width:968px; margin:0 auto; text-align:left; }

#Document
{
	background:url(/UI/IMG/document-bg.gif) 0 0 repeat-y;
	padding:0 9px;
}

#HeaderArea
{
	background:url(/UI/IMG/header-bg.png) 0 0 no-repeat;
	width:950px;
	height:109px;
	overflow:hidden;
}

#Header { height:54px; }

ul#Functions { float:right; width:190px; margin:1px 0 0 0; padding:0; }
ul#Functions li { display:inline; padding:0 5px 0 5px; }
ul#Functions li a { text-decoration:none; font-weight:bold; }
ul#Functions li a:hover { color:#fff; }
ul#Functions li a.searchButton { background:url(/UI/IMG/icon-magnify.png) 0 50% no-repeat; padding:1px 0 2px 18px; }

#Logotype { float:left; margin:7px 0 0 36px; }

#MainNavigation { margin:24px 0 0 0; }
#MainNavigation	ul	{ margin:0; padding:0; }
#MainNavigation	ul li	{ display: inline; padding:0; margin:0 0 0 28px; }
#MainNavigation	ul li a { font-weight:bold; font-size:1.1em; color:#333; text-decoration:none; }
#MainNavigation	ul li.selected a,
#MainNavigation	ul li a:hover { color:#fff; }

#SubNavigation { border:1px solid #dadada; margin-bottom:15px; }
#SubNavigation h2 { background:url(/UI/IMG/submenu-li-bg.png) 0 0 no-repeat; font-size:1.1em; padding:10px 6px 7px 12px; margin:0; }
#SubNavigation ul { margin:0; padding:0; }
#SubNavigation ul li { list-style-image:none; list-style-type:none; background-image:url(/UI/IMG/submenu-li-bg.png); background-position: 0 0; background-repeat: no-repeat; border-top:1px solid #dadada; padding:3px 0 0 0; }
#SubNavigation ul li a { padding:0 6px 3px 12px; display:block; }
#SubNavigation ul li.selected { background-image:url(/UI/IMG/submenu-li-expanded-bg.png); background-position: 0 0; background-repeat: no-repeat; }
#SubNavigation a { text-decoration:none; font-weight:bold; font-size:0.9em; }
#SubNavigation ul li a.active { color:#7f7f7f; }
#SubNavigation ul li ul { background-color:#eaeaea; border-top:1px solid #dadada; padding:5px 0; }
#SubNavigation ul li ul li { background-image:url(/UI/IMG/submenu-li-arrow.png)!important; background-position: 12px 7px!important; background-repeat: no-repeat!important; border:none; padding:0 0 0 6px; }
#SubNavigation ul ul ul { border:none; }

#Grid { padding:18px 14px; }

#NavigationArea { width:220px; float:left; overflow:hidden; }
#BodyArea { width:482px; float:left; overflow:hidden; }
#SecondaryBodyArea { width:220px; float:right; overflow:hidden; }

#StageArea { height:160px; }
#StageArea img.hidden
{
	display:none;	
}

#BodyArea .padding { padding:0 32px; overflow:hidden; }
#BodyArea .padding .image { margin:0 0 20px 0; }

#BodyArea ul li,
#SecondaryBodyArea ul li { line-height:2em; }
#SecondaryBodyArea ul.list li { line-height:normal; }

#ResultArea { padding:20px 0 0 0; }
#ResultArea h2 { padding:10px 0; }
#ResultArea ol { margin:0; padding:0 0 0 20px; }

#FooterArea
{
	padding:10px 0 5px 0;
	color:#fff;
	background-color:#474747;
}

#FooterArea a { color:#fff; }

#List {}
#List .item { margin-bottom:18px; }
#List .item a { font-size:1.1em; font-weight:bold; }

.module { background:url(/UI/IMG/module-foot.png) 0 100% no-repeat; padding:0 0 5px 0; margin:0 0 14px 0; position:relative; overflow:hidden; font-size:0.9em; }
.module h2 { background:url(/UI/IMG/module-head.png) 0 0 no-repeat; padding:8px 8px 4px 18px; color:#fff; font-size:1.1em; margin:0; }
.module .body { background:url(/UI/IMG/module-body.png) 0 0 repeat-y; }
.module .body .text { padding:8px 8px 10px 18px; }
.module .body ul.list { margin:0; padding:0; list-style:none; }
.module .body ul.list li { list-style-image:none; margin-bottom:1.2em; }
.module .image { margin:0 1px; padding:0; overflow:hidden; }

#BodyArea .module { border-bottom:1px dotted #333; font-size:1em; }
#BodyArea .module,
#BodyArea .module h2,
#BodyArea .module .body { background:none; }
#BodyArea .module h2 { color:#333; font-size:1.25em; padding:8px 0 4px 0!important; }
#BodyArea .module .text { padding:8px 0 10px 0!important; }
/* Pager */
.pager { margin: 10px 0 20px 0; }
.pager ul { margin: 0px; padding: 0px; }
.pager li { display: inline; padding: 0px 6px 0px 0; }
.pager li.current { color:#999; }
/* End of Pager */