/* --------------------------------- 
Global CSS for eMisk 16-18-1-14-10-1-12  
------------------------------------ */
@import"../reset.css";
@import"infiniteCarousel.css";
@import"menu.css";

/* $$$$$$$ -------------
	All Float property Set 
------------ $$$$$$$$ */
BODY{font-size:0.8em;}

.freeLeft,
.top-utility, .search-holder, .int01, .int03, .go-icon, .icon-home,
.utyLinks DL, .utyLinks DL DD, .utyLinks DL DD a,
.menu-Logo, .small-shade, .footer-holder, .siteMap-footer DL,  .siteMap-footer DL DT, .siteMap-footer DL DD,
.contact-footer, .siteMap-footer, .link-site, .content-brif-holder, .brif-box, .ic01, .ic02, .ic03, .ic04, .box-head,
.list-01, .list-01 UL, .list-01 UL LI, .list-01 UL LI .news-link, .list-01 UL LI SPAN, .btnTwo, .btnTwo DL, .btnTwo DL DD, .yes, .no, .noty, .reg, .notyTxt,
.link-site, .link-site DL, .link-site DL DD, .btn-bea, .btn-epa, .P01, .P02, .P03, .P04,
.uty-contact, .uty-contact UL, .uty-contact UL LI, .c01, .c02, .c03, .seprator,
.banner-inside, .breadcrumb, .news-block, .pdf-icon, .dwn-icon a, .dwn-icon,
.photo-holder, .box-01, .labTxt, .labTxt DL, .labTxt DL DD, .col-left, .col-right, .news-head, .news-head H1,
.banner, .branding, .changeImg-Holder, .rel-para-LT, .rel-para-LM, .paginationHolder, .pagination UL, .pagination UL LI,
.tbl-holder, .list-02, .list-02 UL, .list-02 UL LI, .icon-file, .icon-down,
.labint01, .labint01 DL DT, .labint01 DL, .labint01 DL DD, .labint01 DL DD LABEL, .labInt02 LABEL.error, .lab01, .content-wrapper,
.first, .pre, .next, .last, .search-result-box, .list-order-01, .list-order-01 OL, .list-order-01 OL LI,
.vote-bar, .vote-bar UL, .vote-bar UL LI, .shine-block, .image-col, .text-col
{float:left;}

.freeRight,
.footer-links, .footer-links UL,
.topBg, .utyLinks, .more P, .caption, .caption-inside, .issu-date, .rel-para-RM, .rel-para-RT, .pagination
	{float:right;}
.wrapper-page, .small-shade,
.menu-Logo, .footer-holder, .content-brif-holder, .box-head,
.list-01, .list-01 UL, .list-01 UL LI, .list-01 UL LI .news-link, .list-01 UL LI SPAN, .btnTwo, .link-site DL DD, .seprator,
.banner-inside, .breadcrumb, .news-block, .labTxt DL DD, .news-head, .rel-para-M, .paginationHolder,
.tbl-holder, .list-02 UL, .list-02 UL LI, .labint01 DL DT, .labint01 LABEL.error, .content-wrapper,
.search-result-box, .list-order-01 OL, .list-order-01 OL LI, .vote-bar, .vote-bar UL, .vote-bar UL LI,.shine-block
{clear:both;}

