/* reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {

	margin: 0; 

	padding: 0;

}



fieldset,img {  

	border: 0; 

} 



option {

	padding-left: 0.4em;

}



html {

	height: 100%;

	margin-bottom: 1px;

}

	

body { 

	position: relative; 

} 

	

/* page setup */

body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	line-height: 150%;

	color: #646464;

}



body#page {

	background: #000000;

}



/* set body font size (styleswitcher) */

body.font-small {

	font-size: 11px;

}



body.font-medium {

	font-size: 12px;

}



body.font-large {

	font-size: 13px;

}



div#dogear {

	position: absolute;

	z-index: 10;

	top: 0px;

	left: 0px;

	width: 135px;

	height: 135px;

}



div#dogear img {

	width: 135px;

	height: 135px;

}



div#toppanel-container {

	position: absolute;

	top: 0px;

	left: 50%;

	margin-left: -50%;

	width: 100%;

	z-index: 4;

}



div#toppanel-wrapper {

	height: 0px;

	margin: 0px;

	padding: 0px;

	overflow: hidden;

}



div#toppanel {

	position: relative;

	z-index: 4;

	margin-top: -320px;

	width: 100%;

	height: 320px;

	background: #000000 url(../images/toppanel_bg.png) 0 100% repeat-x;

	color: #969696;	

}



div#toppanel .panel {

	margin: auto;

	width: 600px;

	height: 300px;

	padding: 0px 0px 0px 0px;

	overflow: hidden;

}



div#toppanel .close {

	width: 50px;

	height: 15px;

	margin-top: 23px;

	padding: 0px 0px 0px 0px;

	border: 1px solid #646464;

	background: #1e1e1e;

	float: right;

	overflow: hidden;

	text-align: center;

	font-size: 85%;

	line-height: 150%;

	cursor: pointer;

}



div#toppanel .cpanel {

	clear: both;

}



div#toppanel-container .trigger {

	position: relative;

	z-index: 6;

	top: 0px;

	left: 50%;

	width: 120px;

	margin-left: -60px;

	cursor: pointer;

}



div#toppanel-container .trigger img {

	width: 20px;

	height: 19px;

	border: 0px;

}



div#toppanel-container .trigger-l, div#toppanel-container .trigger-r {

	float: left;

}



div#toppanel-container .trigger-m {

	width: 80px;

	height: 19px;

	background: url(../images/toppanel_trigger_m.png) 100% 0 repeat-x;

	float: left;

	text-align: center;

	font-size: 85%;

	line-height: 150%;

	overflow: hidden;

	color: #ffffff;

}



/* layout */

div.wrapper {

	margin: auto;

}



div#page-header {

	background: #ffffff url(../images/page_bg.png) 50% 0 repeat-x;

}



body.red div#page-header {

	background: #ffffff url(../images/page_bg_red.png) 50% 0 repeat-x;

}



body.blue div#page-header {

	background: #ffffff url(../images/page_bg_blue.png) 50% 0 repeat-x;

}



body.green div#page-header {

	background: #ffffff url(../images/page_bg_green.png) 50% 0 repeat-x;

}



body.yellow div#page-header {

	background: #ffffff url(../images/page_bg_yellow.png) 50% 0 repeat-x;

}



body.lilac div#page-header {

	background: #ffffff url(../images/page_bg_lilac.png) 50% 0 repeat-x;

}



div#header {

	position: relative;

	height: 160px;

	margin: 0px 20px 0px 20px;

}



span#logo, img#logo {

	position: absolute;

	top: 10px;

	left: 0px;

	width: 230px;

	height: 80px;

	border: 0;

}



div#styleswitcher {

	position: absolute;

	top: 15px;

	right: 25px;

	height: 20px;

}



div#styleswitcher a {

	width: 15px;

	height: 20px;

	float: right;

	text-decoration: none;

	display: block;

}



a#switchfontsmall {

	background: url(../images/styleswitcher_fontsmall.png) 0 0 no-repeat;

}



a:hover#switchfontsmall {

	background: url(../images/styleswitcher_fontsmall_hover.png) 0 0 no-repeat;

}



a#switchfontmedium {

	background: url(../images/styleswitcher_fontmedium.png) 0 0 no-repeat;

}



a:hover#switchfontmedium {

	background: url(../images/styleswitcher_fontmedium_hover.png) 0 0 no-repeat;

}



