/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */

html{ line-height: 1.5em;}
#header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer {
    word-wrap: break-word;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table {
    font-size: 1em;
}
table {
    border-collapse: collapse;
}
/*
 * Body
 */

body {
	margin:0 auto;
	padding: 0;
	font-family: "Poppins", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
  background-repeat: no-repeat;
  background-attachment: fixed;
}


.clear{clear:both}
.left{float:left}
.right{float:right}
.site{width:1000px; margin:0px auto;overflow:hidden;background:url('../images/sitebg.png') repeat-y}
.eqHeight{/*margin-bottom:-99999px; padding-bottom:99999px;*/}
.site.front_page{overflow:visible}
.front_page.eqHeight{margin-bottom:-50px; padding-bottom:50px;}
#page {
width:1000px;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */

#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */

#header {
	/*min-height:50px;*/
}

#logo { /* Wrapping link for logo */
  float: left; /* LTR */
  margin: 0;
  padding: 0;
}
#logo img {
  vertical-align: bottom;
}

#name-and-slogan { /* Wrapper for website name and slogan */
  float: left;
}

#site-name { /* The name of the website */
  margin: 0;
  font-size: 2em;
  line-height: 1.5em;
}
#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}
#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan { /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

.region-header { /* Wrapper for any blocks placed in the header region */
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main {
background-color:#FFF;
}

#contentwapper {	width:760px; background-color:#FFF;}

#content{margin-left:10px; padding:0 5px;}

#content_right{margin-right:15px;}
#content_right .block{float:right; clear:right;}

.region-highlighted {
}

.breadcrumb { /* The path to the current page in the form of a list of links */
 padding-left:10px;
}
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
h1.title {margin:0; color: #005EFA; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2.23em;/*position:absolute;left:-1000px;top:-1000px*/}
 /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title { /* Comment title */
  margin: 0;
}

tr.even { /* Some tables have rows marked even or odd. */
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages { /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status { /* Normal priority messages */
}

div.warning,
tr.warning { /* Medium priority messages */
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error { /* High priority messages. See also the .error declaration below. */
}

.error { /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning { /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

.tabs { /* See also the tabs.css file. */
}

.region-help { /* Help text on a page */
}

.more-help-link { /* Link to more help */
}

.region-content { /* Wrapper for the actual page content */
}

ul.inline { /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0; /* LTR */
}

span.field-label { /* The inline field label used by the Fences module */
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager { /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
.item-list .pager li { /* Each page number in the pager list */
  padding: 0 0.5em;
}

.feed-icon { /* The link to the RSS or Atom feed for the current list of content */
}

.more-link { /* Aggregator, blog, and forum more link */
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

.region-sidebar-first {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */

.region-sidebar-second {
}

.whitebg{background-color:#FFF;}
#fullwidthBottomGreen{background-color: #287C40;padding:10px 5px;}
#fullwidthBottomL{width:720px; padding:0 4px 0 8px;}
#fullwidthBottomR,#fullwidthBottom2R{width:255px; padding:0 8px 0 4px;}
#fullwidthBottom2M{width:255px; padding:0 4px;}
#fullwidthBottom2L{width:457px; padding:0 4px 0 8px;}
.fullwidthBottomWapper{ padding-top:5px;}
.fullwidthBottomWapper .sitewidth{padding: 5px 0;}

#fullwidthBottomGreen .block{padding:5px;}

/*
 * Footer
 */

#footer {
/*min-height:50px*/
}

/*
 * Page bottom
 */

.region-bottom { /* Wrapper for any blocks placed in the page bottom region */
}

/* 
.article , .view{
padding:0 10px;
}
 */

#main.front_page.lang_zh-hant , #main.front_page.lang_zh-hans {
	background-image:url("../images/top_chi_bg.png");
}
#contentwapper.front_page {	width:760px; background-color:transparent;}



.page_title_image {
	padding-bottom:10px;
}
.content_title {
	color:#006601;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 2em;
	line-height: 1.5em;
}
.content_title .content_title{font-size: 1em;}

.region-content h2 .content_title,
.region-content .content_title h2,
.region-content h2 .content_subtitle,
.region-content .content_subtitle h2
{
  font-size: 24px;
}
.region-content h3 .content_title,
.region-content .content_title h3,
.region-content h3 .content_subtitle,
.region-content .content_subtitle h3{
  font-size: 19px;
}


.region-content h2, .region-content h2 *{
  color:rgb(0, 102, 1) !important;
}
.region-content h3, .region-content h3 *{
  color: rgb(204, 51, 1) !important;
}

.content_subtitle {
	color:#cc3301;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.8461em;
	line-height: 1.5em;
}
.content_subtitle .content_subtitle{font-size: 1em;}

table {
	margin:0;
}

.fulltable table {
	width:100%;
}
.fulltable .views-field-field-date{
	width: 120px;
}
.views-table{margin-top:10px}

.views-table  th{background-color:#006601; color:#FFF; padding:5px
}
.views-table  .odd{
background-color:#ffffff;
}
.views-table  .even{
background-color:#fafad9;
}

ul {
	padding:0 0 0 30px;
	margin:0;
}
li {
	padding:0;
	margin:0;
}

.table_header {
	background:#006600;
	color:#FFF;
	font-size:130%;
}



/* Front page Highlight:*/

#hl_block{line-height:1.2em;}
.hl_move{cursor:pointer;}
#hl_arrow_up{background:url('../images/english/arrow_up.png') no-repeat; width:283px;height:34px; display:block;}
#hl_arrow_up:hover, #hl_arrow_up:focus{background:url('../images/english/arrow_up_o.png') no-repeat; }
#hl_arrow_down{background:url('../images/english/arrow_down.png') no-repeat; width:283px;height:25px; display:block;}
#hl_arrow_down:hover, #hl_arrow_down:focus{background:url('../images/english/arrow_down_o.png') no-repeat; }
#hl_share{background:url('../images/english/btn_share.png') no-repeat; width:119px;height:20px; display:block; float:right; clear:right;}
#hl_share:hover, #hl_share:focus{background:url('../images/english/btn_share_o.png') no-repeat;}
#highlightSeeAll {color: #FFF200; margin: -19px 15px 0 0; float:right;}
#highlightSeeAll:hover, #highlightSeeAll:focus {text-decoration: underline;}

.zh-hant#hl_arrow_up{background:url('../images/tc_chi/arrow_up.png') no-repeat;}
.zh-hant#hl_arrow_up:hover,
.zh-hant#hl_arrow_up:focus{background:url('../images/tc_chi/arrow_up_o.png') no-repeat; }
.zh-hant#hl_arrow_down{background:url('../images/tc_chi/arrow_down.png') no-repeat;}
.zh-hant#hl_arrow_down:hover,
.zh-hant#hl_arrow_down:focus{background:url('../images/tc_chi/arrow_down_o.png') no-repeat; }
.zh-hant#hl_share{background:url('../images/tc_chi/btn_share.png') no-repeat;}
.zh-hant#hl_share:hover,
.zh-hant#hl_share:focus{background:url('../images/tc_chi/btn_share_o.png') no-repeat;}

#hl_share:hover .share_social,#hl_share:focus .share_social{ display:block }


.highlight_banner{
    height: 53px;
    width: 284px;
	background-image:url('../images/highlight_btn.png');
	cursor:pointer;
	display:none;
	overflow:hidden;
	color:#000;
	text-decoration:none;
}

.highlight_banner.focusing{background-image:url('../images/highlight_btn_o.png')}

.highlight_banner div {
    padding: 10px 75px 10px 10px;
	font-size:11px;
	line-height:12px;
}
.highlight_banner img {
    float: right;
    height: 46px;
    margin-top: 3px;
}

#highlight_pic {
    height: 290px;
    margin: auto;
    position: relative;
    width: 441px;
}
.highlightSlider {
    height: 290px;
    width: 441px;
}
.highlightTitle { color: #FFF200 !important; font-weight:bold; display:block; padding:0 0 5px; }

#hl_text {
	background-color:#001F42;
    background-color: rgba(0, 31, 66, 0.9);
    bottom: 0;
    left: 0;
    opacity: 0.9;
    position: absolute;
    width: 441px;
}

#hl_imgtext { color: #FFF; min-height: 120px; max-height: 260px; padding: 15px; width: 411px; }
.highlightText { min-height: 105px;	padding:0 0 20px; }
.highlightShare, .highlightID {height: 20px; bottom: 10px; position:absolute;}
.highlightID{left:15px}
.highlightShare{right:15px}

.share_social{
	background: url("../images/btn_share_o2.png") no-repeat;
	display:none;
    height: 70px;
    width: 149px;
	position:relative;
	left:3px;
	top:10px;
	z-index:9999;
}


/*Front Page Bottom Add-on*/
#fullwidthBottom2M .block-title,
#fullwidthBottomL .block-title,
#fullwidthBottom2R .block-title{height:2em;background:#006B31}

#fullwidthBottom2M h2,
#fullwidthBottomL h2,
#fullwidthBottom2R h2{color:#FFF; padding:0 5px;}

#fullwidthBottom2R h2{width:230px; margin:0 auto;}

#ea_links{float:right;clear:right; position:relative;top:-16px;}
.seeall, #VideoSeeall, #EventSeeall{background:url('../images/english/btn_see_all.png') no-repeat; width:60px;height:18px;display:inline-block;}
.seeall:focus, .seeall:hover, #VideoSeeall:focus,#VideoSeeall:hover, #EventSeeall:focus,#EventSeeall:hover{background:url('../images/english/btn_see_all_o.png') no-repeat}
#ea_share{background:url('../images/english/btn_share.png') no-repeat; width:119px;height:20px; display:inline-block;}
#ea_share:hover, #ea_share:focus{background:url('../images/english/btn_share_o.png') no-repeat;}
#ea_share:hover .share_social,#ea_share:focus .share_social{ display:block }
#EventContainer{padding-bottom:30px}
#EventContainer #tableWapper{min-height:140px;}
.ea_H1{ color: #006504; font-size:0.48em;}
.ea_desc{line-height:normal}
.ea_data td{vertical-align:top;}
.ea_data h1{padding:0; line-height:0.48em;margin:0}
.ea_data hr{padding:0;margin:1em 0 0 0}
#ea_control{text-align:center;line-height:18px;}

.ea_btn{text-decoration:none;}

/* EA Chinese*/
.zh-hant.seeall, .zh-hant#VideoSeeall, .zh-hant#EventSeeall{background:url('../images/tc_chi/btn_see_all.png') no-repeat;width:66px;height:21px;}
.zh-hant.seeall:focus, .zh-hant.seeall:hover, .zh-hant#VideoSeeall:focus,.zh-hant#VideoSeeall:hover,.zh-hant#EventSeeall:focus,.zh-hant#EventSeeall:hover{background:url('../images/tc_chi/btn_see_all_o.png') no-repeat}
.zh-hant#ea_share{background:url('../images/tc_chi/btn_share.png') no-repeat;}
.zh-hant#ea_share:hover, .zh-hant#ea_share:focus{background:url('../images/tc_chi/btn_share_o.png') no-repeat;}


/* Online Service */

.tset {
    height: 42px;
}
.tset span {
    margin-left: 5px 0 0 5px;
    position:absolute;

}



#onlineService ul {


list-style: none; margin: 0; padding: 0;}
#onlineService li {
margin: 0px;
padding: 0px;
vertical-align:middle;
}

#onlineService ul li ul {
	padding: 0px;
	position: absolute;
	width: 190px;
	border: solid 1px #00632c;
	background-color: #FFFFFF;

	background-repeat: repeat;

	visibility: hidden;
	top: auto;
	margin-left: 238px;
	margin-top: -52px;
	z-index:9999;
}

#onlineService ul li:hover ul {
  display: block;
  visibility: visible;
}


#onlineService a {
	display: block;
	margin: 0px;
	padding-top: 8px;
	/* padding-bottom: 8px; */
	border-bottom: solid 1px #697069;
	color: #003333;

	text-decoration: none;
	font-size: 12px;
}

#onlineService a.fly {
    background: url(../images/ico_menu.png) no-repeat right center;
}
#onlineService ul li ul li a {
	padding:8px;
}

#onlineService a:hover {
	border-top: solid 0px #697069;
	color: #ffffff;
	text-decoration:underline;
	background-color:#00632c;
}
#onlineService h3 {margin: 0; padding-top: 15px; padding-bottom: 15px; font-weight: normal; background-color: #c0c0c0; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}


#onlineService {
	border-bottom: solid 1px #ffffff;
	background-image: url(../images/bg_left.png);
	border-top: 0;
	background-repeat: repeat;
}

/* Video*/
#videoWapper div{
	margin:0 auto;
	width:240px;
}
#videoContainer{
	height:130px;
}
#videoTitle {
    background-color: #48484A;
    color: #FFFFFF;
    font-weight: bold;
	text-align:center;
    padding: 7px 0;
}
#videoPDF, #videoPDF a {
    background-color: #626262;
    color: #FFFFFF;
	text-align:center;
    font-weight: bold;
    padding: 7px 0;
}

