/*
 * module headers
 */

.module h3.header {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #323232;
	font-weight: normal;
}

.module span.header-2,
.module span.header-3 { display: block; }

 
.module h3.header span.title {
	display: block;
	font-size: 15px;
	line-height: 27px;
	font-weight: bold;
}

.module h3.header span.subtitle {
	display: block;
	margin-top: -5px;
	line-height: 10px;
	font-size: 9px;
	font-weight: normal;
	color: #646464;
	letter-spacing: 0px;
	text-indent: 1px;
}


/*
 * sub menus
 */
 
 
div.mod-menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
}

div.mod-menu ul.menu li {
	margin: 0px;
	padding: 0px;
}

div.mod-menu ul.menu a,
div.mod-menu ul.menu span { display: block; }
div.mod-menu ul.menu a { text-decoration: none; }

 
div.mod-menu ul.menu span.icon {
	background-repeat: no-repeat;
	background-position: 5px 50%;
	text-indent: 35px;
}

 
div.mod-menu ul.menu li.parent span.separator { cursor: pointer; }


div.mod-menu a { cursor: pointer!important; }

 
div.mod-menu ul.menu span.subtitle { display: none; }


/*
 * sub menu: mod-chrome
 */

div.mod-chrome ul.menu span.bg {
	height: 25px;
	line-height: 24px;
	color: #c8c8c8;
	text-indent: 15px;
}

 
div.mod-chrome ul.menu a.current span.bg { font-weight: bold; }

div.mod-chrome ul.menu span.current span.bg { font-weight: bold; }
 

 
div.mod-chrome ul.menu li.level1 { background: url(images/submenu_level1_item_black.png) 50% 0 no-repeat; }

div.mod-chrome ul.menu li.parent a.level1,
div.mod-chrome ul.menu li.parent span.level1 { background: url(images/submenu_level1_parent.png) 100% 0 no-repeat; }

div.mod-chrome ul.menu li.parent a.active,
div.mod-chrome ul.menu li.parent span.active { background-position: 100% -25px; }

div.mod-chrome ul.menu a.level1 span.icon,
div.mod-chrome ul.menu span.level1 span.icon { text-indent: 35px; }

 
div.mod-chrome ul.menu li.level2 span.bg {
	height: 20px;
	line-height: 20px;
}

div.mod-chrome ul.menu a.level2 span.bg, div.mod-chrome ul.menu div.level2 span.bg { text-indent: 30px; }

 
div.mod-chrome ul.menu a.level3 span.bg, div.mod-chrome ul.menu div.level3 span.bg { text-indent: 40px; }

 
div.mod-chrome ul.menu a.level4 span.bg, div.mod-chrome ul.menu div.level4 span.bg { text-indent: 50px; }

 
div.mod-chrome-black ul.menu span.bg,
div.mod-chrome-orange ul.menu span.bg,
div.mod-chrome-blue ul.menu span.bg,
div.mod-chrome-green ul.menu span.bg { color: #323232; }

div.mod-chrome-black ul.menu li.level1,
div.mod-chrome-orange ul.menu li.level1,
div.mod-chrome-blue ul.menu li.level1,
div.mod-chrome-green ul.menu li.level1 { background: url(images/submenu_level1_item_white.png) 50% 0 no-repeat; }

/*
 * sub menu: mod-line
 */
 
div.mod-line ul.menu span.bg {
	height: 23px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #E6E6E6;
	line-height: 23px;
	color: #646464;
	text-indent: 15px;
}

#contentleft div.mod-line ul.menu span.bg {
	background: #ffffff url(images/contentleft_bg.png) -5px 0 repeat-y;
	text-indent: 5px;
}
#contentright div.mod-line ul.menu span.bg { background: #ffffff url(images/contentright_bg.png) -1px 0 repeat-y; }

 
div.mod-line ul.menu a.current span.bg { font-weight: bold; }





/*
 * module: chrome
 */

div.mod-chrome div.box-t1 { background: url(images/module_chrome_white.png) 0 0 no-repeat; }

div.mod-chrome div.box-t2 {
	padding: 0px 15px 0px 15px;
	background: url(images/module_chrome_white.png) 100% -45px no-repeat;
}

div.mod-chrome div.box-t3 {
	height: 40px;
	background: url(images/module_chrome_white.png) 0 -90px repeat-x;
}

div.mod-chrome div.box-1 {
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	background: #F0F1F2;
}

div.mod-chrome div.box-2 {
	padding: 0px 8px 0px 8px;
	background: #141414 url(images/module_chrome_white.png) 0 -195px repeat-x;
	overflow: hidden;
	color: #c8c8c8;
}