a#switchfontlarge {

	background: url(../images/styleswitcher_fontlarge.png) 0 0 no-repeat;

}



a:hover#switchfontlarge {

	background: url(../images/styleswitcher_fontlarge_hover.png) 0 0 no-repeat;

}



a#switchwidththin {

	background: url(../images/styleswitcher_widththin.png) 0 0 no-repeat;

}



a:hover#switchwidththin {

	background: url(../images/styleswitcher_widththin_hover.png) 0 0 no-repeat;

}



a#switchwidthwide {

	background: url(../images/styleswitcher_widthwide.png) 0 0 no-repeat;

}



a:hover#switchwidthwide {

	background: url(../images/styleswitcher_widthwide_hover.png) 0 0 no-repeat;

}



a#switchwidthfluid {

	background: url(../images/styleswitcher_widthfluid.png) 0 0 no-repeat;

}



a:hover#switchwidthfluid {

	background: url(../images/styleswitcher_widthfluid_hover.png) 0 0 no-repeat;

}



div#styleswitcher span.spacer {

	float: left;

	width: 20px;

	height: 15px;

	display: block;

}



div#topmenu {

	position: absolute;

	top: 73px;

	right: 160px;

	height: 20px;

}



div#date {

	margin: 0px 10px 0px 0px;

	float: left;

	font-size: 85%;

}



div#search {

	position: absolute;

	top: 65px;

	right: 0px;

	width: 131px;

	height: 24px;

	padding: 6px 0px 0px 30px;

	background: url(../images/search_tab.png) 0 0 no-repeat;

}



div#topmodule {

	position: absolute;

	top: 100px;

	right: 8px;

	height: 45px;

}



div#menu {

	position: absolute;

	top: 110px;

	left: 0px;

	height: 50px;

}



div#menu .overlay {

	position: absolute;

	top: 35px;

	left: 0px;

	width: 100%;

	height: 15px;

	background: url(../images/menu_overlay.png) 0 0 repeat-x;

	z-index: 2;

}



div#page-body {

	background: #ffffff;

}



div#top {

	width: auto;

	padding: 10px 20px 0px 20px;

	clear: both;

}



div#top .topbox {

}



div#top .topboxseperator {

}



div#middle {

	width: auto;

	padding: 10px 0px 0px 0px;

	clear: both;

}



div#middle .background {

	min-height: 140px;

	padding: 0px 20px 0px 20px;

	padding-top: 0;

	overflow: hidden;

}



div#middle .layoutleft {

	background: none;

	padding: 0px 20px 0px 0px;

}



div#middle .layoutright {

	background: none;

	padding: 0px 0px 0px 20px;

}



div#left {

	width: 200px;

	padding: 0px 0px 0px 0px;

}



div#middle .layoutleft div#left {

	float: left;

}



div#middle .layoutright div#left {

	float: right;

}



div#middle .layoutleft div#left .container {

	padding: 0px 0px 0px 20px;

}



div#middle .layoutright div#left .container {

	padding: 0px 0px 0px 0px;

}



div#main {

	width: auto;

}



div#middle .layoutleft div#main {

	margin: 0px 0px 0px 200px;

	padding: 0px 0px 0px 20px;

}



div#middle .layoutright div#main {

	margin: 0px 200px 0px 0px;

	padding: 0px 10px 0px 0px;

}



div#middle .withoutleft div#main {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



div#maintop {

	margin: 0px 0px 10px 0px;

}



div#maintop .maintopbox {

}



div#maintop .maintopboxseperator {

}



div#mainmiddle {

	margin: 10px 0px 10px 0px;

}



div#main .withright {

	background: transparent;

}



div#main .withoutright {

	background: transparent;

}



div#right {

	width: 180px;

	padding: 0px 0px 0px 0px;

	float: right;

}

	

div#content {

	width: auto;

}



div#main .withright div#content {

	margin: 0px 180px 0px 0px;

	padding: 0px 10px 0px 0px;

}



div#main .withoutright div#content {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

}



div#contenttop {

}



div#contenttop .contenttopbox {

}



div#breadcrumb {

	height: 19px;

	font-size: 85%;

	color: #646464;

}



div#mainbottom {

	margin: 10px 0px 10px 0px;

}



div#mainbottom .mainbottombox {

}



