A:link {
	color:#222; font-size: 9pt; text-decoration: none
;}
A:visited {
	color: #222; font-size: 9pt; text-decoration: none
;}
A:hover {
	color:#990000; font-size: 9pt; text-decoration: none
;}
.All {
	font-size: 9pt
;}
TD {
	font-size: 9pt
;}
.font1 {
	filter: DropShadow(Color=#cccccc, OffX=1, OffY=1, Positive=1); font-family: "宋体"; color: #333333; font-size: 10pt
;}
.button1 {
	border-bottom: #666666 1px solid; border-left: #eeeeee 1px solid; background-color: #e7e7e7; width: 36px; color: #000000; font-size: 12px; border-top: #eeeeee 1px solid; border-right: #999999 1px solid
;}
.button2 {
	border-bottom: #666666 1px solid; border-left: #eeeeee 1px solid; color: #000000; font-size: 12px; border-top: #eeeeee 1px solid; border-right: #999999 1px solid; background-colo: s-resize
;}
.button {
	border-bottom: 1px solid; border-left: 1px solid; background-color: #f9f9f9; font-family: 宋体; color: rgb(0,0,0); font-size: 9pt; border-top: 1px solid; border-right: 1px solid
;}
.alpha {
	filter: alpha(opacity=80); line-height: 20px; font-family: "宋体"; font-size: 9pt
;}
A.menu {
	padding-bottom: 10px; padding-left: 10px; padding-right: 10px; font-family: Arial; color: #ffffff; font-size: 9pt; text-decoration: none; padding-top: 10px
;}
A.menu:link {
	font-family: Arial; color: #ffffff; font-size: 9pt; text-decoration: none
;}
A.menu:visited {
	font-family: Arial; color: #ffffff; font-size: 9pt; text-decoration: none
;}
A.menu:hover {
	font-family: Arial; color: #ffffff; font-size: 9pt; text-decoration: underline
;}
#m1l1 {
	z-index: 4020; position: absolute; background-color: #cccccc; width: 100px; display: block; visibility: hidden; top: 125px; left: 200px
;}
#m1l2 {
	z-index: 4020; position: absolute; background-color: #cccccc; width: 101px; display: block; visibility: hidden; top: 125px; left: 270px
;}
#m1l3 {
	z-index: 4020; position: absolute; background-color: #cccccc; width: 125px; display: block; visibility: hidden; top: 125px; left: 340px
;}
#m1l4 {
	z-index: 4020; position: absolute; background-color: #cccccc; width: 100px; display: block; visibility: hidden; top: 125px; left: 405px
;}
#m1l5 {
	z-index: 4020; position: absolute; background-color: #cccccc; width: 98px; display: block; visibility: hidden; top: 125px; left: 475px
;}
#m1l11 {
	z-index: 4020; position: absolute; background-color: #cccccc; width: 98px; display: block; visibility: hidden; top: 125px; left: 540px
;}
#m1l12 {
	z-index: 4020; position: absolute; background-color: #cccccc; width: 98px; display: block; visibility: hidden; top: 125px; left: 610px
;}
#topRow {
	z-index: 10; position: absolute; width: 494px; display: block; height: 21px; visibility: visible; top: 88px; left: 200px
;}
.border1 {
	border-bottom: #000000 1px solid; border-left: #000000 1px solid; border-top: #000000 1px solid; border-right: #000000 1px solid
;}
.style1 {
	color: #ffffff
;}
.style8 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px
;}
BODY {
	scrollbar-arrow-color: black; scrollbar-face-color: #cccccc; scrollbar-darkshadow-color: #1f161b; scrollbar-highlight-color: #e8e8e8; scrollbar-shadow-color: #d7d7d7; scrollbar-track-color: #626262; scrollbar-3dlight-color: #1f161b
;}
UL LI {
	position: relative; top: -12px; list-style-image: url(/); text-align:left;}
