/*Hero Portal own style */
body.hero {
	background-image: url(../images/hero_portal/bg.png);
	background-repeat: repeat-x;
}
div#footer.hero {
	background-color: #FFFFFF;
}

a:link.linktxt {
	color:#5DADB3;
	text-decoration: none;
}
a:hover.linktxt {
	color:#000;
	text-decoration: underline;
	background: #eaeaea;
}
a:visited.linktxt {
	color:#41868b;
	text-decoration: none;
}

/* slide show */
div.tmpSlide1 {
	display: none;
	position:absolute;
	top:-63px;
	left:0px;
}
div.tmpSlide1Adjust {
	display: none;
	position:absolute;
	top:0px;
	left:0px;
}
div.tmpSlide2 {
	display: none;
	position:absolute;
	top:0px;
	left:0px;
}
div.tmpSlide3 {
	display: none;
	position:absolute;
	top:0px;
	left:0px;
}
div.tmpSlide4 {
	display: none;
	position:absolute;
	top:0px;
	left:0px;
}
div.tmpSlide5 {
	display: none;
	position:absolute;
	top:0px;
	left:0px;
}
div.temSlideActive {
	display: block;
}
div.tmpSlide img {
	border: none;
}
div#tmpSlideContainer {
	position:relative;
	margin: 30px auto 0 auto;
	width:960px;
	height:450px;
}
div#tmpSlideshowControls {
	width:960px;
	height:18px;
	position:relative;
	top:425px;
	left:0px;
	background: url(../images/hero_portal/ss/bg_silideshow_control.png) no-repeat;
	padding:9px 0 10px 0;
	z-index:2;
}
div.tmpSlideshowControl {
	float: right;
	margin: 0 5px 0 0;
	width: 29px;
	height: 18px;
	cursor: pointer;
}
div.tmpSlideshowControlOn {
	color: #FFFFFF;
	background: #333333;
}
div.tmpSlideshowControlActive {
	border: 1px solid #000000;
	color: #000000;
	background: #FFFFFF;
}
div.youtube {
	width:212px;
	height:66px;
	position:relative;
	top:350px;
	left:-335px;
	background: url(../images/hero_portal/ss/slideshow_button.png) no-repeat;
	text-indexnt:-9999px;
	display:block;
	overflow:hidden
}
div.youtube:hover{
	width:212px;
	height:66px;
	position:relative;
	top:350px;
	left:-335px;
	background: url(../images/hero_portal/ss/slideshow_button_.png) no-repeat;
	text-indexnt:-9999px;
	display:block;
	overflow:hidden
}

/* end slideshow */


div#hero_contents {
	width:878px;
	height:auto;
	padding:0 40px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #FFFFFF;
}

/* tab area */

div#tabarea {
	width: 959px;
	height: 70px;
	margin: 0;
	padding: 3px 0 0 1px;
	background-image: url(../images/hero_portal/bg_tabarea.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align:left;
} 
div#tabarea ul.tabbutton {
	margin: 0;
	padding :0;
	list-style: none;
	display: inline;
} 
div#tabarea ul.tabbutton li {
	margin: 0;
	padding :0;
	float: left;	
} 
div#tabarea ul.tabbutton li.tab1 {
	width:212px;
	height:63px;
	position:relative;
	top:-120px;
	left:-335px;
	background: url(../images/hero_portal/tab_1_on.png) no-repeat;
	text-indexnt:-9999px;
	display:block;
	overflow:hidden
}
div#tabarea ul.tabbutton li.tab1:hover{
	width:212px;
	height:63px;
	position:relative;
	top:-120px;
	left:-335px;
	background: url(../images/hero_portal/tab_1_off.png) no-repeat;
	text-indexnt:-9999px;
	display:block;
	overflow:hidden
}

