/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

body
{
    /*background-color: #CCCCCC;*/
    background-color: #ee3e04;
}

.row
{
    max-width: none;
}

.wrapper
{
    width: 100%;
    background: #CCCCCC url(../images/bg.jpg) repeat-x center top;
}

.right
{
    float: right;
}

/* Inline Link List */
ul.inline-list, ul.link-list { margin: 0 0 17px -22px; padding: 0; list-style: none; overflow: hidden; }
ul.inline-list > li, ul.link-list > li { list-style: none; float: left; margin-left: 22px; display: block; }
ul.inline-list > li > *, ul.link-list > li > * { display: block; }

form.custom div.custom.dropdown a.current
{
    overflow: hidden;
}

form.custom div.custom.dropdown a.selector
{
    background-color: #FFFFFF;
}

form.custom div.custom.dropdown.open
{
    position: relative;
    z-index: 80;
}

form.custom div.custom.dropdown.open ul {
    max-height: 250px;
    overflow-y: auto;
}

form.custom div.custom.dropdown ul li.selected:hover,
form.custom div.custom.dropdown ul li:hover
{
	color: #FFFFFF;
    background-color: #ee3e04;
}

form.custom div.custom.dropdown ul li.selected
{
	background-color: #CCCCCC;
}

form.custom div.custom.dropdown ul li
{
    white-space: pre-wrap;
    overflow: hidden;
    height: 27px;
    line-height: 27px;
}


table.no-style
{
    background: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    border: 0;
}

table.no-style td
{
    padding: 0;
    margin: 0;
}

body .bx-wrapper .bx-pager.bx-default-pager a {
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    background: transparent url(../images/mainbanner-pager.png) no-repeat left top !important;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) !important;
}

body .bx-wrapper .bx-pager.bx-default-pager a:hover,
body .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-position: left -10px !important;
}

div#main-nav .logo
{
    padding-top: 40px;
    padding-bottom: 10px;
}

div#main-nav h2
{
/*    margin-top: 40px;
    display: block;
    background: transparent url(../images/acm_logo.png) no-repeat left top;
    width: 340px;
    height: 71px;
    text-indent: -9999px;*/
    display: none;
}

div#main-nav ul.lang li
{
    margin-left: 0px;
}

div#main-nav ul.lang li.selected a
{
    background-position: left top;
}

div#main-nav .lang-btn_zh,
div#main-nav .lang-btn_en
{
    display: block;
    width: 54px;
    height: 63px;
    background-position: left -78px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    -webkit-transition: background-position 0.3s;
    -moz-transition: background-position 0.3s;
    -o-transition: background-position 0.3s;
    -ms-transition: background-position 0.3s;
    transition: background-position 0.3s;
}

div#main-nav .lang-btn_zh
{
    background-image: url(../images/btn_zh.png);
}

div#main-nav .lang-btn_en
{
    background-image: url(../images/btn_en.png);
}

div#main-nav .lang-btn_en:hover,
div#main-nav .lang-btn_zh:hover
{
    background-position: left -63px;
}

div#main-nav ul.nav-bar
{
    border: 0;
    margin: 0;
    padding: 0;
    padding: 0 40px;
    padding-top: 2px;
    height: 44px;
    background: transparent url(../images/menu.png) no-repeat center top;
    position: relative;
    z-index: 200;
}

body.lang_en div#main-nav ul.nav-bar
{
    background-image: url(../images/menu.png);
}

div#main-nav ul.nav-bar > li
{
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    border: 0;
    height: 100%;
    background-position: left -44px;
    background-repeat: no-repeat;
    background-color: transparent;
}

div#main-nav ul.nav-bar > li:hover,
div#main-nav ul.nav-bar > li.active,
div#main-nav ul.nav-bar > li.active:hover,
div#main-nav ul.nav-bar > li:hover a
{
    background-color: transparent !important;
    color: #fff;
    background-position: left top;
}

div#main-nav ul.nav-bar > li a
{
    display: block;
    height: 100%;
       color: #000;
    position: relative;
    font-weight: 600;
    text-align: center;
    position: relative;
    top: auto;
    right: auto;
    padding: 0;
    border: 0;
}


div#main-nav ul.nav-bar > li a:first-child::after
{
    display: none;
}

div#main-nav ul.nav-bar li
{
    background-image: url(../images/btn_intro.png);
    width: 123px;
}

/*div#main-nav ul.nav-bar li.item-memberinfo*/
/*{*/
/*    background-image: url(../images/btn_member.png);*/
/*    width: 123px;*/
/*}*/

/*div#main-nav ul.nav-bar li.item-news*/
/*{*/
/*    background-image: url(../images/btn_news.png);*/
/*    width: 123px;*/
/*}*/

/*div#main-nav ul.nav-bar li.item-activities*/
/*{*/
/*    background-image: url(../images/btn_activity.png);*/
/*    width: 123px;*/
/*}*/

/*div#main-nav ul.nav-bar li.item-celebration*/
/*{*/
/*    background-image: url(../images/btn_celebration.png);*/
/*    width: 123px;*/
/*}*/