.front_video_small_thm{height:53px;}
.front_video_small_title{font-size:8px;}
.video-thm .views-field-title{line-height:10px;color:#1B7399}
.video-thm .views-field-title a{text-decoration:none;color:#1B7399}
.view-display-id-block_1.video-thm{width:220px; margin:0 auto;}
/* Banner 1, 2 */
/**
 * A simple sample carousel Hack.
 */

.jcarousel-skin-default {text-align: center;}
.jcarousel-skin-default .jcarousel-container-horizontal {width: 98%; height: 95%; padding: 0; margin: auto;}
.jcarousel-skin-default .jcarousel-container-vertical {width: 98%; height: 20px; padding: 0;  margin: auto;}
.jcarousel-skin-default .jcarousel-clip-horizontal {  width: 100%;  overflow: hidden;}
.jcarousel-skin-default .jcarousel-clip-vertical {  height: 100px;  overflow: hidden;}

.jcarousel-skin-default .jcarousel-item {  padding: 0;  min-width: 120px;  height: auto;  overflow: hidden;  border: 0;list-style: none;background: none;border:none;}

.jcarousel-skin-default .jcarousel-item-horizontal {  margin: 0 1px;}
.jcarousel-skin-default .jcarousel-item-vertical {  height:50px; width:90%;  margin: 4px 0;  text-align:left;  line-height:22px;}
.StuAwardView .jcarousel-skin-default .jcarousel-item-vertical { height:70px;}
.jcarousel-skin-default .jcarousel-item-placeholder {background: none}
  /*#fff url(throbber.gif) no-repeat center center;
  color: #000;*/
/* Added for jcarousel-view--banner-1--block: 2014/04/25 */
.banner-1 .jcarousel-item-horizontal{margin: 0;}
.banner-1 .jcarousel-item{min-width: 160px;}


/**
 * Buttons
 */
.jcarousel-skin-default .jcarousel-next,
.jcarousel-skin-default .jcarousel-prev {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url('/epd/sites/all/modules/jcarousel/skins/default/arrows.png');
}

.jcarousel-skin-default .jcarousel-next-disabled,
.jcarousel-skin-default .jcarousel-prev-disabled {
  display: none;
}

/**
 * Horizontal Buttons
 */
.jcarousel-skin-default .jcarousel-prev-horizontal {
display: none; position: absolute; top: 30px; left: 10px;background-position: 0 0;
}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover {
 /*display: none;
  background-position: -32px 0;*/
}
.jcarousel-skin-default .jcarousel-prev-horizontal:active {
 /*display: none;
  background-position: -64px 0;*/
}

.jcarousel-skin-default .jcarousel-next-horizontal {
 display: none;
 position: absolute;
  top: 55px;
  right: 10px;
  background-position: 0 -32px;
}
.jcarousel-skin-default .jcarousel-next-horizontal:hover {
 display: none;
  background-position: -32px -32px;
}
.jcarousel-skin-default .jcarousel-next-horizontal:active {
 display: none;
  background-position: -64px -32px;
}

/**
 * Vertical Buttons
 */
.jcarousel-skin-default .jcarousel-prev-vertical {
 display: none;
  position: absolute;
  top: 10px;
  left: 55px;
  background-position: 0 -64px;
}
.jcarousel-skin-default .jcarousel-prev-vertical:hover {
 display: none;
  background-position: -32px -64px;
}
.jcarousel-skin-default .jcarousel-prev-vertical:active {
 display: none;
  background-position: -64px -64px;
}

.jcarousel-skin-default .jcarousel-next-vertical {
 display: none;
  position: absolute;
  bottom: 10px;
  left: 55px;
  background-position: 0 -96px;
}
.jcarousel-skin-default .jcarousel-next-vertical:hover {
 display: none;
  background-position: -32px -96px;
}
.jcarousel-skin-default .jcarousel-next-vertical:active {
 display: none;
  background-position: -64px -96px;
}

.jcarousel-skin-default .jcarousel-navigation {
  /*display: none;*/
  margin: 0;
  padding: 0;
}




.jcarousel-skin-default .jcarousel-navigation li {
 display: none;
  margin: 0 2px 0 0;
  padding: 0;
  background: none;
}

.jcarousel-skin-default .jcarousel-navigation li.active a {
 display: none;
  font-weight: bold;
  text-decoration: none;
}

/* Hack for Tabs*/
ul.quicktabs-tabs.quicktabs-style-zen li {margin: 0 1px}
ul.quicktabs-tabs.quicktabs-style-zen li a{padding:4px 10px 0 4px;}

/* Handle for Front slide.*/
div.front-slide{padding:0;}
.front-slide .jcarousel-item {width:241px; min-height:215px; background-color:#FFE17F}
.front-slide .views-field-field-html{padding:0 7px 7px;}
.front-slide a.jcarousel-prev{display:none}
.front-slide .jcarousel-clip{width:245px;}

a{color:#006504; text-decoration:none;}
a:hover{text-decoration:underline;}

#highlight_pic a{color:#FFF200 !important; text-decoration:none;}
#highlight_pic a:hover{text-decoration:underline;}

#block-kanhan-aqhifrontbox-kanhan-aqhifrontbox {padding-top:20px;}

.banner-3, .banner-2{ background-color:#B2F596; padding:0; margin:0 10px;}

.banner-3 .jcarousel-skin-default,
.banner-2 .jcarousel-skin-default {
    text-align: center;
}

.banner-3 .jcarousel-skin-default .jcarousel-container-horizontal,
.banner-2 .jcarousel-skin-default .jcarousel-container-horizontal {
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    width: 960px;
}
.banner-2 .mobile .jcarousel-skin-default .jcarousel-container-horizontal {
    height: 72px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 20px;
    width: 600px;
}

.banner-3 .jcarousel-skin-default .jcarousel-container-vertical ,
.banner-2 .jcarousel-skin-default .jcarousel-container-vertical {
    height: 440px;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    width: 102px;
}

.banner-3 .jcarousel-skin-default .jcarousel-clip-horizontal,
.banner-2 .jcarousel-skin-default .jcarousel-clip-horizontal {
    margin-bottom: inherit;
    margin-left: inherit;
    margin-right: inherit;
    margin-top: inherit;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 850px;
}

.banner-3 .mobile .jcarousel-skin-default .jcarousel-clip-horizontal,
.banner-2 .mobile .jcarousel-skin-default .jcarousel-clip-horizontal {
    margin-bottom: inherit;
    margin-left: inherit;
    margin-right: inherit;
    margin-top: inherit;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 470px;
}
.banner-2 .jcarousel-skin-default .jcarousel-clip-vertical {
    height: 440px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.banner-3 .jcarousel-skin-default .jcarousel-item,
.banner-2 .jcarousel-skin-default .jcarousel-item {
    background-attachment: scroll;
    background-clip: border-box;
    /*background-color: #FFFFFF;*/
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    height: 70px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 100px;
}

.banner-3 .jcarousel-skin-default .jcarousel-item-horizontal
.banner-2 .jcarousel-skin-default .jcarousel-item-horizontal {
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 0;
}

.banner-3 .jcarousel-skin-default .jcarousel-item-vertical,
.banner-2 .jcarousel-skin-default .jcarousel-item-vertical {
    margin-bottom: 4px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 4px;
}

.banner-3 .jcarousel-skin-default .jcarousel-item-placeholder,
.banner-2 .jcarousel-skin-default .jcarousel-item-placeholder {
    background-attachment: scroll;
    background-clip: border-box;
    /*background-color: #FFFFFF;*/
    background-image: url("/epd/sites/all/modules/jcarousel/skins/default/throbber.gif");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
    color: #000000;
}

.banner-3 .jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev,
.banner-2 .jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev {
    background-image: url("/epd/sites/all/modules/jcarousel/skins/default/arrows.png");
    display: block;
    height: 32px;
    width: 32px;
}

.banner-3 .jcarousel-skin-default .jcarousel-next-disabled, .jcarousel-skin-default .jcarousel-prev-disabled,
.banner-2 .jcarousel-skin-default .jcarousel-next-disabled, .jcarousel-skin-default .jcarousel-prev-disabled {
    display: none;
}
.banner-3 .jcarousel-skin-default .jcarousel-prev-horizontal,
.banner-2 .jcarousel-skin-default .jcarousel-prev-horizontal {
    background-position: 0 0;
    left: 10px;
    position: absolute;
    top: 30px;
}

.banner-3 .jcarousel-skin-default .jcarousel-prev-horizontal:hover,
.banner-2 .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}
.banner-3 .jcarousel-skin-default .jcarousel-prev-horizontal:active,
.banner-2 .jcarousel-skin-default .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.banner-3 .jcarousel-skin-default .jcarousel-next-horizontal,
.banner-2 .jcarousel-skin-default .jcarousel-next-horizontal {
    background-position: 0 -32px;
    position: absolute;
    right: 10px;
    top: 30px;
}
.banner-3 .jcarousel-skin-default .jcarousel-next-horizontal:hover,
.banner-2 .jcarousel-skin-default .jcarousel-next-horizontal:hover {
    background-position: -32px -32px;
}
.banner-3 .jcarousel-skin-default .jcarousel-next-horizontal:active,
.banner-2 .jcarousel-skin-default .jcarousel-next-horizontal:active {
    background-position: -64px -32px;
}

.banner-3 .jcarousel-skin-default .jcarousel-prev-vertical
.banner-2 .jcarousel-skin-default .jcarousel-prev-vertical {
    background-position: 0 -64px;
    left: 55px;
    position: absolute;
    top: 10px;
}

.banner-3 .jcarousel-skin-default .jcarousel-prev-vertical:hover,
.banner-2 .jcarousel-skin-default .jcarousel-prev-vertical:hover {
    background-position: -32px -64px;
}

.banner-3 .jcarousel-skin-default .jcarousel-prev-vertical:active,
.banner-2 .jcarousel-skin-default .jcarousel-prev-vertical:active {
    background-position: -64px -64px;
}

.banner-3 .jcarousel-skin-default .jcarousel-next-vertical
.banner-2 .jcarousel-skin-default .jcarousel-next-vertical {
    background-position: 0 -96px;
    bottom: 10px;
    left: 55px;
    position: absolute;
}

.banner-3 .jcarousel-skin-default .jcarousel-next-vertical:hover,
.banner-2 .jcarousel-skin-default .jcarousel-next-vertical:hover {
    background-position: -32px -96px;
}

.banner-3 .jcarousel-skin-default .jcarousel-next-vertical:active,
.banner-2 .jcarousel-skin-default .jcarousel-next-vertical:active {
    background-position: -64px -96px;
}

.banner-3 .jcarousel-skin-default .jcarousel-navigation,
.banner-2 .jcarousel-skin-default .jcarousel-navigation {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.banner-3 .jcarousel-skin-default .jcarousel-navigation li,
.banner-2 .jcarousel-skin-default .jcarousel-navigation li {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    display: inline;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 2px;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.banner-3 .jcarousel-skin-default .jcarousel-navigation li a,
.banner-2 .jcarousel-skin-default .jcarousel-navigation li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/epd/sites/all/modules/jcarousel/skins/default/main_banner_thumbnail_OFF.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: 0;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: 0;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: 0;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: 0;
    display: inline-block;
    height: 22px;
    text-indent: -9999px;
    width: 22px;
}
.banner-3 .jcarousel-skin-default .jcarousel-navigation li.active a,
.banner-2 .jcarousel-skin-default .jcarousel-navigation li.active a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("/epd/sites/all/modules/jcarousel/skins/default/main_banner_thumbnail_ON.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}

.banner-3 .jcarousel-skin-default .jcarousel-navigation, .banner-2 .jcarousel-skin-default .jcarousel-navigation{
	margin-top: -20px
}


/* Added from Penny @ 2014/04/25: for homepage static banner area 1 */
.static_banner-1 {
	width:960px; height:63px; margin:5px 10px 10px 10px;
}

.static_banner-1 .image_div {
	width:158px; float:left; padding-right:2px;
}

.static_banner-1 .last {
	padding-right:0px;
}

.static_banner-1 .image_div .banner_img {
	 width:158px; height:63px;
}

.banner-2-img img {
	width:150px; height:50px;
}

#left_menu_below_block {
	padding-top:10px;
	min-height:130px;
}
#left_menu_below_block.front_page{
min-height:0px;
}

.node-type-blankpage {
background-color: #ffffff;
background-image: none;
}

.share_social
{
background: url(/epd/sites/all/themes/epd/images/sharebg.png) no-repeat;
display: none;
height: 70px;
width: 149px;
position: relative;
left: 3px;
top: 10px;
z-index: 9999;
}

.share_wrapper{
position: absolute;
bottom: 10px;
left: 20px;
}

.share_wrapper img{
margin-right: 15px;
}

/* Photo Gallery */

.photo_gallery_col div.field-items {
	width:100%;
}

.photo_gallery_col div.field-items  img{
	 width: 100%;
  height: auto;
}

.photo_gallery_col_2 div.field-item {
  width: 49%;
  display : inline-block;
 margin: 3px 3px 0px 3px;
 vertical-align:middle;
}

.photo_gallery_col_3 div.field-item {
  width: 32%;
  display : inline-block;
  margin: 3px 3px 0px 3px;
  vertical-align:middle;

}
.photo_gallery_col_4 div.field-item {
  width: 24%;
  display : inline-block;
  margin: 3px 3px 0px 3px;
  vertical-align:middle;
}
.photo_gallery_col_5 div.field-item {
  width: 19%;
  display : inline-block;
  margin: 3px 3px 0px 3px;
  vertical-align:middle;
}



.node__content .field--name-body > table tr td img[alt="dot_clear.gif"],
.node__content .field--name-body img[src$="dot_clear.gif"]
{
  /* display: inline-block;
  width:auto; */
  display:none;
}

.node__content .field--name-body  table.p-table tr th,
.node__content .field--name-body  table.p-table tr td,
.cke_editable table.p-table tr th,
.cke_editable table.p-table tr td
{
    padding:10px;
}