@CHARSET "UTF-8";

body {
	margin: 0;
}

table,td,tr,th{
	font-size:12px;
	font-family: "Arial";
}

b{
	font-weight: normal;
}

/*============================ front page ==============================*/

.boxHeading {
	font-size:16px;
}

.boxWords {
	font-size:11px;
	line-height: 15px;
}
.titleDiv{
	font-size: 20px; 
	color: #333333; 
	font-weight: bold;
	border-bottom: 1px dotted #cdcdcd;
	padding: 0 0 5px 5px;
}

.titleDivClear{
	font-size: 20px; 
	color: #333333; 
	font-weight: bold;
	padding: 0 0 5px 5px;
}


/*============================ top language bar ==============================*/
div.RoundedCorner {
	background: #f9f3e7;
	font-size:12px;
	font-family: Arial;
} 

b.rtop,b.rbottom {
	display: block;
	background: #FFF
}

b.rtop b,b.rbottom b {
	display: block;
	height: 1px;
	overflow: hidden;
	background: #f9f3e7
}

b.r1 {
	margin: 0 5px
}

b.r2 {
	margin: 0 3px
}

b.r3 {
	margin: 0 2px
}

b.rtop b.r4,b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px
}

a.langs{
	text-decoration: none;
}

a.langs:link  {
	color: #4D4D4D;
	text-decoration: none;
}

a.langs:visited  {
	color: #4D4D4D;
}

a.langs:hover{
	color: #4D4D4D;
	text-decoration: underline;
}

a.headerWords  {
	text-decoration: none;
}

a.headerWords:link {
	color: #4D4D4D;
	text-decoration:none;
}

a.headerWords:visited {
	color: #4D4D4D;
	text-decoration:none;
}

a.headerWords:hover {
	color: #4D4D4D;
	text-decoration: underline;
}

/*======================= informationCenterMenu.jsp ==============================*/

#menuBar {
float:left;
width:100%;
font-size:12px;
line-height:normal;
}

* html #menuBar{ /*IE only. Add 1em spacing between menu and rest of content*/
/*margin-bottom: 1em;*/
}

#menuBar ul{
	list-style-type: none;
	margin:0;
	margin-left: 20px;
	padding:0;
}

#menuBar li{
	display:inline;
	margin:0;
	padding:0;
}

#menuBar a {
	line-height:28px;
	color:#686144;
	float:left;
	margin:0;
	padding:0px 15px 0 15px;
	text-decoration:none;
}

#menuBar a span {float:none;}

#menuBar .current a {
float:left;
background:url(../images/menuBtnWhiteLeft.png) no-repeat left bottom;
margin:0;
padding:0 0 0 12px;
text-decoration:none;
}

#menuBar .current a span {
float:left;
display:block;
background:url(../images/menuBtnWhiteRight.png) no-repeat right bottom;
padding:0px 22px 0 10px;
font-weight:bold;
}

#menuBar .current a.home {
float:left;
background:url(../images/menuBtnLeft.png) no-repeat left bottom;
margin:0;
padding:0 0 0 12px;
text-decoration:none;
}

#menuBar .current a.home span{
float:left;
display:block;
background:url(../images/menuBtnRight.png) no-repeat right bottom;
padding: 0 22px 0 10px;
font-weight:bold;
}

#menuBar .current a:hover {
font-weight: bold;
text-decoration:none;
}

#menuBar a:hover {
float:left;
margin:0;
text-decoration:underline;
font-weight: normal;
}

a.logoutBtn{
	text-decoration: none;
}

a.logoutBtn:link  {
	color: #0080ff;
	text-decoration: none;
}

a.logoutBtn:visited  {
	color: #0080ff;
}

a.logoutBtn:hover{
	color: #ff0000;
	text-decoration: underline;
}

/*==================================secMenu==================================*/
#second_menu {
	position: relative;
	z-index: 0;
	margin: 13px 0;
	padding: 0 0 1em;
	width: 100%;
}

#second_menu .menu-list {
	margin: 1px 0 0 15px;
	border-top: #d7d7d7 1px dotted;
	padding: 0;
}