/*div#main-nav ul.nav-bar li.item-links*/
/*{*/
/*    background-image: url(../images/btn_links.png);*/
/*    width: 123px;*/
/*}*/

/*div#main-nav ul.nav-bar li.item-contact*/
/*{*/
/*    background-image: url(../images/btn_contact.png);*/
/*    width: 122px;*/
/*}*/

body.lang_en div#main-nav ul.nav-bar li.item-intro
{
    background-image: url(../images/btn_intro.png);
}

body.lang_en div#main-nav ul.nav-bar li.item-memberinfo
{
    background-image: url(../images/btn_member.png);
}

body.lang_en div#main-nav ul.nav-bar li.item-news
{
    background-image: url(../images/btn_news.png);
}

body.lang_en div#main-nav ul.nav-bar li.item-activities
{
    background-image: url(../images/btn_activity.png);
}

body.lang_en div#main-nav ul.nav-bar li.item-celebration
{
    background-image: url(../images/btn_celebration.png);
}

body.lang_en div#main-nav ul.nav-bar li.item-links
{
    background-image: url(../images/btn_links.png);
}

body.lang_en div#main-nav ul.nav-bar li.item-contact
{
    background-image: url(../images/btn_contact.png);
}

div#main-nav ul.nav-bar > li .flyout
{
/*    display: none;*/
    /*margin-top: -40px;*/
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0;
    padding: 0;
    /*-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);*/
    padding: 6px 10px;
    margin-top: -7px;
    margin-left: -10px;
}
/*
div#main-nav ul.nav-bar > li:hover .flyout,
div#main-nav ul.nav-bar > li.active .flyout,
div#main-nav ul.nav-bar > li.active:hover .flyout
{
    display: block;
}
*/
div#main-nav ul.nav-bar > li .flyout > .title
{
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    width: 152px;
    height: 59px;
    position: absolute;
    left: -2px;
    top: -53px;
}

div#main-nav ul.nav-bar > li .flyout > .title
{
    background-image: url(../images/btn_intro_hover.png);
    line-height: 74px;
        color: #fff;
}

/*div#main-nav ul.nav-bar > li.item-memberinfo .flyout > .title*/
/*{*/
/*    background-image: url(../images/btn_member_hover.png);*/
/*}*/

/*div#main-nav ul.nav-bar > li.item-news .flyout > .title*/
/*{*/
/*    background-image: url(../images/btn_news_hover.png);*/
/*}*/

/*div#main-nav ul.nav-bar > li.item-activities .flyout > .title*/
/*{*/
/*    background-image: url(../images/btn_activity_hover.png);*/
/*}*/

/*div#main-nav ul.nav-bar > li.item-celebration .flyout > .title*/
/*{*/
/*    background-image: url(../images/btn_celebration_hover.png);*/
/*}*/

/*div#main-nav ul.nav-bar > li.item-links .flyout > .title*/
/*{*/
/*    background-image: url(../images/btn_links_hover.png);*/
/*}*/


/* EN */

body.lang_en div#main-nav ul.nav-bar > li.item-intro .flyout > .title
{
    background-image: url(../images/btn_intro_hover.png);
}

body.lang_en div#main-nav ul.nav-bar > li.item-memberinfo .flyout > .title
{
    background-image: url(../images/btn_member_hover.png);
}

body.lang_en div#main-nav ul.nav-bar > li.item-news .flyout > .title
{
    background-image: url(../images/btn_news_hover.png);
}

body.lang_en div#main-nav ul.nav-bar > li.item-activities .flyout > .title
{
    background-image: url(../images/btn_activity_hover.png);
}

body.lang_en div#main-nav ul.nav-bar > li.item-celebration .flyout > .title
{
    background-image: url(../images/btn_celebration_hover.png);
}

body.lang_en div#main-nav ul.nav-bar > li.item-links .flyout > .title
{
    background-image: url(../images/btn_links_hover.png);
}

div#main-nav ul.nav-bar > li .flyout
{
    width: 300px;
}

div#main-nav ul.nav-bar > li.item-memberinfo .flyout
{
	width: 310px;
}

div#main-nav ul.nav-bar > li.item-news .flyout
{
    width: 250px;
}

div#main-nav ul.nav-bar > li.item-activities .flyout,
div#main-nav ul.nav-bar > li.item-celebration .flyout,
div#main-nav ul.nav-bar > li.item-links .flyout
{
    width: 190px;
}

div#main-nav ul.nav-bar > li.item-intro .flyout
{
    width: 250px;
}