div.mod-chrome div.box-b1 { background: url(images/module_chrome_white.png) 0 -135px no-repeat; }

div.mod-chrome div.box-b2 {
	padding: 0px 15px 0px 15px;
	background: url(images/module_chrome_white.png) 100% -155px no-repeat;
}

div.mod-chrome div.box-b3 {
	height: 15px;
	background: url(images/module_chrome_white.png) 0 -175px repeat-x;
}

div.mod-chrome h3.header { line-height: 35px; }
div.mod-chrome h3.header span.subtitle { margin-top: -5px; }
div.mod-chrome h3.header span.icon { top: 2px; }

/* color: black */
div.mod-chrome-black div.box-t1 { background-image: url(images/module_chrome_black.png); }
div.mod-chrome-black div.box-t2 { background-image: url(images/module_chrome_black.png); }
div.mod-chrome-black div.box-t3 { background-image: url(images/module_chrome_black.png); }

div.mod-chrome-black div.box-1 {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #1E1E1E;
}

div.mod-chrome-black div.box-2 {
	background: #F0F1F2 url(images/module_chrome_black.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-black div.box-b1 { background-image: url(images/module_chrome_black.png); }
div.mod-chrome-black div.box-b2 { background-image: url(images/module_chrome_black.png); }
div.mod-chrome-black div.box-b3 { background-image: url(images/module_chrome_black.png); }

div.mod-chrome-black h3.header { color: #ffffff; }
div.mod-chrome-black h3.header span.subtitle { color: #c8c8c8; }

/* color: orange */
div.mod-chrome-orange div.box-t1 { background-image: url(images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-t2 { background-image: url(images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-t3 { background-image: url(images/module_chrome_orange.png); }

div.mod-chrome-orange div.box-1 {
	border-left: 1px solid #9B3E00;
	border-right: 1px solid #9B3E00;
	background: #D95700;
}

div.mod-chrome-orange div.box-2 {
	background: #F0F1F2 url(images/module_chrome_orange.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-orange div.box-b1 { background-image: url(images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-b2 { background-image: url(images/module_chrome_orange.png); }
div.mod-chrome-orange div.box-b3 { background-image: url(images/module_chrome_orange.png); }

div.mod-chrome-orange h3.header { color: #ffffff; }
div.mod-chrome-orange h3.header span.subtitle { color: #ffffff; }

/* color: blue */
div.mod-chrome-blue div.box-t1 { background-image: url(images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-t2 { background-image: url(images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-t3 { background-image: url(images/module_chrome_blue.png); }

div.mod-chrome-blue div.box-1 {
	border-left: 1px solid #075485;
	border-right: 1px solid #075485;
	background: #0269AD;
}

div.mod-chrome-blue div.box-2 {
	background: #F0F1F2 url(images/module_chrome_blue.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-blue div.box-b1 { background-image: url(images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-b2 { background-image: url(images/module_chrome_blue.png); }
div.mod-chrome-blue div.box-b3 { background-image: url(images/module_chrome_blue.png); }

div.mod-chrome-blue h3.header { color: #ffffff; }
div.mod-chrome-blue h3.header span.subtitle { color: #ffffff; }

/* color: green */
div.mod-chrome-green div.box-t1 { background-image: url(images/module_chrome_green.png); }
div.mod-chrome-green div.box-t2 { background-image: url(images/module_chrome_green.png); }
div.mod-chrome-green div.box-t3 { background-image: url(images/module_chrome_green.png); }

div.mod-chrome-green div.box-1 {
	border-left: 1px solid #496A0D;
	border-right: 1px solid #496A0D;
	background: #6B980E;
}

div.mod-chrome-green div.box-2 {
	background: #F0F1F2 url(images/module_chrome_green.png) 0 -195px repeat-x;
	color: #323232;
}

div.mod-chrome-green div.box-b1 { background-image: url(images/module_chrome_green.png); }
div.mod-chrome-green div.box-b2 { background-image: url(images/module_chrome_green.png); }
div.mod-chrome-green div.box-b3 { background-image: url(images/module_chrome_green.png); }

div.mod-chrome-green h3.header { color: #ffffff; }
div.mod-chrome-green h3.header span.subtitle { color: #ffffff; }

div.mod-chrome-black em.box,
div.mod-chrome-orange em.box,
div.mod-chrome-blue em.box,
div.mod-chrome-green em.box { background: #ffffff; }

/*
 * module: chrome with menu
 */

div.mod-menu-chrome div.box-2 { padding: 0px; }