#second_menu .menu-item {
	margin: 0 0 3px 0;
	padding: 3px 0 0 0;
}

#second_menu .menu-list .menu-item {
	margin: 0;
	padding: 0;
}

#second_menu .menu-list .r3 {
	padding: 0;
}

#second_menu a {
	display: block;
	font-size: 13px;
	text-decoration: none;
	outline: none;
	color: #000;
}

#second_menu a:hover {
	text-decoration: underline;
}

#second_menu .menu-list a {
	font-size: 12px;
	margin: 0;
	border: 0;
	color: #444;
	background: #fff;
}

#second_menu a.current:hover {
	text-decoration: none;
}

#second_menu a.current {
	color: #fff;
}

#second_menu a.current a {
	background: transparent;
	color: #fff;
}

#second_menu a.current a:hover {
	text-decoration: none;
}

/* Top level menu items */
#second_menu a div.r2 {
	background: #e4e4e4;
}

#second_menu a div.r2,#second_menu a div.r3 {
	border-color: #d7d7d7;
}

#second_menu a div.content {
	margin-left: 4px;
	padding: 0 6px 0 13px;
	line-height: 22px;
	cursor: pointer;
}

/* Top level selected menu items */ /* 背景颜色 */
#second_menu a.current div.r2,#second_menu .menu-list a.current div.r2 {
	background: #666666;
}

/* 边框颜色 */
#second_menu a.current div.r2,#second_menu a.current div.r3,#second_menu .menu-list a.current div.r2,#second_menu .menu-list a.current div.r3
	{
	border-color: #666666;
}

/* Inner menu items */
#second_menu .menu-list a div.r1,#second_menu .menu-list a div.r2,#second_menu .menu-list a div.r3
	{
	background: transparent;
	border-color: #fff;
}

#second_menu .menu-list a div.content {
	line-height: 15px;
}

#second_menu .menu-list a div.content {
	top: 0;
	border-bottom: #d7d7d7 1px dotted;
	padding: 3px 8px;
}

#second_menu .menu-list a.current div.r2 {
	background: #ff6a00;
	border-color: #ff6a00;
}

#second_menu .menu-list a.current div.r3 {
	padding: 1px 0;
	border-color: #ff6a00;
}

#second_menu .menu-list a.current div.content {
	top: -1px;
	border-width: 0;
	padding: 1px 6px;
	background: center left no-repeat;
}

#second_menu .menu-list a.expandable div.content {
	top: 0;
	border-bottom: #d7d7d7 1px dotted;
}

/**
 * Rounded border.
 *
 * In html, put 3 divs around the content:
 * <div class="r1"><div class="r2"><div class="r3">
 *   CONTENT
 * </div></div></div>
 *
 * To change the background and border color, override as followed:
 * div.r2 {
 *   background: #e4e4e4;
 * }
 * div.r2, div.r3 {
 *   border-color: #d7d7d7;
 * }
 */
div.r1 {
	padding: 0 1px; /* Needed for IE */
	border: none;
	position: relative;
}

div.r2 {
	border-width: 1px 0;
	border-style: solid;
	border-color: transparent;
}

div.r3 {
	border-width: 0 1px;
	border-style: solid;
	border-color: transparent;
	margin: 0 -1px;
}

/*============================ footer.jsp =================================*/
a.footer{
	color: #0080FF;
}

a.footer:link{
	color: #0080FF;
}

a.footer:visited{
	color: #0080FF;
}

a.footer:hover{
	color: red;
	text-decoration: none;
}

/*============================ Right Box =================================*/
.rightBigWord a {
	text-decoration: none;
}
.rightBigWord a label{
	font-size: 23px;
	font-weight: bold;
	color: #001559;
	text-decoration:none;
}
.rightBigWord a:hover label{
	font-size: 23px;
	font-weight: bold;
	color: red;
	text-decoration:none;
}

.rightSmallWord{
	color: #001559;
	padding-bottom:10px;
}

.rightSmallWord a{
	color: #001559;
	font-weight:bold;
	text-decoration:none;
}

.rightSmallWord a:hover{
	color: red;
	font-weight:bold;
	text-decoration:none;
}