/* $$$$$$$ ----------------------------
			Text style set
------------------------------ $$$$$$$$ */
.box-head H2, .caption, .caption-inside H1, .news-block H1, .labTxt H2, .news-head H1, .head1, .list-02 H2, .project-graph-block H2, .msg-holder H2
{font-family:"Arial Narrow", Arial; font-weight:normal;}
.box-head H2{font-size:145%; padding-top:18px; color:#328f00;}
.box-head H2 SPAN{font-weight:bold;}
.caption H1{font-size:190%; font-weight:normal;}
/*.caption H1 SPAN{font-size:120%;}*/
.caption H2, .caption-inside H2{font-size:140%; font-weight:normal; color:#83d3f3;}
.caption H2{margin:40px 0px 10px 0px;}
	.caption-inside H2{margin:32px 0px 10px 0px;}
	.caption-inside H1{font-size:240%; margin:33px 0px;}
.content-block, .vote-bar{font-size:85%;}
.list-01 UL LI .news-link{font-size:100%; text-decoration:none;}
.list-01 UL LI .news-link:hover{text-decoration:underline;}
.list-01 UL LI SPAN{font-size:85%; margin-top:4px; color:#666;}
.head2{font-size:140%; color:#39780d; font-weight:normal; margin:10px 0px 10px 0px;}
.btn-bea, .btn-epa{font-size:150%; color:#fff; text-decoration:none; padding:26px 0px 0px 90px;}
.head3, .copy, .uty-contact a{font-size:85%;}
.news-block H1{font-size:150%; color:#328f00;}
.labTxt H2{font-size:150%; color:#328f00; margin-bottom:5px;}
.news-head H1{font-size:160%; color:#328f00;}
.head1{font-size:200%; color:#328f00;}
.list-02 H2{font-size:130%; color:#328f00; margin-bottom:5px;}
.project-graph-block H2{font-size:150%; color:#328f00;}
.labint01 DL DD LABEL{text-align:right;}
.labint01 DL DT{font-size:80%; padding:0px 0px 5px 124px;}
.labint01 DL DT B, .labint01 DL DD B {color:#328f00;}
.labint01 LABEL.error{text-align:left; font-size:90%; color:#fff; background:#328f00;}
.search-result-box H2{font-size:130%; font-weight:normal;}
.search-result-box H2 a{color:#207ea4; text-decoration:none;}
.search-result-box H2 a:hover{text-decoration:underline;}
.more P{font-size:80%;}
.list-order-01 OL LI{line-height:1.5em;}
.shine-block P{font-size:130%; text-indent:34px; text-shadow:0.1em 0.1em #fff; padding:5px 10px 5px 10px; color:#154793;}
.smallTxt{font-size:85%;}
.msg-holder H2{font-size:150%; color:#205703;}
.news-head02 a{color:#328f00; text-decoration:none;}
.news-head02 a:hover{color:#000;}

/* $$$$$$$ ------------------------- 
			page Layout 
------------------------ $$$$$$$$ */

.wrapper-page
	{
	margin:0px auto;
	padding:0px;
	position:relative;
	width:950px;
	display:table;
	background:url("../../images/bg-graphic.png") no-repeat  50% 0;
	}
.content-wrapper{width:950px;}
.top-utility{clear:both; width:950px; margin:10px 0px 10px 0px;}
.spl-01{color:#d7500e;}
.spl-02{color:#4a7c0b;}
/* $$$$$$$ ------------------------- 
			All images positions
------------------------ $$$$$$$$ */
.callStripeVer{background:url("../../images/stripe-hoz.png") no-repeat;}
.callStripe{background:url("../../images/stripe-icons.png") no-repeat;}
.go-icon{width:20px; height:16px; margin-left:2px; background-position:-593px -231px;}
.icon-home{width:25px; height:25px; background-position:-485px -226px;}
.branding{width:137px; height:125px; padding:45px 0px 0px 4px; background-position:-343px -320px;}
.caption, .caption-inside{background:#207ea4 url("../../images/stripe-icons.png") no-repeat 23px -324px;}
.footer-holder{background-position:0 -234px; background-repeat:repeat-x; width:930px; padding:10px 10px 0px 10px; color:#8f8f8f; font-family:"Arial Narrow", Arial;}
.footer-holder a{color:#8f8f8f; text-decoration:none;}
.footer-holder a:hover{color:#000;}
.brif-box{background-position:0 -1600px; background-repeat:repeat-x;}
.ic01{background-position:-12px -10px;}
.ic02{background-position:-80px -10px;}
.ic03{background-position:-153px -10px;}
.ic04{background-position:-224px -10px;}
.yes{background-position:-669px -25px;}
.no{background-position:-800px -25px;}
.noty{background-position:-543px -230px;}
.reg{background-position:-526px -23px;}
.btn-bea{background-position:-14px -100px;}
.btn-bea:hover{background-position:-14px -198px;}
.btn-epa{background-position:-256px -100px;}
.btn-epa:hover{background-position:-256px -198px;}
.P01{background-position:-482px -87px;}
.P02{background-position:-602px -87px;}
.P03{background-position:-722px -87px;}
.P04{background-position:-840px -87px;}
.siteMap-footer{background-position:100% -983px;}
.c01{background-position:-314px -17px;}
.c02{background-position:-382px -17px;}
.c03{background-position:-455px -17px;}
.seprator{background-position:-740px -238px;}
.pdf-icon{background-position:-505px -315px;}
.photo-holder{background-position:-505px -371px;}
.icon-file{background-position:-504px -317px;}
.icon-down{background-position:-567px -317px;}
.first{background-position:-703px -325px;}
.pre{background-position:-844px -325px;}
.next{background-position:-797px -325px;}
.last{ background-position:-749px -325px;}
.tag-T{background-position:-698px -382px; left:0; top:0;}
.tag-B{background-position:-786px -382px; right:0; bottom:0;}

.menu-Logo{position:relative; width:950px; background-position:0 -767px; background-repeat:repeat-x;}
.left-corner{float:left; background-position:0 -711px; width:24px; height:45px;}
.menu{background-position:100% -824px;}
.branding{position:absolute; left:34px; top:-8px; z-index:9999;}

.banner{clear:both; width:948px; height:150px; border:1px solid #6ebfdd; background:#207ea4;}
.changeImg-Holder{z-index:-1;}
.caption{width:331px; padding:30px 12px 0px 0px; color:#fff; text-align:right;}
	.banner-inside{width:948px; border:1px solid #6ebfdd; background:#207ea4;}
	.caption-inside{width:330px; height:80px; padding:0px 12px 40px 0px; color:#fff; text-align:right;}

.small-shade{width:950px; height:4px; background-position:-40px -287px;}
.contact-footer{width:220px;}
.content-brif-holder{width:950px; padding:30px 0px 0px 0px;}
.brif-box{position:relative; width:202px; height:200px; padding:0px 10px 0px 10px; background-color:#fff;}
.marLR1{margin:0px 10px 0px 20px;}
.marLR2{margin:0px 20px 0px 10px;}
.box-head{width:200px; margin-bottom:12px;}
.ic01, .ic02, .ic03, .ic04{width:54px; height:54px;}
.photo-holder{width:115px; height:122px; padding:6px 6px 6px 6px; margin-right:10px;}
.icon-down{width:30px; height:36px; margin-left:15px;}
.icon-file{width:36px; height:36px; margin-left:10px;}
.first, .pre, .next, .last{width:16px; height:16px;}

.utyLinks{margin-right:10px;}
.utyLinks DL{margin-right:10px;}
.utyLinks DL DD{padding:5px 12px 5px 12px; background:url("../../images/stripe-hoz.png") no-repeat 100% -1360px;}
.utyLinks DL DD.noLine{background:none;}
.utyLinks DL DD a{padding:0px 0px 3px 0px; text-decoration:none;}
.siteMap-footer DL, .siteMap-footer DL DT, .siteMap-footer DL DD{width:130px;}
.siteMap-footer DL{margin-right:10px;}
.siteMap-footer DL DT{font-weight:bold; margin-bottom:5px;}
.siteMap-footer DL DD{margin-bottom:5px;}
.list-01{height:90px;}
.list-01 UL LI{width:200px; margin:0px 0px 4px 0px;}
.labTxt DL DD{margin-bottom:5px; line-height:1.2em; width:100%;}
.labTxt DL DD LABEL{font-weight:bold; color:#666; margin-right:4px;}
.list-02 UL LI{width:100%; margin-bottom:10px;}
.labint01 DL DD{width:420px; margin-top:5px;}
.labint01 DL DD .lab01{font-weight:bold; width:120px; padding:2px 4px 0px 0px;}


.yes, .no{width:85px; height:35px;}
.noty{width:24px; height:24px;}
.reg{width:106px; height:35px;}
.notyTxt{margin:6px 10px 0px 5px;}
.link-site{width:230px;}
.btn-bea{margin-bottom:20px;}
.btn-bea, .btn-epa{width:100px; height:40px; margin-left:10px;}
.P01, .P02, .P03, .P04{width:94px; height:94px;}
.c01, .c02, .c03{width:46px; height:46px;}
.contact-footer{margin-left:10px;}
.uty-contact UL LI{width:46px; text-align:center; padding:0px 12px 0px 12px;}
.seprator{height:5px; width:220px;}
.pdf-icon{width:36px; height:36px;}


.breadcrumb{width:740px; margin:5px;}
.breadcrumb a{color:#676767; text-decoration:none;}
.breadcrumb a:hover{color:#000; text-decoration:underline;}
.news-block, .box-01{border:1px solid #d9d9d9; background:url("../../images/bg-block.jpg") repeat-x 0 0;}
.news-block{width:930px; padding:10px;}
.dwn-icon{background:#ddd; border:1px solid #d9d9d9; padding:2px 10px 2px 2px;}
.dwn-icon:hover{background:#fff;}
.dwn-icon a{margin:10px 0px 0px 5px; text-decoration:none; color:#0a562e;}
.col-left, .col-right{width:440px;}
.col-left{margin-right:26px;}
.col-right{margin-left:26px;}
.box-01{width:440px; margin-bottom:10px; padding:5px;}
.fix-h{height:150px;}
.labTxt{width:300px;}
.mid-space{width:45px; height:30px;}
.rel-pera-img{width:100%; border:2px solid #bdbdbd;}
.rel-para-LT{margin:0px 30px 30px 0px; border:2px solid #bdbdbd;}
.rel-para-LM{margin:10px 10px 10px 0px;}
.rel-para-RM{margin:10px 0px 10px 10px;}
.rel-para-RT{margin:0px 0px 10px 10px;}
.rel-para-M{margin:10px 0px 10px 0px;}
.news-head{width:930px; padding:10px; border-bottom:1px solid #cdb; background:url("../../images/bg-block.jpg") repeat-x 0 -20px;}
.news-head H1{width:820px;}
.chart-box{text-align:center; width:950px;}

.search-result-box{width:950px; padding-top:5px; margin-bottom:10px; border-top:1px solid #d9d9d9;}
.more{position:absolute; width:200px; bottom:5px; right:10px;}

.tbl-holder{width:950px; background:#ebebeb;}

.tblData{border:1px solid #d9e8ef;}

.tblData CAPTION{font-weight:bold; padding:5px 0px 10px 0px;}
.tblData .tbl-head-style{background:url(../../images/bg-block.jpg) repeat-x 0 -40px; font-weight:bold; border-bottom:1px solid #d9d9d9;}
.tblData .tbl-head-style TD{padding:8px 4px 8px 4px; color:#666;}
.tblData .tbl-body-style TD{padding:8px 4px 8px 4px; border-color:#d9e8ef;}
.tblData a{text-decoration:none; color:#207da4;}
.tblData a:hover{color:#000;}
.altColor{background:#d9e8ef;}
.tblData .tbl-body-style TR:hover{background:#c4fa85;}
.paginationHolder{width:950px; background:#e7edef; font-size:90%; padding:4px 0px 4px 0px;}	
	.pagination IMG{vertical-align:middle;}
	.pagination UL{padding-left:35px;}
	.pagination UL LI{display:inline; padding:2px 4px 3px 0px;}
	.pagination UL LI.ver02p{padding-top:3px;}
.marL{margin-left:10px;}
.bg-01{background:url("../../images/bg-block.jpg") repeat-x 0 0;}
.list-order-01 OL{margin-left:18px; *margin-left:0;}
.list-order-01 OL LI{list-style-type:decimal; *padding-left:16px; *width:90%; *background:url("../../images/list-img.png") no-repeat 0 5px;}
.vote-bar UL LI{width:200px; margin-top:2px;}
.vote-bar UL LI .green{color:#328f00;}
.vote-bar UL LI .red{color:#d45;}
.vote-bar UL .poll-total{margin-top:4px; font-weight:bold;}
.show-month{padding:2px; background:#fff;}
.slt-01{margin:10px 0px 0px 10px;}
.shine-block{position:relative; padding:5px 0px 5px; background:url("../../images/bg-shine.jpg") repeat-y 50% 0;}
.tag-T, .tag-B{position:absolute; width:35px; height:30px;}
.msg-holder{padding:30px 10px 30px 10px; background:#bcf77a; border:2px solid #a6a6a6; border-left:none; border-right:none;}
.edit-content-holder P{text-align:justify; margin-bottom:10px;}
.edit-content-holder OL, .edit-content-holder UL{line-height:1.5em; margin-bottom:10px; list-style-position:inside; display:block;}
.edit-content-holder OL{list-style-type:decimal;}
.edit-content-holder UL{list-style-type:circle;}
.image-col{width:210px; margin-right:40px;}
.text-col{width:695px;}


/* ### jQuery alert style ### */
.labint01 LABEL.error{width:200px; margin-left:124px; padding:2px 0px 2px 0px;}
/* #### -------------
	Toggle style 
------------------- ##### */
.ddpanel, .ddpanelcontent{float:left; clear:both;}
.ddpanelcontent{padding:10px 10px 0px 10px;}
.ddpanel .ddpaneltab a{float:left; text-decoration:none;}
.ddpanel .ddpaneltab a span{float: left; display: block; margin-top:10px; cursor: pointer;}
.ddpanel .ddpaneltab a span img.pointerimage{margin-top: 2px; margin-left: 5px;}
.ddpanel .ddpaneltab a:hover span{float:left; background-color: transparent; }
/* #### -------------
Tabs
######## -------------*/
.ui-tabs {padding:.2em; zoom: 1;}
.ui-tabs .ui-tabs-nav {position: relative; float:left; padding:2px 2px 0 0; width:948px; border-bottom:1px solid #d9d9d9;}
.ui-tabs .ui-tabs-nav li {position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0;}
.ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; padding:.5em 1em; color:#666;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected 
{padding-bottom:1px; border-bottom-width:0; border:1px solid #d9d9d9;  background:url("../../images/bg-block.jpg") repeat-x 0 -20px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{color:#328f00;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { /*padding: 1em 1.4em;*/ display: block; border-width: 0; background:none;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.tab-content{float:left; clear:both; width:948px; padding:10px 0px 0px 2px;}