div#page-footer {

	min-height: 50px;

	padding: 40px 0px 100px 0px;

}



div#page-footer {

	background: #000000 url(../images/page_bg_footer.png) 50% 0 repeat-x;

}



body.red div#page-footer {

	background: #000000 url(../images/page_bg_footer_red.png) 50% 0 repeat-x;

}



body.blue div#page-footer {

	background: #000000 url(../images/page_bg_footer_blue.png) 50% 0 repeat-x;

}



body.green div#page-footer {

	background: #000000 url(../images/page_bg_footer_green.png) 50% 0 repeat-x;

}



body.yellow div#page-footer {

	background: #000000 url(../images/page_bg_footer_yellow.png) 50% 0 repeat-x;

}



body.lilac div#page-footer {

	background: #000000 url(../images/page_bg_footer_lilac.png) 50% 0 repeat-x;

}



div#bottom {

	width: auto;

	padding: 0px 20px 0px 20px;

	clear: both;

}



div#bottom .bottombox {

}



div#bottom .bottomboxseperator {

}



div#footer {

	width: auto;

	clear: both;

	text-align: center;

	color: #ffffff;

}



/* clearing & floating */

.clearingfix:after {

	content: "."; 

	display: block; 

	line-height: 0px;

	clear: both; 

	visibility: hidden;

}

	

.clearingfix { display: block; }



.floatbox { overflow: hidden; }



.float-left { float: left; overflow: hidden; }

.float-right { float: right; overflow: hidden; }



.width20 { width: 19.999%; }

.width25 { width: 24.999%; }

.width33 { width: 33.333%; }

.width50 { width: 49.999%; }

.width66 { width: 66.666%; }

.width75 { width: 74.999%; }

.width100 { width: 100%; }



#logo{ width:auto; float:left;padding-top:10px}

#cn-en{ position:absolute; right:120px; top:15px;}body.width-thin div.wrapper { width: 780px; }body.width-wide div.wrapper { width: 940px; }body.width-fluid div.wrapper { width: 90%; }div#styleswitcher { width: 110px; }p {
	margin: 1em 0;
}

td, th { 
  padding: 1px;
}

a:link, a:visited {
	color: #e15000;
	text-decoration: none;
}

a:hover {
	color: #eb7800;
	text-decoration: underline;
}