/*================================ formsubmission claims form =======================================*/
.thirdMenu {
	width: 100%;
	font-size: 12px;
	font-weight: normal;
}

.thirdMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.thirdMenu li {
	margin: 0;
	padding: 0;
}

.thirdMenu a {
	display: table;
	width: 100%;
	line-height:23px;
	text-decoration: none;
	color: #000000;
}

.thirdMenu a:hover {
	color: red;
}

.thirdMenu .current a {
	color: red;
}

.thirdMenu a label{
	padding-left: 30px;
}

.boxTextBase {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.boxTextBlue {
	color: #006699;
}
.boxTextGrey {
	color: #666666;
}


.loginBtn {
	float: right;
}

.loginBtn a {
	background: url(../images/loginBtnBack.gif) left 0;
	color: #333;
	text-decoration: none;
	height: 28px;
	float: left;
	cursor: hand;
	margin: 0 5px 0 0;
}

.loginBtn a:link {
	color: #333;
}

.loginBtn a:visited {
	color: #333;
}

.loginBtn a:hover {
	background: url(../images/loginBtnBack.gif) left -28px;
	height: 28px;
}

.loginBtn a span {
	background: url(../images/loginBtnBack.gif) right 0;
	padding: 7px 8px 5px 0;
	margin: 0 0 0 8px;
	float: left;
	height: 16px;
	font-weight: bold;
}

.loginBtn a:hover span {
	background: url(../images/loginBtnBack.gif) right -28px;
	color: #333;
	padding: 7px 8px 5px 0;
	margin: 0 0 0 8px;
	height: 16px;
}

.linkWords {
	color: #0080ff;
}

a.linkWords:link {
	color: #0080ff;
}

a.linkWords:visited {
	color: #0080ff;
}

a.linkWords:hover {
	color: red;
}

.titleHeading {
	font-size:14px;
	color: #333333;
}

.titleHeadingDark {
	font-size:14px;
}

.titleWords {
	font-size:12px;
	color: #333333;
}

.articleWords {
	color: #4c4c4c;
}

/* Others */
.mainPageBox {
	padding: 24px; 
	background-image:url(../images/mainPageGreenBox.png); 
	background-repeat:no-repeat; 
	background-position:center;
}

.articleTable td tr {
	padding: 5px; 
}

.mainPageLoginBox {
	background-image:url(../images/mainPageLoginBox.png); 
	background-repeat:no-repeat; 
	background-position:center;
}

a.learnMore:link { color: #428CE7; text-decoration: none; }
a.learnMore:active { color: #428CE7; text-decoration: none; }
a.learnMore:visited { color: #428CE7; text-decoration: none; }
a.learnMore:hover { color: #428CE7; text-decoration: underline; }

.greyTitle{ color: #555555; font-size:16px; line-height:30px; text-decoration: none; }
a.greyTitle:link { color: #555555; font-size:16px; line-height:30px; text-decoration: none; }
a.greyTitle:active { color: #555555; text-decoration: none; }
a.greyTitle:visited { color: #555555; text-decoration: none; }
a.greyTitle:hover { color: #555555; text-decoration: underline; }

a.readMore {
	display: table-cell;
	background: url("../images/readMore.png") no-repeat;
	height: 26px;
	width: 97px;
	color: white;
	font-weight: bold;
	padding: 5px 0 0 10px;
	text-decoration: none;
}

a.readMore:link{
	color: white;
}

a.readMore:visited{
	color: white;
}

a.readMore:active{
	color: white;
}

#eclMenu {padding:0 0 0 20px; margin:0; list-style:none; height:32px; background:#fff url(../images/menu_back.png) repeat-x; position:relative; z-index:1; font-family:arial;}
#eclMenu li.top {display:block; float:left; height:28px; padding-top: 4px; text-align: left;}
#eclMenu li a.top_link {display:block; float:left; line-height:28px; color:#686144; text-decoration:none; font-size:12px; font-weight:normal; padding:0 0 0 10px; cursor:pointer;}
#eclMenu li a.top_link span {float:left; display:block; padding:0 16px 0 8px;}
#eclMenu li a.top_link span.down {float:left; display:block; padding:0 16px 0 8px;}

#eclMenu li a.home {display:block; float:left; line-height:28px; color:#686144; text-decoration:none; font-size:12px; font-weight:normal; padding:0 0 0 10px; cursor:pointer;background: url(../images/menuBtn.png) no-repeat; font-weight:bold;}
#eclMenu li a.home span {float:left; display:block; padding:0 16px 0 8px;background:url(../images/menuBtn.png) no-repeat right top;}

#eclMenu li a.current {background: url(../images/menuBtnWhite.png) no-repeat; font-weight:bold;}
#eclMenu li a.current span {background:url(../images/menuBtnWhite.png) no-repeat right top;}

#eclMenu li:hover a.top_link {text-decoration: underline}
#eclMenu li:hover a.current {text-decoration: none;}


/* Default list styling */

#eclMenu li:hover {position:relative; z-index:200;}

#eclMenu li:hover ul.sub
{left:1px; top:32px; background: #fff; color:#686144; padding:3px; border:1px solid #d4d4cb; white-space:nowrap; width:170px; height:auto; z-index:300;}
#eclMenu li:hover ul.sub li
{display:block; height:auto; position:relative; float:left; width:170px; font-weight:normal;}
#eclMenu li:hover ul.sub li a
{display:block; font-size:12px; height:auto; width:168px; line-height:23px; text-indent:5px; color:#686144; text-decoration:none;}
#eclMenu li ul.sub li a.fly
{background:url(../images/eclinkMenu_arrow.gif) 160px 6px no-repeat;}
#eclMenu li:hover ul.sub li a:hover 
{background:#efebdf; color:#000;}
#eclMenu li:hover ul.sub li a.fly:hover
{background:#efebdf url(../images/eclinkMenu_arrow.gif) 160px 6px no-repeat; color:#000;}


#eclMenu li:hover li:hover ul,
#eclMenu li:hover li:hover li:hover ul,
#eclMenu li:hover li:hover li:hover li:hover ul,
#eclMenu li:hover li:hover li:hover li:hover li:hover ul
{left:168px; top:-4px; background: #fff; padding:3px; border:1px solid #d4d4cb; white-space:nowrap; width:170px; z-index:400; height:auto;}

#eclMenu ul, 
#eclMenu li:hover ul ul,
#eclMenu li:hover li:hover ul ul,
#eclMenu li:hover li:hover li:hover ul ul,
#eclMenu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#eclMenu li:hover li:hover a.fly,
#eclMenu li:hover li:hover li:hover a.fly,
#eclMenu li:hover li:hover li:hover li:hover a.fly,
#eclMenu li:hover li:hover li:hover li:hover li:hover a.fly
{background:#efebdf url(../images/eclinkMenu_arrow.gif) 160px 6px no-repeat; color:#000;} 

#eclMenu li:hover li:hover li a.fly,
#eclMenu li:hover li:hover li:hover li a.fly,
#eclMenu li:hover li:hover li:hover li:hover li a.fly
{background:#efebdf url(../images/eclinkMenu_arrow.gif) 160px 6px no-repeat; color:#000;} 

/*==================================================== download ========================================================*/
.downloadLink,a.downloadLink:link,a.downloadLink:visited{
	font-size: 14px;
}
a.downloadLink:hover{
	color: red;
}

/*==================================================== home.jsp ========================================================*/
.listBox {
  *height:auto!important;
  height:300px;
  min-height:300px;
}

.changePhMsgBox{display:block}
.changePhMsgBox *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#fff1a8}
.changePhMsgBox1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fff8d9;
  border-right:1px solid #fff8d9;
  background:#fff4bd}
.changePhMsgBox2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fffdf6;
  border-right:1px solid #fffdf6;
  background:#fff3b8}
.changePhMsgBox3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fff3b8;
  border-right:1px solid #fff3b8;}
.changePhMsgBox4{
  border-left:1px solid #fff8d9;
  border-right:1px solid #fff8d9}
.changePhMsgBox5{
  border-left:1px solid #fff4bd;
  border-right:1px solid #fff4bd}
.changePhMsgBoxfg{
  background:#fff1a8;
    font-weight: bold;
    padding: 0 5px 0 5px;}