A:unknown LINK {
	text-decoration: none
;}
A:active {
	text-decoration: none
;}
A:visited {
	font-size: 12px; text-decoration: none
;}
A:hover {
	font-size: 12px; text-decoration: none
;}
.list_link {
	color: #8d1c1c; font-size: 12px; font-weight: bold; text-decoration: none
;}
.matrix {
	font-size: 12px; text-decoration: none
;}
.matrix A {
	color: #93393a
;}
.matrix_sub {
	background-image: url(../images/929b6c277cb84b969d7abb818e15c85d.gif); border-bottom: #c9c9c9 1px solid; border-left: #c9c9c9 1px solid; padding-bottom: 4px; background-color: #f7f7f7; padding-left: 4px; padding-right: 4px; border-top-width: 0px; color: #000000; border-right: #c9c9c9 1px solid; padding-top: 1px
;}
.matrix_header {
	background-image: url(../images/929b6c277cb84b969d7abb818e15c85d.gif); border-bottom: #838383 1px solid; border-left: #c9c9c9 1px solid; padding-bottom: 6px; background-color: #ffffff; padding-left: 5px; color: #00469e; border-top: #c9c9c9 1px solid; border-right: #c9c9c9 1px solid; padding-top: 6px
;}
.matrix_info {
	border-bottom: #eae9e9 1px solid; border-left: #c9c9c9 1px solid; padding-bottom: 4px; background-color: #f7f7f7; padding-left: 4px; padding-right: 4px; border-right: #c9c9c9 1px solid; padding-top: 4px
;}
.matrix_info_header {
	border-bottom: #eae9e9 1px solid; border-left: #c9c9c9 1px solid; padding-bottom: 4px; background-color: #ebeaea; padding-left: 4px; padding-right: 4px; border-top: #c9c9c9 1px solid; border-right: #c9c9c9 1px solid; padding-top: 4px
;}
.matrix_content {
	background-color: #ffffff; color: #353535
;}
.matrix_left {
	border-left: #c9c9c9 1px solid
;}
.home_box {
	border-left: #d8d8d8 1px solid
;}
.mtDropdownMenu {
	position: absolute; overflow: hidden; top: -1000px; left: -1000px
;}
.mtDropdownMenu .content {
	position: absolute
;}
.mtDropdownMenu .items {
	z-index: 2; border-bottom: #999 1px solid; position: relative; border-left: #999 1px solid; border-top: #999 1px solid; top: 0px; border-right: #999 1px solid; left: 0px
;}
.top .items {
	border-top: medium none
;}
.mtDropdownMenu .item {
	border-bottom: medium none;border-left: medium none; color: #4a4b4b; font-size: 12px; border-top: medium none; cursor: hand; border-right: medium none; text-decoration: none
;}
.mtDropdownMenu .background {
	z-index: 1; position: absolute; filter: alpha(opacity=85); top: 0px; left: 0px; moz-opacity: .8
;}
.mtDropdownMenu .shadowRight {
	z-index: 3; position: absolute; filter: alpha(opacity=40); width: 2px; top: 3px; moz-opacity: .4
;}
.mtDropdownMenu .shadowBottom {
	z-index: 1; position: absolute; filter: alpha(opacity=40); height: 2px; left: 3px; moz-opacity: .4
;}
.mtDropdownMenu .hover {
	background: #bacac5; color: #8d1c1c
;}
.mtDropdownMenu .item IMG {
	margin-left: 12px
;}
.subtext {
	line-height: 12px; color: #4a4a4a; font-size: 12px
;}
.subtext_title {
	line-height: 22px; color: #264771; font-size: 12px; font-weight: bold
;}
.BodContent {
	line-height: 16px; padding-left: 6px; color: #4a4a4a; font-size: 12px
;}
.BodContent TD {
	line-height: 16px; color: #4a4a4a; font-size: 12px
;}
.BodContent A {
	color: #8d1c1c; text-decoration: none
;}
.content_highlight {
	line-height: 17px; margin-top: 12px; color: #808080; font-size: 12px
;}
.headernav {
	color: #d4d3d3; font-size: 12px
;}
.headernav A {
	color: #d4d3d3; font-size: 12px
;}
.headernav A:hover {
	color: #d4d3d3; font-size: 12px; text-decoration: none
;}
.list A {
	color: #264771
;}
.subadtitle {
	line-height: 18px; color: #953637; font-size: 12px; font-weight: bold
;}
.subad {
	line-height: 12px; padding-left: 4px; color: #000000; font-size: 12px
;}
.hottopic A {
	line-height: 16px; color: #555555; font-size: 12px; text-decoration: none
;}
.hottopic A:hover {
	line-height: 16px; color: #555555; font-size: 12px; text-decoration: none
;}
.maintableborder {}
.maintablebg {}
.reg {
	background-image: url(../images/929b6c277cb84b969d7abb818e15c85d.gif); background-repeat: no-repeat
;}
.navbox {
	background-color: #ffffff; width: 204px; layer-background-color: #FFFFFF
;}
.navsub {
	background-color: #ffffff; font-size: 11px; layer-background-color: #ffffff
;}
.navsub A {
	padding-bottom: 4px; padding-left: 7px; padding-right: 7px; color: #666666; text-decoration: none; padding-top: 4px
;}
.navsub A:hover {
	text-decoration: none
;}
.nav {}
.nav A {
	color: #ffffff; font-size: 12px; font-weight: bold; text-decoration: none
;}
.nav A:hover {
	color: #ffffff; font-size: 12px; font-weight: bold
;}
.footer {
	line-height: 17px; font-size: 12px
;}
.footer A {
	line-height: 17px; color: #264771; font-size: 12px
;}
.footer A:hover {
	line-height: 17px; color: #264771; font-size: 12px
;}
#menubar {
	border-bottom: #ad5800 1px solid; position: absolute; border-left: #ad5800 1px solid; padding-bottom: 2px; background-color: #f9f1c8; padding-left: 2px; width: 450px; padding-right: 2px; border-top: #ad5800 1px solid; top: 245px; border-right: #ad5800 1px solid; padding-top: 2px; left: 35px