body.red a:link, body.red a:visited { color: #dc3200; }
body.red a:hover { color: #ff0000; }
body.blue a:link, body.blue a:visited { color: #005ab4; }
body.blue a:hover { color: #00aaff; }
body.green a:link, body.green a:visited { color: #46821e; }
body.green a:hover { color: #64c832; }
body.yellow a:link, body.yellow a:visited { color: #ff6400; }
body.yellow a:hover { color: #ffa000; }
body.lilac a:link, body.lilac a:visited { color: #aa00aa; }
body.lilac a:hover { color: #e600e6; }

ul {
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 15px;
}

ul.arrow, ul.arrow-big, ul.checkbox, ul.checkbox-big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.checkbox li {
	margin: 10px 0px 10px 0px;
	padding: 8px 0px 5px 30px;
	background: url(../images/list_checkbox.png) 0 0 no-repeat;
	font-weight: bold;
	line-height: 100%
}

ul.checkbox-big li {
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 20px 55px;
	background: url(../images/list_checkbox_big.png) 0 0 no-repeat;
	font-size: 200%;
	font-weight: bold;
}

ul.arrow li {
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 10px 35px;
	background: url(../images/list_arrow.png) 0 0 no-repeat;
	font-weight: bold;
}

ul.arrow-big li {
	margin: 15px 0px 15px 0px;
	padding: 10px 0px 30px 60px;
	background: url(../images/list_arrow_big.png) 0 0 no-repeat;
	font-size: 200%;
	font-weight: bold;
}

ol {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

ol.disc {
	padding: 0px 0px 0px 27px;
	background: url(../images/list_disc.png) 0 0 repeat-y;
}

ol.disc li {
	padding: 0px 0px 6px 12px;
	font-weight: bold;
	line-height: 28px;
}

ol.disc-big {
	padding: 0px 0px 0px 45px;
	font-size: 200%;
	background: url(../images/list_disc_big.png) 0 0 repeat-y;
}

ol.disc-big li {
	padding: 0px 0px 12px 20px;
	font-weight: bold;
	line-height: 45px;
}

div.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0;
	text-align:justify;
}

div.alert {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(../images/div_alert.png) 3px 3px no-repeat;
	text-align:justify;
}

div.download {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(../images/div_download.png) 3px 3px no-repeat;
	text-align:justify;
}

div.info {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(../images/div_info.png) 3px 3px no-repeat;
	text-align:justify;
}

div.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
	border: 1px solid #dcdcdc;
	background: #f0f0f0 url(../images/div_tip.png) 3px 3px no-repeat;
	text-align:justify;
}

blockquote {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	background: url(../images/blockquote_start.png) 0 0 no-repeat;
	text-align:justify;
}

blockquote div {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../images/blockquote_end.png) 100% 100% no-repeat;
}

blockquote.big {
	margin: 10px 0px 10px 0px;
	padding: 50px 50px 50px 50px;
	background: url(../images/blockquote_big_start.png) 0 0 no-repeat;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 300%;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
}

blockquote.big div {
	margin: 0px -50px -50px 0px;
	padding: 0px 30px 50px 0px;
	background: url(../images/blockquote_big_end.png) 100% 100% no-repeat;
}

pre {
	margin: 2px 0px 2px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #969696;
	border-left: 20px solid #969696;
	background: #f0f0f0;
	font-size: 90%;
	color: #646464;
	/* Browser specific (not valid) styles to make preformatted text wrap */
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}

em.box, em.file, em.directory {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

em.box { 
	padding: 0px 2px 0px 2px;
	background:#f0f0f0;
	border: 1px #dcdcdc solid;
}

em.file { 
	padding: 0px 0px 0px 13px;
	background: transparent url(../images/em_file.png) 0 1px no-repeat;
	color: #323232;
}

em.directory { 
	padding: 0px 0px 0px 16px;
	background: transparent url(../images/em_directory.png) 0 1px no-repeat;
	color: #323232;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
	line-height: 100%;
}

h1 {
	font-size: 300%;
	font-weight: normal;
	color: #000000;
}

h2 {
	font-size: 250%;
	color: #b4b4b4;
}

h3 {
	font-size: 200%;
}

h4 {
	font-size: 175%;
	font-weight: normal;
	color: #000000;
}

h5 {
	font-size: 150%;
	color: #787878;
}

h6 {
	font-size: 125%;
	color: #000000;
}

body.red h1, body.red h4, body.red h6 { color: #c80000; }
body.blue h1, body.blue h4, body.blue h6 { color: #00aaff; }
body.green h1, body.green h4, body.green h6 { color: #64c832; }
body.yellow h1, body.yellow h4, body.yellow h6 { color: #ffa000; }
body.lilac h1, body.lilac h4, body.lilac h6 { color: #9600ff; }
/* topmenu */
div#topmenu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}

div#topmenu li {
	float: left;
	display: block;
}

div#topmenu li a {
	float: left;
	display: block;
	position: relative;
	height: 20px;
	padding: 0px 10px 0px 10px;
	background: url(../images/topmenu_item_bg.png) 0 4px no-repeat;
	line-height: 17px;
	overflow: hidden;
	font-size: 85%;
	text-decoration: none;
}

div#topmenu li.item1 a {
	background: none;
}

/* menu */
div#menu ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	float: left;
}

div#menu li {
	float: left;
	display: block;
	margin: 10px 2px 0px 0px;
	background: url(../images/menu_item_r.png) 100% 0 no-repeat;
}

div#menu li a {
	float: left;
	display: block;
	height: 35px;
	padding: 0px 20px 0px 20px;
	background: url(../images/menu_item_l.png) 0 0 no-repeat;
	line-height: 28px;
	overflow: hidden;
	font-size: 100%;
	font-weight: bold;
	color: #646464;
	text-decoration: none;
}

div#menu a:link, div#menu a:visited {
	color: #646464;
}

div#menu li a:hover {
	color: #000000;
}

div#menu li.item1 {
	background: url(../images/menu_item_r_red.png) 100% 0 no-repeat;
}

div#menu li.item1 a {
	background: url(../images/menu_item_l_red.png) 0 0 no-repeat;
}

div#menu li.item2 {
	background: url(../images/menu_item_r_blue.png) 100% 0 no-repeat;
}

div#menu li.item2 a {
	background: url(../images/menu_item_l_blue.png) 0 0 no-repeat;
}

div#menu li.item3 {
	background: url(../images/menu_item_r_green.png) 100% 0 no-repeat;
}

div#menu li.item3 a {
	background: url(../images/menu_item_l_green.png) 0 0 no-repeat;
}