div.tabcontentsarea {
	width:878px;
	height:auto;
	text-align:left;
	margin:0;
	padding:0;
}
div.tabcontentsarea .break{
	clear:both;
	padding:0 0 25px 0;
	margin:0;
}
div.tabcontentsarea .break_narrow{
	clear:both;
	padding:0 0 5px 0;
	margin:0;
}
div.tabcontentsarea .break_border{
	clear:both;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom: 1px solid #7c8c95;
	
}
div.tabcontentsarea .backtop{
	clear:both;
	text-align:right;
	padding:10px 0;
	margin:0;
}
div.tabcontentsarea p.narrow {
	padding:15px 0 0 0;	
	margin:0;
}
div.tabcontentsarea p.wide {
	padding: 30px 0 0 0;	
	margin:0;
}

div.tabcontentsarea ul {
	padding: 15px 0 10px 15px;	
	margin: 0;
}
div.tabcontentsarea ul li {
	padding: 5px 0 0 0;	
	margin: 0;
}

div.tabcontentsarea h1 {
	background-image: url(../images/hero_portal/tab_bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	font-size: 15px;
	padding: 0 0 0 20px;
	margin:0;
	font-weight: bold;
	border: none;
}
div.tabcontentsarea h1.title {
	background:none;
	font-size: 20px;
	color:#333;
	padding: 0;
	margin:0;
	font-weight: bold;
	border: none;
	text-decoration:none;
}
div.tabcontentsarea h2 {
	font-size: 13px;
	padding: 30px 0 0 0;
	margin: 0;
	font-weight: bold;
	border: none;
	color: #638283;
	background:none;
}
div.tabcontentsarea h2.start {
	padding: 0;
	margin: 0;
	background:none;
}
div.tabcontentsarea h2.icon {
	padding: 0;
	margin: 0;
	padding: 15px 0 0 0;
	background:none;
}

/* layout style*/

div.tabcontentsarea .left_610 {
	width:610px;
	height:auto;
	float:left;
	margin:0 50px 0 0;
	padding:0;
	text-align:left;
}
div.tabcontentsarea .right_218 {
	width:218px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}

div.tabcontentsarea .left_510 {
	width:510px;
	height:auto;
	float:left;
	margin:0 40px 0 0;
	padding:0;
	text-align:left;
}

div.tabcontentsarea .right_328 {
	width:328px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}


div.tabcontentsarea .left_328 {
	width:328px;
	height:auto;
	float:left;
	margin:0 40px 0 0;
	padding:0;
	text-align:left;
}

div.tabcontentsarea .right_510 {
	width:510px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}
div.tabcontentsarea .left_420, div.tabcontentsarea .left_420_2 {
	width:420px;
	height:auto;
	float:left;
	margin:0 40px 0 0;
	padding:0;
	text-align:left;
}

div.tabcontentsarea .right_418, div.tabcontentsarea .right_418_2 {
	width:418px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}
div.tabcontentsarea .left_280, div.tabcontentsarea .center_280 {
	width:280px;
	height:auto;
	float:left;
	margin:0 19px 0 0;
	padding:0;
	text-align:left;
}

div.tabcontentsarea .right_280 {
	width:280px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}
div.tabcontentsarea .allwidth {
	width:878px;
	height:auto;
	text-align:left;
	clear:both;
}


/* icon and text area */
div.tabcontentsarea .icon_2col_l {
	width:209px;
	height:auto;
	padding: 0;
	float: left;
}
div.tabcontentsarea .icon_2col_r {
	width:209px;
	height:auto;
	padding: 0;
	float: right;
}
div.tabcontentsarea .icon_wrapper {
	width:130px;
	height:auto;
	padding: 0 0 15px 0;
}
div.tabcontentsarea .icon_wrapper_l {
	width:199px;
	height:auto;
	padding: 0 10px 15px 0;
}
div.tabcontentsarea .icon_wrapper img, div.tabcontentsarea .icon_wrapper_l img {
	float:left;
	padding: 0px 5px 0 0;
}

/* icon and text area end */

/* icon and text area - Wide */
div.tabcontentsarea .icon_col {
	width:420px;
	height:auto;
	padding: 0;
	margin-bottom:20px;
	float: left;
}
div.tabcontentsarea .icon_wrapper2 {
	width:420px;
	height:auto;
	padding: 0 0 15px 0;
}

div.tabcontentsarea .icon_wrapper2 img {
	float:left;
	padding: 0px 5px 0 0;
}
div.tabcontentsarea .icon_wrapper2 h2.icon{
	float:left;
	margin-right:15px;
	background:none;
}

div.tabcontentsarea .icon_wrapper2 p.narrow {
	float:left;
}

/* icon and text area - Wide end */

/* icon and text area - 328px */
div.tabcontentsarea .icon_col3 {
	width:328px;
	height:auto;
	padding: 0;
	float: left;
}
div.tabcontentsarea .icon_wrapper3 {
	width:328px;
	height:auto;
	padding: 0 0 15px 0;
}
div.tabcontentsarea .icon_wrapper3 img {
	float:left;
	padding: 0px 5px 0 0;
}
div.tabcontentsarea .icon_wrapper3 p.narrow {
	padding: 5px 0 0 0;
	margin:0;
}

/* icon and text area -328px end */

/* icon and text area - 328px */
div.tabcontentsarea .icon_col4 {
	width:280px;
	height:auto;
	padding: 0;
	float: left;
}
div.tabcontentsarea .icon_wrapper4 {
	width:280px;
	height:auto;
	padding: 0 0 15px 0;
}
div.tabcontentsarea .icon_wrapper4 img {
	float:left;
	padding: 0px 5px 0 0;
}
div.tabcontentsarea .icon_wrapper4 p.narrow {
	padding: 5px 0 0 0;
	margin:0;
}

/* icon and text area -328px end */


/* notice */
div.notice {
	font-size:90%;
	color: #666;
	padding:15px;
	background-color:#e7eded;
	border: 1px solid #ccc;
	text-align:left;
}
div.notice a {
	font-size:90%;
}
/* notice end */

/* tab 2 style */
div.tabcontentsarea .left_420 table, div.tabcontentsarea .right_418 table, div.tabcontentsarea .left_420_2 table, div.tabcontentsarea .right_418_2 table {
	padding:0;
	margin:30px 0 0 0;
}
div.tabcontentsarea .left_420 table td, div.tabcontentsarea .right_418 table td {
	padding:2px;
	margin:0;
	color:#999;
}
div.tabcontentsarea .left_420_2 table td, div.tabcontentsarea .right_418_2 table td {
	padding:2px;
	margin:0;
	color:#444;
}
div.tabcontentsarea .left_420 table td.space, div.tabcontentsarea .right_418 table td.space, div.tabcontentsarea .left_420_2 table td.space, div.tabcontentsarea .right_418_2 table td.space {
	height:5px;
	width:100%;
	padding:2px;
	margin:0;
	border-top: 1px dotted #7c8c95;
}
div.tabcontentsarea .left_420 table td li, div.tabcontentsarea .right_418 table td li {
	color:#444;
	padding:0;
	margin:0;
}
div.tabcontentsarea .left_420 table td blockquote, div.tabcontentsarea .right_418 table td blockquote {
	padding:0 0 0 10px;
	margin:0;
}
div.tabcontentsarea .left_420 table th, div.tabcontentsarea .right_418 table th, div.tabcontentsarea .left_420_2 table th, div.tabcontentsarea .right_418_2 table th {
	padding:5px 2px 2px 5px;
	margin:0;
	background:;
	vertical-align:top;
	color: #000;	
	background-image: url(../images/hero_portal/bg_spec_table.png);
	background-repeat:repeat-y;
}
/* tab 2 style end*/

/* tab 3 style */

div.tabcontentsarea .left_425 {
	width:425px;
	height:auto;
	float:left;
	margin:0 28px 0 0;
	padding:0;
	text-align:left;
}

div.tabcontentsarea .right_425 {
	width:425px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}
div.tabcontentsarea .left_266, div.tabcontentsarea .center_266 {
	width:266px;
	height:auto;
	float:left;
	margin:0 40px 0 0;
	padding:0;
	text-align:left;
}

div.tabcontentsarea .right_266 {
	width:266px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}