div#main-nav ul.nav-bar > li .flyout .shadow-container
{
    background: #b84800 url(../images/flyout_bg.png) repeat-x left bottom;
    padding: 14px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu
{

}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul
{
    margin: 0;
    padding: 0;
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul li,
div#main-nav ul.nav-bar > li .flyout .flyout-menu ul li a
{
    margin: 0;
    padding: 0;
    background: 0;
    border: 0;
    color: #FFFFFF;
    text-indent: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    /*line-height: normal;*/
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul li
{
    margin-bottom: 5px;
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul li a
{
    padding: 2px 2px;
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul > li > a:hover
{
    background-color: #AD4B5C;
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul > li > a,
div#main-nav ul.nav-bar > li .flyout .flyout-menu ul > li > strong
{
    font-size: 14px;
    font-weight: bold;
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul > li > strong
{
    margin-bottom: 3px;
    padding: 0 2px;
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul > li > ul
{
    padding-top: 5px;
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul > li > ul > li > a
{
    padding: 2px;
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu ul > li > ul > li > a
{
    font-size: 13px;
    font-weight: normal;
}

div#main-nav ul.nav-bar > li .flyout .flyout-menu .divider
{
    padding-right: 0px;
    margin-right: 0;
    background: transparent url(../images/menu-divider.png) repeat-y right top;
}

div#main-container
{
    padding-bottom: 5px;
    margin-bottom: 10px;
    background: transparent url(../images/main-container_bottom.png) no-repeat center bottom;
}

div#main-container > div.inner-container
{
    padding: 20px 0;
    background: transparent url(../images/main-container_repeat.png) repeat-y center bottom;
}

div#sitemap
{
    padding: 20px 0;
    min-height: 100px;
    background: #e65323 url(../images/sitemap-footer_bg.png) repeat-x center top;
}

div#sitemap ul
{
    margin: 0;
    padding: 0;
}

div#sitemap ul.extra-link
{
    margin-top: 20px;
}

div#sitemap ul li
{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 130%;
    color: #FFFFFF;
}

div#sitemap ul li a
{
    font-size: inherit;
}

div#sitemap ul li a,
div#sitemap ul li strong
{
    color: #FFFFFF;
    font-weight: bold;
}

div#sitemap ul li.title,
div#sitemap ul li.title-link
{
    font-size: 13px;
    border-bottom: 1px dashed #FFFFFF;
    color: #FFFFFF;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 8px;
    padding-bottom: 5px;
    font-weight: bold;
}

div#sitemap ul li.title-link
{
    border: 0;
}

div#sitemap ul li ul
{
    padding: 0;
    margin: 0;
    padding-left: 3px;
}

div#sitemap ul li ul li
{
    list-style: square;
    margin: 0;
    line-height: 110%;
    list-style-position: inside;
    font-weight: normal;
}

div#sitemap ul li ul li a
{
    font-weight: normal;
    font-size: 90%;
}

div#sitemap ul li a:hover,
div#sitemap ul li ul li a:hover
{
    text-decoration: underline;
}

div#bottom
{
    padding: 20px 0;
    background: #c1471f url(../images/bottom-footer_bg.png) repeat-x center top;
}

div#bottom .footer-content
{
    padding-top: 5px;
    font-size: 11px;
    color: #FFFFFF;
}

div#bottom .footer-content div
{
    font-size: inherit;
    white-space: nowrap;
}

div#bottom .footer-content,
div#bottom .footer-content div
{
    color: #FFFFFF;
    white-space: nowrap;
}

div#bottom .footer-content a
{
    color: #FFFFFF;
}

.main-block
{
    margin-bottom: 20px;
}

.main-block.last
{
    margin-bottom: 0;
}

.main-block div.header
{
    height: 44px;
    background: transparent url(../images/main-block_header-repeat.png) repeat-x left top;
}

.main-block div.header .header_arrow
{
    display: block;
    background: transparent url(../images/main-block_header-right.png) no-repeat right top;
}

.main-block div.header h3
{
    margin: 0;
    padding: 0;
    font-size: 115%;
    line-height: 38px;
    background: transparent url(../images/main-block_header-left.png) no-repeat left top;
    padding-left: 30px;
    padding-bottom: 6px;
    text-shadow: 0px 1px 0px #FFFFFF;
}

.main-block .content
{
/*    min-height: 200px;*/
    background: #F2F2F2 url(../images/main-block_bg.png) no-repeat left top;
}

.main-block .content .inner-content
{
    padding: 10px 15px;
    padding-left: 30px;
    padding-bottom: 15px;
}

.sideblock
{
    margin-left: 32px;
    background: transparent url(../images/sidebar_leather_middle.png) repeat-y left top;
}

.sideblock .blockbottom
{
    background: transparent url(../images/sidebar_leather_bottom.png) no-repeat left bottom;
}

.sideblock .blocktop
{
    padding: 20px 25px;
    padding-right: 30px;
    min-height: 100px;
    background: transparent url(../images/sidebar_leather_top.png) no-repeat left top;
}

#Homepage
{
	padding-top: 0 !important;
}

#Homepage .main-banner
{
	background: transparent url(../images/home_top_shadow.png) no-repeat center bottom;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

#Homepage .main-banner .bx-wrapper
{
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 50px;
}

#Homepage .main-banner ul.bxslider li
{
	background-color: #F8F8F8;
	width: 860px;
	height: 300px;
	position: relative;
    cursor: pointer;
}

#Homepage .main-banner .bx-wrapper .bx-viewport
{
    padding: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 0;
    left: 0;
}

#Homepage .main-banner ul.bxslider li.main-banner-block .photo
{
	position: absolute;
	width: 540px;
	left: 0;
	top: 0;
	bottom: 0;
    cursor: pointer;
}

#Homepage .main-banner ul.bxslider li.main-banner-block .text-content
{
	position: absolute;
	width: 280px;
	padding: 20px;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
    cursor: pointer;
}

#Homepage .main-banner ul.bxslider li.main-banner-block .text-content h4
{
	font-size: 17px;
	color: #ee3e04;
}

#Homepage .main-banner ul.bxslider li.main-banner-block .text-content span.date
{
	font-size: 12px;
	color: #666666;
}

#Homepage .main-banner ul.bxslider li.main-banner-block .text-content div.summary
{
	margin-top: 10px;
}

#Homepage .main-banner ul.bxslider li.main-banner-block .text-content div.summary,
#Homepage .main-banner ul.bxslider li.main-banner-block .text-content div.summary > *
{
	font-size: 14px;
	color: #666666;
}

#Homepage .main-block-padding
{
    padding-top: 25px;
}

#Homepage .main-blocks
{
	clear: block;
}

#Homepage .pressrel-block li
{
	line-height: 1.5;
	background: transparent url(../images/main-block_list-bullet.png) no-repeat left 7px;
	padding-left: 12px;
	margin-bottom: 5px;
}

#Homepage .pressrel-block li:last-child
{
	margin-bottom: 0;
}

#Homepage .pressrel-block li a
{
	font-size: 14px;
	color: #333333;
}

#Homepage .pressrel-block li a:hover
{
	color: #ee3e04;
}

/* Pagination elements */
div.pagination
{
    margin: 0 auto;
    padding: 0;
    padding-top: 10px;
    text-align: center;
    letter-spacing:-.25em;  
/*    word-spacing:-1em;  */
}

div.pagination span,
div.pagination a
{
    letter-spacing:normal;  
/*    word-spacing:normal;  */
}
div.pagination a.page-num,
div.pagination span.pagination_current,
div.pagination a.pagination_link
{
    color: #FFFFFF;
    text-decoration: none;
    border: 0;
    line-height: 32px;
    width: 32px;
    height: 32px;
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    border: 0;
    background: transparent url(../images/pagination-num.png) no-repeat left -32px;
    *height: 32px;
}

div.pagination a.page-num-current,
div.pagination a.pagination_link:hover
{
    background-position: left top;
}

div.pagination span.pagination_current
{
    font-weight: bold;
}


div.pagination a.pagination_prev,
div.pagination a.pagination_next
{
    width: 20px;
    height: 35px;
    text-indent: -9999px;
    display: -moz-inline-stack;
    display: inline-block;
    margin: 0;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    border: 0;
}

div.pagination a.pagination_prev
{
    margin-right: 10px;
    background: transparent url(../images/pagination-prev.png) no-repeat left top;
}

div.pagination a.pagination_next
{
    margin-left: 10px;
    background: transparent url(../images/pagination-next.png) no-repeat left top;
}

div.pagination a.pagination_prev:hover,
div.pagination a.pagination_next:hover
{
    background-position: left -35px;
}


/* -----------------------------------------
   Contact Page
----------------------------------------- */

#ContactPage .contact_form
{
    margin-left: 31px;
    background: transparent url(../images/contact_leather_middle.jpg) repeat-y left top;
}

#ContactPage .contact_form .formbottom
{
    background: transparent url(../images/contact_leather_bottom.jpg) no-repeat left bottom;
}

#ContactPage .contact_form .formtop
{
    padding: 30px;
    background: transparent url(../images/contact_leather_top.jpg) no-repeat left top;
}

#ContactPage .contact_form form
{
    margin: 0;
}

#ContactPage .contact_form #ContactForm h4
{
    color: #FFFFFF;
    font-size: 18px;
    text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
}

#ContactPage .contact_form #ContactForm fieldset
{
    padding: 0;
    margin: 0;
    border: 0;
}

#ContactPage .contact_form #ContactForm fieldset .field
{
    margin-bottom: 10px;
}

#ContactPage .contact_form #ContactForm fieldset .field label
{
    color: #FFFFFF;
    margin-bottom: 5px;
}

#ContactPage .contact_form #ContactForm fieldset .message.large
{
    margin-top: 0;
    width: 420px;
}

#ContactPage .contact_form #ContactForm fieldset textarea
{
    margin: 0;
}

#ContactPage .contact_form #ContactForm fieldset textarea.large
{
    width: 420px;
}

#ContactPage .contact_form #ContactForm fieldset input.large
{
    width: 412px;
}

#ContactPage .contact_form #ContactForm fieldset input.medium
{
    width: 252px;
}

#ContactPage .contact_form #ContactForm fieldset .form-field.dropdown
{
    margin-top: 5px;
}

#ContactPage .contact_form #ContactForm div.custom.dropdown.open
{
    width: auto;
}

#ContactPage .contact_form #ContactForm .submitButton
{
    background: transparent url(../images/btn_submit.png) no-repeat left top;
    width: 72px;
    height: 34px;
    border: 0;
    cursor: pointer;
    text-indent: -9999px;
}

/* EN */
body.lang_en #ContactPage .contact_form #ContactForm .submitButton
{
    background-image: url(../images/btn_submit.png);
}

/* End EN */

#ContactPage .contact_form #ContactForm .submitButton:hover
{
    background-position: left -34px;
}

#ContactPage .contact_form .Actions
{
    padding-top: 5px;
    padding-right: 5px;
    text-align: right;   
}

#ContactPage .contact_form #ContactForm small.error
{
    background: 0;
    border: 1px dashed #FFFFFF;
    border-top: 0;
    color: #FFFFFF;
    font-size: 14px;
    padding: 5px;
}

#ContactPage .contact_form div.alert-box.success
{
    width: 250px;
}

#ContactPage .inner-content
{
    padding: 20px 0;
}

/* -----------------------------------------
   Common Page Elements
----------------------------------------- */
.common-page .inner-header
{
    background: transparent url(../images/infopage_headershadow.jpg) no-repeat center bottom;
    padding: 0;
    padding-bottom: 15px;
    margin: 0;
    margin-bottom: 10px;
}

.common-page .inner-header h3.title
{
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 34px;
}


.common-page .inner-header .fontsize-container span
{
    line-height: 34px;
    padding-left: 30px;
    float: left;
}

.common-page .inner-header .fontsize-container a.btn-fontsize
{
    display: block;
    width: 60px;
    height: 34px;
    background: transparent url(../images/btn_fontsize.png) no-repeat left top;
    border: 0;
    padding: 0;
    margin-left: 0;
    text-indent: -9999px;
    float: right;
}

.common-page div.date
{
    clear: both;
    margin-bottom: 10px;
}


.common-page .attachment-box
{
	margin-top: 20px;
    padding: 10px;
    background-color: #E5E5E5;
    border: 1px solid #CCCCCC;
}

.common-page .attachment-box h4
{
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.common-page .attachment-box ul
{
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

.common-page .attachment-box ul li
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.common-page .attachment-box ul li a
{
    line-height: 20px;
    color: #333333;
    *ffloat: left;
}

.common-page .attachment-box ul li a .icon
{
    border: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: -2px;
}

.common-page .attachment-box ul li span.filesize
{
    float: right;
    color: #666666;
    font-size: 12px;
}

.common-page .image-rows
{
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 300px;
}

.common-page .image-rows .bx-wrapper
{
    margin-bottom: 10px;
}

.common-page .image-rows .bx-wrapper .bx-viewport
{
    padding: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    border: 0;
    left: 0;
}

.common-page .image-rows .bx-wrapper .bx-has-pager .bx-pager
{
    position: relative;
    bottom: auto;
    clear: both;
    padding-top: 10px;
}

.common-page .image-rows .bx-wrapper .bxslider li
{
    position: relative;
    margin-bottom: 0;
    width: 300px;
    text-align: center;
/*    max-width: 300px;*/
}

.common-page .image-rows .bx-wrapper .bxslider li a img
{
    /*width: 300px;*/
    max-width: 300px;
    max-height: 200px;
    margin: 0 auto;
}

ul.side_nav
{
    margin: 0;
    padding: 0;
}

ul.side_nav li
{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 1px 0;
    line-height: 20px;
    margin-bottom: 7px;
}

ul.side_nav li a,
ul.side_nav li span
{
    display: block;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 3px;
}

ul.side_nav li.child
{
    list-style: none;
    font-weight: normal;
    padding-left: 5px;
    margin-bottom: 5px;
}

ul.side_nav li.child a,
ul.side_nav li.child.active span
{
    display: block;
    font-weight: normal;
    line-height: 18px;
    font-size: 13px;
    color: #FFFFFF;
}

ul.side_nav li a.active,
ul.side_nav li a:hover
{
    color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.15);
    background-color: #A84051\9;
}

.inner-content.typography.sizable_container,
.inner-content.typography.sizable_container p
{
    line-height: 1.5;
}

/* Dynamic Font Sizes */
body.page_small .typography.sizable_container,
body.page_small .typography.sizable_container p,
body.page_small .typography.sizable_container th,
body.page_small .typography.sizable_container td
{
    font-size: 14px;
}

body.page_medium .typography.sizable_container,
body.page_medium .typography.sizable_container p,
body.page_medium .typography.sizable_container th,
body.page_medium .typography.sizable_container td
{
    font-size: 16px;
}

body.page_large .typography.sizable_container,
body.page_large .typography.sizable_container p,
body.page_large .typography.sizable_container th,
body.page_large .typography.sizable_container td
{
    font-size: 18px;
}

/* Member List */
#OrgMemberPage .member-tabs ul.inner-tabs
{
    width: 618px;
    height: 45px;
    padding: 0;
    margin: 0 auto;
}

#OrgMemberPage .member-tabs ul.inner-tabs li
{
    list-style: none;
    float: left;
    width: 206px;
    height: 45px;
}

#OrgMemberPage .member-tabs ul.inner-tabs li a
{
    display: block;
    text-indent: -9999px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

#OrgMemberPage .member-tabs ul.inner-tabs li a:hover
{
    background-position: left -45px;
}

#OrgMemberPage .member-tabs ul.inner-tabs li.active
{
    position: relative;
}

#OrgMemberPage .member-tabs ul.inner-tabs li.active a
{
    position: absolute;
    height: 47px;
    width: 224px;
    margin-top: -2px;
    margin-left: -9px;
}

#OrgMemberPage .member-tabs ul.inner-tabs li.active a:hover
{
    background-position: left top;
}

#OrgMemberPage .member-tabs ul.inner-tabs li.tab-business a
{
    background-image: url(../images/member-list_tab-business.png);
}

#OrgMemberPage .member-tabs ul.inner-tabs li.tab-business.active a
{
    background-image: url(../images/member-list_tab-business-active.png);
}

#OrgMemberPage .member-tabs ul.inner-tabs li.tab-group a
{
    background-image: url(../images/member-list_tab-group.png);
}

#OrgMemberPage .member-tabs ul.inner-tabs li.tab-group.active a
{
    background-image: url(../images/member-list_tab-group-active.png);
}

#OrgMemberPage .member-tabs ul.inner-tabs li.tab-search a
{
    background-image: url(../images/member-list_tab-search.png);
}

#OrgMemberPage .member-tabs ul.inner-tabs li.tab-search.active a
{
    background-image: url(../images/member-list_tab-search-active.png);
}

/* EN */


body.lang_en #OrgMemberPage .member-tabs ul.inner-tabs li.tab-business a
{
    background-image: url(../images/member-list_tab-business.png);
}

body.lang_en #OrgMemberPage .member-tabs ul.inner-tabs li.tab-business.active a
{
    background-image: url(../images/member-list_tab-business-active.png);
}

body.lang_en #OrgMemberPage .member-tabs ul.inner-tabs li.tab-group a
{
    background-image: url(../images/member-list_tab-group.png);
}

body.lang_en #OrgMemberPage .member-tabs ul.inner-tabs li.tab-group.active a
{
    background-image: url(../images/member-list_tab-group-active.png);
}

body.lang_en #OrgMemberPage .member-tabs ul.inner-tabs li.tab-search a
{
    background-image: url(../images/member-list_tab-search.png);
}

body.lang_en #OrgMemberPage .member-tabs ul.inner-tabs li.tab-search.active a
{
    background-image: url(../images/member-list_tab-search-active.png);
}

/* EN End */


#OrgMemberPage .member-tabs .inner-content
{
    width: 622px;
    margin: 0 auto;
    /*min-height: 300px;*/
    background: transparent url(../images/member-list_tabblock-repeat.png) repeat-y center top;
}

#OrgMemberPage .member-tabs .inner-content .result-blocks
{
    margin: 0;
    padding: 10px 12px;
    letter-spacing:-.25em;  
/*    word-spacing:-1em;  */
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li
{
    list-style: none;
    width: 278px;
    padding: 5px 10px;
    padding-bottom: 44px;
    min-height: 70px;
    border: 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    zoom: 1;
    *display: inline;
    _height: 70px;
    border-top: 1px solid #CCCCCC;
    letter-spacing:normal;  
    word-spacing:normal;  
    position: relative;
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li.odd
{
    border-right: 1px solid #CCCCCC;
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li.even
{
    margin-left: -2px;
    padding-left: 12px;
    *margin-left: -1px;
    *padding-left: 11px;
/*    border-left: 1px solid #CCCCCC;*/
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li.first
{
    border-top: 0;
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li span.code
{
    display: block;
    font-size: 12px;
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li span.member_name,
#OrgMemberPage .member-tabs .inner-content .result-blocks li span.tel
{
    display: block;
    font-size: 14px;
    line-height: 16px;
    padding-left: 19px;
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li span.member_name
{
    background: transparent url(../images/member-list_icon-person.png) no-repeat left center;
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li span.tel
{
    background: transparent url(../images/member-list_icon-tel.png) no-repeat left center;
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li h4
{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

#OrgMemberPage .member-tabs .inner-content .result-blocks li a.btn-more
{
    position: absolute;
    display: block;
    right: 10px;
    bottom: 8px;
    width: 65px;
    height: 34px;
    text-indent: -9999px;
    background: transparent url(../images/btn_more.png) no-repeat left top;
}

/* EN */

body.lang_en #OrgMemberPage .member-tabs .inner-content .result-blocks li a.btn-more
{
    background-image: url(../images/btn_more.png);
}

/* End EN */

#OrgMemberPage .member-tabs .inner-content .result-blocks li a.btn-more:hover
{
    background-position: left -34px;
}

#OrgMemberPage .member-tabs .inner-content .result-sep
{
    padding-top: 10px;
    background: transparent url(../images/inner-container_sep.png) no-repeat center top;
}

#OrgMemberPage .member-tabs .inner-content h4.msg
{
    text-align: center;
    font-size: 16px;
    margin: 0;
    padding: 20px 0;
}

#OrgMemberPage .member-tabs .inner-content .search-form
{
    padding: 20px;
}


#OrgMemberPage .member-tabs .inner-content .search-form form.nice.custom
{
    margin: 0;
}

#OrgMemberPage .member-tabs .inner-content .search-form .btn-search
{
    display: block;
    width: 65px;
    height: 34px;
    background: transparent url(../images/btn_search.png) no-repeat left top;
    border: 0;
    padding: 0;
    margin: 0;
    text-indent: -9999px;
    cursor: pointer;
}

/* EN */

body.lang_en #OrgMemberPage .member-tabs .inner-content .search-form .btn-search
{
    background-image: url(../images/btn_search.png);
}

/* End EN */

#OrgMemberPage .member-tabs .inner-content .search-form .btn-search:hover
{
    background-position: left -34px;
}

#OrgMemberPage .member-tabs .inner-footer
{
    width: 622px;
    height: 60px;
    margin: 0 auto;
    background: transparent url(../images/member-list_tabblock-footer.png) repeat-y center top;
    text-align: center;
}

#OrgMemberPageDetail .inner-content .code,
#OrgMemberPageDetail .inner-content .category
{
    font-size: 12px;
    line-height: 1.5;
}

#OrgMemberPageDetail .inner-content .company-name
{
    font-size: 16px;
    font-weight: bold;
    margin: 8px 0;
}

#OrgMemberPageDetail .inner-content .address
{
    margin-bottom: 8px;
}

#OrgMemberPageDetail .inner-content .field
{
    clear: both;
    margin-bottom: 5px;
    padding-left: 80px;
    line-height: 1.5;
}

#OrgMemberPageDetail .inner-content .field span
{
    float: left;
    width: 80px;
    margin-left: -80px;
}

#OrgMemberPageDetail .inner-content .actions
{
    margin-top: 10px;
    text-align: center;
}

#OrgMemberPageDetail .inner-content .actions .btn-back
{
    display: block;
    width: 65px;
    height: 34px;
    background: transparent url(../images/btn_back.png) no-repeat left top;
    border: 0;
    padding: 0;
    margin: 0 auto;
    text-indent: -9999px;
}

/* EN */
body.lang_en #OrgMemberPageDetail .inner-content .actions .btn-back
{
    background-image: url(../images/btn_back.png);
}

/* End EN */

#OrgMemberPageDetail .inner-content .actions .btn-back:hover
{
    background-position: left -34px;
}

#InfoHolderContainer .sub-nav
{
    clear: both;
    height: 28px;
    padding: 10px 20px;
    background: transparent url(../images/info-holder-container_dropdown-bg.png) no-repeat center top;
    line-height: 28px;
    padding-left: 15px;
}

#InfoHolderContainer .sub-nav form > *
{
    float: left !important;
}

#InfoHolderContainer .sub-nav form div.form_label
{
    margin: 0 10px;
}

#InfoHolderContainer .sub-nav form div.custom.dropdown
{
    /*margin: 0 10px;*/
    margin: 0;
    /*min-width: 250px;*/
    width: 250px !important;
}

#InfoHolderContainer .sub-nav form div.custom.dropdown ul li:hover
{
    background-color: #ee3e04;
}

#InfoHolderContainer .sub-nav form > *:last-child,
#InfoHolderContainer .sub-nav form .last
{
    margin-right: 0 !important;
}

#InfoHolderContainer .inner-content
{
    margin-top: 20px;
    padding: 0 5px;
}

/* Gallery.ss, GalleryHolder.ss */
#GalleryPage
{

}

#GalleryPage .gallery
{
    width: 624px;
    margin: 0 auto;
    background: transparent url(../images/gallery_content-repeat.png) repeat-y center top;
}

#GalleryPage .gallery .inner-content
{
    background: transparent url(../images/gallery_content-top.png) no-repeat center top;
    min-height: 60px;
    padding: 20px;
}

#GalleryPage .gallery .inner-footer
{
    height: 60px;
    margin: 0 auto;
    background: transparent url(../images/gallery_content-footer.png) no-repeat center bottom;
    text-align: center;
}

#GalleryPage .gallery .inner-no-paging-footer
{
    height: 3px;
    margin: 0 auto;
    background: transparent url(../images/gallery_content-no-paging-footer.png) no-repeat center bottom;
}

#GalleryPage .gallery .inner-content ul
{
    margin: 0;
    padding: 0;
}

#GalleryPage .gallery .inner-content ul li
{
    margin: 0;
    padding: 0;
    list-style: none;
    /*float: left;*/
    padding: 17px;
    padding-bottom: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 11px;
    line-height: 1.2;
    width: 150px;
    min-height: 184px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    _height: 184px;
    /*height: 184px;*/
    overflow: hidden;
    background: transparent url(../images/gallery_thumb-bg.png) no-repeat left top;
}

#GalleryPage .gallery .inner-content ul li.item-0
{
    margin-right: 0;
}

#GalleryPage .gallery .inner-content ul li.last_row
{
    margin-bottom: 0;
}

#GalleryPage .gallery .inner-content ul li a div.shadow
{
    position: relative;
    display: block;
    height: 150px;
    width: 150px;
    margin-bottom: 20px;
}

#GalleryPage .gallery .inner-content ul li a div.shadow:after
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: "";
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.3);
}

#GalleryPage .gallery .inner-content ul li a div.shadow img
{
    display: block;
    width: 100%;
    height: 100%;
}

#GalleryPage .gallery .inner-content ul li a
{
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}

#GalleryPage .gallery .inner-content div.date
{
    margin-bottom: 10px;
}

#GalleryPage .gallery .inner-content div.text
{
    text-align: justify;
    padding-bottom: 20px;
    /*font-size: 14px;*/
}
/*
body.page_small #GalleryPage .gallery .inner-content div.text
{
	font-size: 13px;
}

body.page_large #GalleryPage .gallery .inner-content div.text
{
	font-size: 16px;
}
*/
#GalleryPage .gallery .inner-content div.text :last-child
{
    padding-bottom: 0;
    margin-bottom: 0;
}


#GalleryPage .gallery .inner-content div.text p
{
    line-height: 1.5;
}


#GalleryPage .gallery .inner-content ul li span.date
{
    display: block;
    margin-top: 3px;
    font-size: 13px;
}

#GalleryPage .gallery .inner-content div.alert
{
    text-align: center;
}

body.page_small #GalleryPage .gallery .inner-content ul li span.date
{
    font-size: 12px;
}

body.page_large #GalleryPage .gallery .inner-content ul li span.date
{
    font-size: 14px;
}

body.page_small #GalleryPage .gallery .inner-content ul li a
{
    font-size: 13px;
}

body.page_large #GalleryPage .gallery .inner-content ul li a
{
    font-size: 16px;
}

#GalleryPage .gallery .inner-content ul li a:hover
{
    color: #ee3e04;
}

#InfoHolder .sub-nav
{
    clear: both;
    height: 28px;
    padding: 10px 20px;
    margin-bottom: 20px;
    background: transparent url(../images/info-holder-container_dropdown-bg.png) no-repeat center top;
    line-height: 28px;
}

#InfoHolder .sub-nav form > *
{
    float: left !important;
}

#InfoHolder .sub-nav form > :first-child
{
    margin-left: 5px;
}

#InfoHolder .sub-nav form .last
{
    margin-right: 0!important;
}

#InfoHolder .sub-nav form div.custom.dropdown
{
    margin: 0 10px;
    /*min-width: 250px;*/
    width: 550px !important;
}

#InfoHolder .sub-nav form div.custom.dropdown ul li:hover
{
    background-color: #ee3e04;
}


#InfoHolder .infoitem
{
    background: transparent url(../images/infopage_headershadow.jpg) no-repeat center bottom;
    padding: 0;
    padding-bottom: 19px;
    margin: 0;
    margin-bottom: 10px;
}

#InfoHolder .infoitem.last
{
    background: 0;
    padding: 0;
    margin: 0;
}

#InfoHolder .infoitem span.date
{
    font-size: 13px;
}

body.page_small #InfoHolder .infoitem span.date
{
    font-size: 12px;
}

body.page_large #InfoHolder .infoitem span.date
{
    font-size: 14px;
}

#InfoHolder .infoitem h4
{
    font-size: 16px;
    color: #000000;
}

#InfoHolder .infoitem h4 a
{
    color: #000000;
}

#InfoHolder .infoitem h4 a:hover
{
    color: #ee3e04;
}

body.page_small #InfoHolder .infoitem h4
{
    font-size: 15px;
}

body.page_large #InfoHolder .infoitem h4
{
    font-size: 18px;
}

#InfoHolder .infoitem div.summary
{
    margin-bottom: 10px;
}

#InfoHolder .infoitem div.summary,
#InfoHolder .infoitem div.summary > *
{
    font-size: 14px;
}

#InfoHolder .infoitem .image-column a
{
    display: block;
}

#InfoHolder .infoitem .image-column a img
{
    display: block;
    width: 220px;
}

#InfoHolder .pagination
{
    clear: both;
    background: transparent url(../images/infopage_headershadow.jpg) no-repeat center top;
    padding-top: 15px;
    margin-top: 10px;
}

#InfoPage .bottom-box 
{
    clear: both;
    margin-top: 10px;
}

#InfoPage .bottom-box .btn-back
{
    display: block;
    width: 65px;
    height: 34px;
    background: transparent url(../images/btn_back.png) no-repeat left top;
    border: 0;
    padding: 0;
    margin: 0 auto;
    text-indent: -9999px;
}

#InfoPage .bottom-box .btn-back:hover
{
    background-position: left -34px;
}