div#menu li.item4 {
	background: url(../images/menu_item_r_yellow.png) 100% 0 no-repeat;
}

div#menu li.item4 a {
	background: url(../images/menu_item_l_yellow.png) 0 0 no-repeat;
}

div#menu li.item5 {
	background: url(../images/menu_item_r_lilac.png) 100% 0 no-repeat;
}

div#menu li.item5 a {
	background: url(../images/menu_item_l_lilac.png) 0 0 no-repeat;
}

div#menu li.active {
	position: relative;
	z-index: 3;
	margin: 0px 2px 0px 0px;
	background: url(../images/menu_item_r_active.png) 100% 0 no-repeat;
}

div#menu li.active a {
	height: 50px;
	background: url(../images/menu_item_l_active.png) 0 0 no-repeat;
	color: #000000;
}

/* sub and other menu */
#left div.moduletable_menu ul {
	padding: 0px;
	margin: 0px;
	width: 200px;
	overflow: hidden;
	list-style: none;
	background: #ffffff;
}

#left div.moduletable_menu li {
	display: block;
}

#left div.moduletable_menu li a, #left div.moduletable_menu li span.separator {
	height: 25px;
	display: block;
	line-height: 25px;
	text-decoration: none;
	color: #646464;
}

#left div.moduletable_menu a:link, #left div.moduletable_menu a:visited {
	color: #646464;
}

#left div.moduletable_menu li#current a {
	font-weight: bold;
}

#left div.moduletable_menu li#current li a {
	font-weight: normal;
}

#left div.moduletable_menu li a:hover, #left div.moduletable_menu li span.separator:hover, #left div.moduletable_menu li span.sfhover {
	color: #000000;
}

#left div.moduletable_menu li.level1 {
	background: #e6e6e6 no-repeat;
}

.layoutleft #left div.moduletable_menu li.level1 {
	margin: 0px 0px 5px 10px;
}

.layoutright #left div.moduletable_menu li.level1 {
	margin: 0px 10px 5px 0px;
}

#left div.moduletable_menu li.level1 a, #left div.moduletable_menu li.level1 span.separator {
	padding: 0px 0px 0px 25px;
}

.layoutleft #left div.moduletable_menu li.level1 a, .layoutleft #left div.moduletable_menu li.level1 span.separator {
	background: url(../images/submenu_level2_item_left.png) 0 0 no-repeat;
}

.layoutright #left div.moduletable_menu li.level1 a, .layoutright #left div.moduletable_menu li.level1 span.separator {
	background: url(../images/submenu_level2_item_right.png) 100% 0 no-repeat;
}

#left div.moduletable_menu li.parent {
	background: #e6e6e6 url(../images/submenu_level2_item_parent.png) 0 0 no-repeat;
}

#left div.moduletable_menu li.parent span.separator {
	cursor: pointer;
}

#left div.moduletable_menu li.active, #left div.moduletable_menu li.active:hover {
	background-color: #969696;
	margin: 0px 0px 5px 0px;
}

.layoutleft #left div.moduletable_menu li.active, .layoutleft #left div.moduletable_menu li.active:hover,
.layoutright #left div.moduletable_menu li.active, .layoutright #left div.moduletable_menu li.active:hover {
	margin: 0px 0px 5px 0px;
}

#left div.moduletable_menu li.active a, #left div.moduletable_menu li.active span.separator, #left div.moduletable_menu li.active a:hover {
	color: #ffffff;
}

#left div.moduletable_menu li.level1 li, #left div.moduletable_menu li.level1 li:hover, #left div.moduletable_menu li.level1 li.sfhover {
	margin: 5px 0px 0px 25px;
}

#left div.moduletable_menu li.level1 ul, div.moduletable_menu li.level1 li, #left div.moduletable_menu li.level1 li.active {
	background: #ffffff;
}

#left div.moduletable_menu li.level1 li a:hover, #left div.moduletable_menu li.level1 li.active a:hover {
	color: #000000;
}