;}
#menubar A {
	border-bottom: #f9f1c8 1px solid; border-left: #f9f1c8 1px solid; padding-left: 5px; padding-right: 5px; letter-spacing: 1px; color: #993300; font-size: 24px; border-top: #f9f1c8 1px solid; border-right: #f9f1c8 1px solid; text-decoration: none
;}
#menubar A.active {
	border-bottom-color: #ccc599; border-top-color: #ffffff; border-right-color: #ccc599; border-left-color: #ffffff
;}
.menu .options {
	border-bottom: #969696 1px solid; position: relative; filter: Alpha(Opacity=88, Style=0); border-left: #969696 1px solid; background-color: #ffffff; margin-bottom: 1px; border-top: #969696 1px solid; top: 541px; margin-right: 1px; border-right: #969696 1px solid; left: 1016px; layer-background-color: #FFFFFF
;}
.menu A {
	padding-bottom: 4px; padding-left: 12px; padding-right: 12px; display: block; color: #000000; text-decoration: none; padding-top: 4px
;}
.menu A:hover {
	background-color: #bccef2; color: #ffffff
;}
#about {
	position: absolute; top: 200px; left: 5px
;}
.subtitle {
	line-height: 25px; color: #444444; font-size: 12px; font-weight: bold
;}
.domain_box {
	border-bottom: #a6a6a6 1px solid; border-left: #a6a6a6 1px solid; background-color: #ffffff; width: 175px; height: 19px; color: #777777; font-size: 11px; border-top: #a6a6a6 1px solid; border-right: #a6a6a6 1px solid
;}
.login {
	border-bottom: #c4c4c4 1px solid; border-left: #c4c4c4 1px solid; background-color: #e9e9e9; border-top: #c4c4c4 1px solid; border-right: #c4c4c4 1px solid
;}
.login INPUT {
	height: 22px; color: #666666; font-size: 11px
;}
.login checkbox {
	color: #666666; text-decoration: none
;}
.login TD {
	border-bottom: #c4c4c4 1px solid; color: #555555; font-size: 11px; border-top: #ffffff 1px solid
;}
.login .title {
	background-color: #d0d0d0
;}
.login .title TD {
	border-bottom-color: #c4c4c4; border-top-color: #ffffff; font-weight: bold
;}
HR {
	height: 1px; color: #dddddd
;}
.subtitle-color {
	line-height: 25px; color: #8d1c1c; font-size: 12px; font-weight: bold
;}
.subsubtitle-lighter {
	color: #999999
;}
.subsubtitle-color {
	color: #8d1c1c
;}
.notebox {
	width: 100%; color: #777777; font-size: 11px
;}
.contactboxform SELECT {
	width: 215px; height: 22px; color: #666666; font-size: 11px; font-weight: bold
;}
.contactboxform INPUT {
	width: 215px; height: 22px; color: #666666; font-size: 11px
;}
.contactboxform TEXTAREA {
	width: 215px; height: 125px; color: #666666; font-size: 11px; text-decoration: none
;}
.top {
	color: #cccccc; text-decoration: none
;}
A.top:link {
	color: #cccccc; text-decoration: none
;}
A.top:visited {
	color: #cccccc; text-decoration: none
;}
A.top:active {
	color: #cccccc; text-decoration: none
;}
A.top:hover {
	color: #8d1c1c; text-decoration: none
;}
.navorderback {
	color: #cccccc; font-size: 9px; font-weight: normal; text-decoration: none
;}
.navorderback A:hover {
	color: #8d1c1c; font-weight: normal; text-decoration: none
;}
.navorderback A:link {
	color: #cccccc; font-size: 12px; font-weight: normal; text-decoration: none
;}
visited {
	color: #cccccc; font-weight: normal; text-decoration: none
;}
active {
	color: #cccccc; font-weight: normal; text-decoration: none
;}
.app {
	border-bottom: #c4c4c4 1px solid; border-left: #c4c4c4 1px solid; background-color: #e9e9e9; width: 100%; border-top: #c4c4c4 1px solid; border-right: #c4c4c4 1px solid
;}
.app A {
	color: #4a4b4b; text-decoration: none
;}
.app A:hover {
	color: #8d1c1c; text-decoration: none
;}
LINK {
	color: #8d1c1c; text-decoration: none
;}
visited {
	color: #8d1c1c; text-decoration: none
;}
.app TD {
	border-bottom: #c4c4c4 1px solid; color: #555555; font-size: 11px; border-top: #ffffff 1px solid
;}
.app .title {
	background-color: #d0d0d0
;}
.app .title TD {
	border-bottom-color: #c4c4c4; border-top-color: #ffffff; font-weight: bold
;}
.app_highlighted {
	background-color: #f4f4f4
;}
.btn {
	background-image: url(../images/button2.gif); border-bottom: 1px outset; border-left: 1px outset; padding-bottom: 1px; margin: 0px 0px 0px 1px; padding-left: 1px; width: 50px; padding-right: 1px; font-size: 9px; border-top: 1px outset; font-weight: normal; border-right: 1px outset; padding-top: 1px; backgroung-image: repeat-x
;}
.btn_med {
	background-image: url(../images/button2.gif); border-bottom: 1px outset; border-left: 1px outset; padding-bottom: 1px; margin: 0px 0px 0px 1px; padding-left: 1px; width: 106px; padding-right: 1px; font-size: 9px; border-top: 1px outset; font-weight: normal; border-right: 1px outset; padding-top: 1px; backgroung-image: repeat-x
;}
.btn_wide {
	background-image: url(../images/button2.gif); border-bottom: 1px outset; border-left: 1px outset; padding-bottom: 1px; margin: 0px 0px 0px 1px; padding-left: 1px; width: 150px; padding-right: 1px; font-size: 9px; border-top: 1px outset; font-weight: normal; border-right: 1px outset; padding-top: 1px; backgroung-image: repeat-x
;}
.app_large {
	color: #000000; font-size: 11px; font-weight: bold
;}
.app_desc {
	color: #656565
;}
.error {
	border-bottom: #ff0000 2px solid; border-left: #ff0000 2px solid; background-color: #ffdede; width: 95%; border-top: #ff0000 2px solid; border-right: #ff0000 2px solid
;}
.error TD {
	color: #ff0000; font-size: 12px
;}
.error .title {
	background-color: #ff9393
;}
.error .title TD {
	color: #ffffff; font-size: 12px; font-weight: bold
;}
S .info {
	border-bottom: #0000ff 2px solid; border-left: #0000ff 2px solid; background-color: #dedeff; width: 95%; border-top: #0000ff 2px solid; border-right: #0000ff 2px solid
;}
.info TD {
	color: #0000ff; font-size: 12px
;}
.info .title {
	background-color: #9393ff
;}
.info .title TD {
	color: #ffffff; font-size: 12px; font-weight: bold
;}
.ordernav {
	background-color: #ffffff; font-size: 11px; layer-background-color: #ffffff
;}
.ordernav A {
	background-color: #ffffff; color: #666666; text-decoration: none
;}
.ordernav A:hover {
	background-color: #ffffff; color: #8d1c1c; text-decoration: none
;}
.ordernav .title {
	font-size: 12px; font-weight: bold
;}
.ordernav .current {
	font-weight: bold
;}
.select {
	border-left: #c4c4c4 1px solid; border-top: #c4c4c4 1px solid
;}
.primary-highlight-color {
	color: #8d1c1c
;}
.type-small-light {
	color: #888888; font-size: 11px
;}
.table1 {
	font-size: 11px
;}
.table1 TD {
	font-size: 11px; text-decoration: none
;}
.table1 TR {
	font-size: 11px; text-decoration: none
;}
.type-light {
	color: #888888
;}
.color {
	color: #d7fd62; font-size: 12px; text-decoration: none
;}
.snail1 {
	color: #666666; font-size: 12px; text-decoration: none
;}
.line {
	line-height: 25px; font-size: 12px; text-decoration: none
;}
.unnamed1 {
	color: #000000; font-size: 12px; text-decoration: none
;}
.unnamed2 {
	line-height: 25px; font-size: 12px; text-decoration: none
;}
.unnamed3 {
	color: #333333; font-size: 12px; text-decoration: none
;}
.bg {
	background-image: url(../images/jjfabottom.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: center bottom
;}
.index_06 {
	background-image: url(../images/929b6c277cb84b969d7abb818e15c85d.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: center top
;}
/* CSS Document */


body,td,th {
	font-size: 12px;
	color: #000;}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background:url(../images/top_body_bg.gif) repeat-x;}
.white{color:#FFF;}
 
 
.top{color:#FFF;font-size:14px;}

 a.top:link, a.top:visited {color:#FFF;font-size:14px; font-weight:bold;}
 a.top:hover{color:#F60; font-size:14px; font-weight:bold;}

a:link {
	color: #000;
	text-decoration:none;}
a:visited {
	color: #000;
	text-decoration:none;}
a:hover {
	color: #FF9900;}
a.nav:link{font-size:14px; color:#000; font-weight:bold; width:120px; height:44px; line-height:44px; display:block;}
a.nav:visited{font-size:14px; color:#000; font-weight:bold; width:120px; height:44px; line-height:44px;display:block;}
a.nav:hover{font-size:14px; color:#FFFFff; font-weight:bold; background:url(../images/nav_bg.gif);width:120px; height:44px; line-height:44px;display:block;}

a.nav1:link{font-size:14px; color:#000; font-weight:bold;}
a.nav1:visited{font-size:14px; color:#000; font-weight:bold;}
a.nav1:hover{font-size:14px; color:#F60; font-weight:bold;}


a.bb:link{font-size:12px; color:#fff; font-weight:bold;}
a.bb:visited{font-size:12px; color:#fff; font-weight:bold;}
a.bb:hover{font-size:12px; color:#000; font-weight:bold; text-decoration:underline;}

a.cc:link{font-size:14px; color:#000; font-weight:bold;}
a.cc:visited{font-size:14px; color:#000; font-weight:bold;}
a.cc:hover{font-size:14px; color:#F30; font-weight:bold; text-decoration:underline;}


.three{border:1px solid #dddddd; border-top:0px solid #ddd;}
.four{border:1px solid #dddddd;}
.two_left{border:1px solid #dddddd; border-left:0px solid #ddd; border-right:0px solid #ddd;}
.footer{color:#fff; line-height:22px;}
.footer li a {color:#fff; line-height:28px; font-size:14px;}
.footer li a:visited{color:#fff;line-height:28px; font-size:14px;}
.footer li a:hover{color:#ff0; text-decoration:underline;line-height:28px; font-size:14px;} 
.tit{font-size:14px; color:#fff; font-weight:bold;} 
.tit1{font-size:14px; color:#FF0000; font-weight:bold;}
.titgreen{font-size:12px; color:#1f5647; font-weight:bold;}
.content{line-height:22px;}

a.red:link {
	color: #ff0000;
	text-decoration:none;}
a.red:visited {
	color: #ff0000;
	text-decoration:none;}
a.red:hover {
	color: #FF9900; 
	text-decoration:underline;}
.tittemp{font-size:14px; font-weight:bold;}
.info{font-size:14px; line-height:28px;}
.ff{color:#fff;}
.three_bottom{ border:1px solid  #dddddd; border-bottom:0px solid #fff;}
.tit8{font-size:14px; color:#900; font-weight:bold;}
.con{color:#000; line-height:21px; text-align:left;}
@charset "utf-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 400px;}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	margin: 0px 3px 0px 0px;
	
	list-style: none;
	
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	height:33px;
	line-height:33px;
	text-align:center;
	width:106px;
	color:#000;
	font-weight:bold;}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #CCC;
	color:#fff;
	font-weight:bold;}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
    color:#900;
	font-weight:bold;
	background-color: #EEE;
	border-bottom: 1px solid #fff;
	background-image:url(../images/tab_bg.gif);
	border-top: solid 1px ##dddddd;}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	border-top: solid 1px #ccd6dc;
	border-right: solid 1px #dddddd;
	
	height:284px;}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 4px;
	background-color:#FFFFFF;}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;}


#jMenu {
	display:table;
	margin:0;
	padding:0
}

/********************/
/** premier niveau **/
/********************/
#jMenu li {
	display:table-cell;
	margin:0;
	//float:left;
}
	#jMenu li a {
	
		display:block;
		background-color: transparent;
		color:#fff;
		text-transform:uppercase;
		cursor:pointer;
		font-size:12px;
                    
	}

#jMenu li a:hover  {
	
		color:#f60;
	}


	
/*******************/
/** second niveau **/
/*******************/
#jMenu li ul {
	display:none;
	position:absolute;
	padding:0;
	margin:0;
z-index:999999999;

}
	#jMenu li ul li {
		background-color:#fff;
		display:block;
		padding:0px;
                     height:25px;
	}
	#jMenu li ul li.arrow {
		background:#fff url('../images/expand-0.gif') no-repeat center center;
		height:6px;
		padding:0;
		border-bottom:none;
		padding-bottom:10px
	}
		#jMenu li ul li a {
			font-size:12px;
			text-transform:none;
			 line-height:25px;
			display:block;
			padding-left:3px;
                                color:#000000;
		}
		#jMenu li ul li a.isParent {
			background:#fff url('../images/expand-0.gif') no-repeat right center;
		}
			#jMenu li ul li a:hover {
				background:#b9c8c3  url('../images/expand-0.gif') no-repeat right center;
                                          color:#000000;
			}
/*.nograyforsite{}*/
#jMenu .nav1 .nava1{
background:#e5e5e5;
width:120px !important;
height:44px !important;
line-height:44px !important;
color:#000000 ;
font-size:14px;
font-weight:bold;
text-align:center
;}

#jMenu .nav1{
width:120px;}


#jMenu .nav1 a:hover{
background:url(../images/bg27.png);
color:#fff  ;}

#jMenu .nav1 li a:hover{
background:#b9c8c3;
color:#000000  ;}

.closestyle202024{ font-size:12px;color:#333333;text-decoration: none ;}
.titlestyle193658{ font-size: 9pt; color: #222222; text-decoration: none ;}
.titlestyle193676{ line-height: 220%; color: #222222; font-size: 9pt; font-weight: bold; text-decoration: none ;}
.summarystyle193676{ line-height: 150%; color: #222222; font-size: 9pt ;}
.closestyle234789{ font-size:12px;color:#333333;text-decoration: none ;}