#left div.moduletable_menu li.level2 a {
	background: url(../images/submenu_level3_item_bg.png) 0px 2px no-repeat;
	padding: 0px 0px 0px 20px;
	width: 155px;
	color: #646464;
	height: 20px;
	line-height: 20px;
}

#left div.moduletable_menu li.level2 a:hover {
	background: #f0f0f0 url(../images/submenu_level3_item_bg.png) 0px 2px no-repeat;
}

#left div.moduletable_menu li.level2 li, #left div.moduletable_menu li.level2 li:hover, #left div.moduletable_menu li.level2 li.sfhover {
	margin: 5px 0px 0px 0px;
}

#left div.moduletable_menu li.level3 a {
	background: url(../images/submenu_level4_item_bg.png) 20px 2px no-repeat;
	padding: 0px 0px 0px 40px;
	width: 135px;
}

#left div.moduletable_menu li.level3 a:hover {
	background: #f0f0f0 url(../images/submenu_level4_item_bg.png) 20px 2px no-repeat;
}

#left div.moduletable_menu li.level4 a  {
	background: url(../images/submenu_level5_item_bg.png) 40px 2px no-repeat;
	padding: 0px 0px 0px 60px;
	width: 115px;
}

#left div.moduletable_menu li.level4 a:hover  {
	background: #f0f0f0 url(../images/submenu_level5_item_bg.png) 40px 2px no-repeat;
}div.moduletable h3,
div.moduletable-blank h3,
div.module h3,
div.module-blank h3,
div.moduletable-lightgrey h3,
div.moduletable-darkgrey h3,
div.moduletable-black h3 {
	font-size: 100%;
}

/* toppanel modules */
#toppanel div.moduletable {
	margin: 0px 0px 10px 0px;
}

#toppanel div.moduletable h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	font-size: 150%;
	font-weight: bold;
}

/* top modules */
#top div.moduletable {
	padding: 10px 15px 10px 15px;
	background: url(../images/top_module_bg.png) 0 100% repeat-x;
	border: 1px solid #c8c8c8;
	text-align:justify;
}

#top .topboxseperator div.moduletable {
	margin: 0px 10px 0px 0px;
}

#top div.moduletable:hover {
	background: #ebebeb url(../images/top_module_hover.png) 0 100% repeat-x;
}

#top div.moduletable h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
}

/* blank (top modules) */
#top div.moduletable-blank {
	padding: 0px 0px 0px 0px;
	background: none;
}

/* left modules */
/* white */
#left div.moduletable, #left div.moduletable-lightgrey, #left div.moduletable-darkgrey, #left div.moduletable-black {
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 20px 10px;
	width: 158px;
	background: url(../images/left_module_bg.png) 0 100% repeat-x;
	border: 1px solid #c8c8c8;
	overflow: hidden;
}

div#middle .layoutleft #left div.moduletable, div#middle .layoutleft #left div.moduletable-lightgrey, div#middle .layoutleft #left div.moduletable-darkgrey, div#middle .layoutleft #left div.moduletable-black, div#middle .layoutleft #left div.moduletable-blank {
	margin: 0px 0px 15px 20px;
}

div#middle .layoutright #left div.moduletable, div#middle .layoutright #left div.moduletable-lightgrey, div#middle .layoutright #left div.moduletable-darkgrey, div#middle .layoutright #left div.moduletable-black, div#middle .layoutright #left div.moduletable-blank {
	margin: 0px 0px 15px 0px;
}

#left div.moduletable h3, #left div.moduletable-lightgrey h3, #left div.moduletable-darkgrey h3, #left div.moduletable-black h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	line-height: 10px;
	text-align: left;
	font-weight: bold;
}

/* lightgrey */
#left div.moduletable-lightgrey {
	background: #f0f0f0 url(../images/left_module_bg_lightgrey.png) 0 100% repeat-x;
	border: 1px solid #b4b4b4;
}

/* darkgrey */
#left div.moduletable-darkgrey {
	background: #b4b4b4 url(../images/left_module_bg_darkgrey.png) 0 100% repeat-x;
	border: 1px solid #787878;
	color: #4b4b4b;
}

/* black */
#left div.moduletable-black {
	background: #323232 url(../images/left_module_bg_black.png) 0 100% repeat-x;
	border: 1px solid #000000;
	color: #dcdcdc;
}

/* blank */
#left div.moduletable-blank {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width: 180px;
	border: none;
	overflow: hidden;
}

/* menus */
div.moduletable_menu {
	width: 200px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}

/* maintopbox & mainbottombox modules */
/* white */
.maintopbox div.moduletable, .mainbottombox div.moduletable {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	background: #ffffff;
	border: 1px solid #c8c8c8;
	overflow: hidden;
	text-align:justify;
}

#maintop .maintopboxseperator div.moduletable, #mainbottom .mainbottomboxseperator div.moduletable {
	margin: 0px 10px 0px 0px;
}

.maintopbox div.moduletable h3, .mainbottombox div.moduletable h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	line-height: 10px;
	text-align: left;
	font-weight: bold;
}

/* blank */
.maintopbox div.moduletable-blank, .mainbottombox div.moduletable-blank {
	padding: 0px 0px 0px 0px;
	border: none;
}

/* right modules */
#right div.moduletable {
	margin: 0px 0px 15px 0px;
	padding: 10px 10px 10px 10px;
	width: 158px;
	background: #ffffff;
	border: 1px solid #c8c8c8;
	overflow: hidden;
	text-align:justify;
}

#right div.moduletable h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	line-height: 10px;
	text-align: left;
	font-weight: bold;
}

/* contenttop modules */
#contenttop div.moduletable, #contentbottom div.moduletable {
	padding: 10px 10px 10px 10px;
	background: #ffffff;
	border: 1px solid #c8c8c8;
	overflow: hidden;
	text-align:justify;
}

#contenttop div.moduletable {
	margin: 0px 0px 10px 0px;
}

#contentbottom div.moduletable {
	margin: 10px 0px 0px 0px;
}

#contenttop .contenttopboxseperator div.moduletable {
	margin: 0px 10px 10px 0px;
}

#contentbottom .contentbottomboxseperator div.moduletable {
	margin: 10px 10px 0px 0px;
}

#contenttop div.moduletable h3, #contentbottom div.moduletable h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	line-height: 10px;
	text-align: left;
	font-weight: bold;
}

/* bottom modules */
#bottom div.moduletable {
	padding: 10px 15px 10px 15px;
	background: #505050 url(../images/bottom_module_bg.png) 0 100% repeat-x;
	border: 1px solid #787878;
	text-align: center;
	color: #ffffff;
}

#bottom .bottomboxseperator div.moduletable {
	margin: 0px 10px 10px 0px;
}

#bottom div.moduletable:hover {
	background: #646464 url(../images/bottom_module_hover.png) 0 100% repeat-x;
}

#bottom div.moduletable h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	text-align: center;
	font-size: 125%;
	font-weight: bold;
}

/* blank (top modules) */
#bottom div.moduletable-blank {
	padding: 0px 0px 0px 0px;
	background: none;
}div#yoo-login {
	width: 228px; 	
}

div#yoo-logout {
}

div#yoo-login .yoo-username, 
div#yoo-login .yoo-password, 
div#yoo-login .yoo-remember, 
div#yoo-login .yoo-login-button {
	float: left;
}

div#yoo-login .yoo-username, 
div#yoo-login .yoo-password {
	padding-right: 5px;
}

div#yoo-login .yoo-username input, div#yoo-login .yoo-password input {
	width: 91px; 
	height: 12px; 
	padding: 4px 2px 2px 7px; 
	border: none;
	background: url(../images/login_bg.png) 0 0 no-repeat;
	float: left;
	color: #646464;
	font-size: 85%;
}

div#yoo-login .yoo-username input:hover, div#yoo-login .yoo-password input:hover,
div#yoo-login .yoo-username input.sfhover, div#yoo-login .yoo-password input.sfhover  {
	background: url(../images/login_bg_hover.png) 0 0 no-repeat;
	color: #000000;
}

div#yoo-login .yoo-username input:focus, div#yoo-login .yoo-password input:focus,
div#yoo-login .yoo-username input.sffocus, div#yoo-login .yoo-password input.sffocus  {
	background: url(../images/login_bg_hover.png) 0 0 no-repeat;
	color: #000000;
}

div#yoo-login .yoo-remember input {
}

div#yoo-login .yoo-login-button button {
	display: block;
	height: 18px;
	width: 18px;
	border: none;
	background: url(../images/login_button.png) 0 0 no-repeat;
	cursor: pointer;
	overflow: hidden;
}

div#yoo-login .yoo-break {
	clear: both;
}

div#yoo-login .yoo-lostpassword, div#yoo-login .yoo-registration {
	float: left;
	font-size: 80%;
	line-height: 20px;
	
}

div#yoo-login .yoo-lostpassword {
	width: 100px;
}

div#yoo-login .yoo-registration {
	width: 120px;
}

div#yoo-login .yoo-lostpassword {
	padding: 0px 5px 0px 0px;
}

div#yoo-logout .yoo-greeting {
	margin: 0px 5px 0px 0px;
	float: left;
}

div#yoo-logout .yoo-logout-button {
	height: 20px;
	width: 40px;
	float: left;
	background: url(../images/logout_button.png) 0 0 no-repeat;
}

div#yoo-logout .yoo-logout-button button {
	display: block;
	height: 20px;
	width: 40px;
	border: none;
	background: none;
	font-size: 80%;
	line-height: 20px;
	text-align: center;
	text-indent: -5px;
	cursor: pointer;
	overflow: hidden;
}

div#yoo-search {
	padding: 0px;
	width: 123px;
	background: url(../images/search_bg.png) 0 0 no-repeat;
	overflow:hidden;
}

div#yoo-search input {
	display: block;
	float: left;
	width: 96px; 
	height: 14px; 
	padding: 4px 2px 2px 7px;
	border: none;
	background: none;
	color: #dcdcdc;
	font-size: 95%;
}

div#yoo-search button {
	display: block;
	float: left;
	width: 18px;
	height: 20px;
	border: none;
	background: url(../images/search_button.png) 0 0 no-repeat;
	cursor: pointer;
	text-indent: 100px;
	line-height: 0px;
}

div#yoo-search:hover, div#search div.sfhover  {
	background: url(../images/search_bg_hover.png) 0 0 no-repeat;
}

div#yoo-search:hover input, div#search div.sfhover input {
	color: #ffffaa;
}

div#yoo-search input:focus {
	color: #ffffaa;
}

.contentheading,
.componentheading {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 250%;
	line-height: 100%;
	font-weight: bold;
	color: #eb7800;
}

body.red .contentheading, body.red .componentheading { color: #c80000; }
body.blue .contentheading, body.blue .componentheading { color: #00aaff; }
body.green .contentheading, body.green .componentheading { color: #64c832; }
body.yellow .contentheading, body.yellow .componentheading { color: #ffa000; }
body.lilac .contentheading, body.lilac .componentheading { color: #9600ff; }

#overDiv {
	line-height: 50%;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

.contentpane {
	margin: 0;
	padding: 0;
	width: auto;
}

.contentpaneopen {
	margin: 0;
	padding: 0;
	width: auto;
}

.contentpaneopen hr {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #c8c8c8;
	border-left: 0px;
	line-height: 0px;
	height: 1px;
}

.article_seperator {
	display: block;
	height: 16px;
}

.small {
	font-size: 95%;
	font-style: italic;
	color: #969696;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: 95%;
	font-weight: bold;
	color: #646464;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 95%;
	color: #646464;
}

.buttonheading img {
	margin-right: 2px;
}

.mosimage_caption {
	font-size: 95%;
}

.button {
	font-size: 95%;
}

.sectiontableheader {
	padding: 5px 5px 5px 5px;
	background: #e6e6e6;
	border-bottom: 1px solid #a0a0a0;
	font-weight : bold;
}

tr.sectiontableentry1 td {
	padding: 5px 5px 5px 5px;
	background: #f0f0f0;
	border-bottom: 1px solid #b4b4b4;
}

tr.sectiontableentry2 td {
	padding: 5px 5px 5px 5px;
	background: #ffffff;
	border-bottom: 1px solid #b4b4b4;
}

td.sectiontableentry1 {
	padding: 5px 5px 5px 5px;
	background: #f0f0f0;
	border-bottom: 1px solid #b4b4b4;
}

td.sectiontableentry2 {
	padding: 5px 5px 5px 5px;
	background: #ffffff;
	border-bottom: 1px solid #b4b4b4;
}

.poll input.button {
	margin: 10px 0px 0px 0px;
}

/*
 * Joomla! system CSS file: system.css
 */
 
/* OpenID icon style */
input.system-openid {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}


/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/*
 * Joomla! system CSS file: general.css
 */
 
 /* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../../system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../../system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../../system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}