@charset "utf-8";

/* last modified 2015-09-15 */

body {
	font-family: Helvetica, sans-serif;
	font-size: 13px;
}

/* for IE6 */
* html body {
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}


a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}


a:hover {
	text-decoration: none;
	color: #09C;
}

#head-link a,
.footer-link a,
.comment a,
.breadcrumbs a,
.link ul li a {
	color: #333;
	font-weight: normal;
}

#head-link a:hover,
.footer-link a:hover,
.comment a:hover,
.breadcrumbs a:hover,
.link ul li a:hover  {
	color: #333;
	text-decoration: underline;
}


.breadcrumbs a {
	color: #333;
	font-weight: bold;
}


.breadcrumbs a:hover {
	color: #333;
	text-decoration: underline;
}




/* ---------------------------------------------------

Top Visual

--------------------------------------------------- */

#main-vis {
	position: relative;
	min-height: 370px;
}

#main-vis-inner {
	position: absolute;
	/* width: 1117px; */
	width: 640px;
	height: 611px;
	background: url(images/main.png) no-repeat 0 20px;
	z-index: 9000;
	/* left: -160px; */
	/* top: 63px; */
}


#main-vis-inner h1 {
	position: absolute;
	/* left: 205px; */
	/* top: -20px; */
	left: 5px;
	padding: 0!important;
	border: none!important;
}



#main-vis-inner p {
	position: absolute;
	/* left: 340px; */
	left: 154px;
	top: 80px;
}


#main-vis-inner p#ttl2 {
	top: 45px;
	/* left: 346px; */
	left: 160px;
}

#whatsnew{
	position: relative;
	z-index: 9900;
}


/* ---------------------------------------------------

Global Navigation

--------------------------------------------------- */

/*
common-for-2016.css
*/

/* ---------------------------------------------------

Base

--------------------------------------------------- */
#wrap {
	background-color: #e6e7e7;
	color: #666;
}

#container {
	width: 926px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-right: 37px;
	padding-left: 37px;
	overflow: hidden;
	padding-bottom: 160px;
}

#header {
	padding-top: 20px;
	overflow: hidden;
}

#logo {
	float: left;
}

#logo_s {
	float: left;
	padding-top: 20px;
}

#head-link {
	float: right;
	width: 500px;
	text-align: right;
	margin-right: 20px;
}


#head-link_button {
	float: right;
	/*width: 440px;*/
	text-align: right;
}

#head-link_button .head-button{
	float: left;
	margin-left: 20px;
}

.link-right-border {
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 10px;
	border-right-width: 1px;
	margin-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

/* ---------------------------------------------------

Search

--------------------------------------------------- */

#search {
	width: 220px;
	float: right;
	padding-top: 3px;
	padding-right: 10px;
}  

.signin,
.contribute{
	margin-bottom: 15px;
}
.signin a:hover,
.contribute a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#searchform {  
    position: relative;   
}  
#searchform input[type="text"]{  
    width: 182px;  
    height: 21px;  
    background: #f0f4f3;  
    border: none;  
padding: 4px 4px 4px 10px;
}  
#searchBtn {  
    position: absolute;  
    top: 0;  
    _top: 1px;  
    left: 190px;  
}  
*:first-child + html #searchBtn    {  
    top: 1px;  
}

.search_area{
	float:right;
	width: 220px;
	padding-top: 20px;
}

.report_search_area{
	float:right;
	width: 460px;
	padding-top: 15px;
}

.thematic_discussion_search_area{
	width: 120px;
}

.postbutton_area{
	float:right;
	width: 230px;
	padding-top: 15px;
}


.report_search_area #searchform{
	float: left;
	top: 5px;
}

.report_search_area .signin, .report_search_area .contribute{
	float: left;
}


/* ---------------------------------------------------

Contents

--------------------------------------------------- */

#contents {
	clear: both;
	padding-top: 28px;
/*	overflow: hidden;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-bottom: 50px;
}
#contents{ /zoom : 1; }
#contents:after{ content : ''; display : block; clear : both; }


#main {
	width: 640px;
	float: left;
}

#main-02 {
	float: left;
	width: 736px;
	padding-left: 30px;
	padding-bottom: 30px;
}
/*
#submenu {
	width: 160px;
	float: left;
}
*/
.breadcrumbs {
	font-size: 93%;
	padding-bottom: 10px;
}

.report h1,
.resource h1,
.members h1,
.CommentMembers h1,
.link h1,
.icef-2014 h1,
.contact h1,
.lined_heading {
	font-family: Helvetica, sans-serif;
	font-size: 220%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 20px;
}
.org-logo-heading {
	font-family: Helvetica, sans-serif;
	font-size: 131%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.report {

}

.report-article h1 {
	padding-top: 30px;
	font-family: Helvetica, sans-serif;
	font-size: 185%;
	color: #333;
}

.report h2 {
	padding-top: 22px;
	font-family: Helvetica, sans-serif;
	font-size: 154%;
	clear: both;
}

.author-report-article {
	padding-top: 10px;
	padding-bottom: 15px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.author-report {
	padding-top: 10px;
	padding-bottom: 25px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.author-report-last {
	padding-top: 10px;
	padding-bottom: 25px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
}

.author-profile-report {
	display: block;
	overflow: hidden;
	padding-left: 10px;
	color: #666;
	float: left;
	border-left: 5px solid #e1e2e9;
	padding-left: 10px;
}

.report-name,
.comment-name {
	float: left;
	display: block;
}

.report-date,
.comment-date {
	float: left;
	display: block;
	padding-left: 10px;
}

.report-division {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}


.comment-division {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	font-size: 93%;
	color: #666;
}


.comment-balloon2 {
	background-image: url(../images/comment.png);
	height: 15px;
	width: 32px;
	float: left;
	font-size: 77%;
	padding-top: 3px;
	background-repeat: no-repeat;
	text-align: center;
	padding-right: 9px;
}

.comment2 {
	height: 15px;
	width: 50px;
	float: left;
	font-size: 85%;
	padding-top: 2px;
	padding-left: 2px;
}

.resource h2,
.members h2,
.CommentMembers h2,
.link h2,
.icef-2014 h2 {
	padding-top: 22px;
	font-size: 177%;
	clear: both;
}

.resource h3 {
	padding-top: 22px;
	font-size: 154%;
	padding-left: 40px;
	background-image: url(../images/arrow-menu.png);
	background-repeat: no-repeat;
	background-position: 26px 28px;
}

/* add 160617 */

.child-comment .comment-section{padding: 0 0 0 30px!important;margin:0 !important;
background: transparent url("http://www.icef-forum.org/platform/css/images/response.png") 0px 20px no-repeat;}
div#main-02 .comment-section p{padding-top:3px!important;margin-bottom:3px!important;}
div#main-02 .comment-section p.txt_r{margin-bottom:0!important;/*position:relative;top:-70px;*/}
.comment-author {width:100%!important;border-top: 1px solid #999;margin-top:10px;padding:12px 0 0!important;}
.comment-reply{display:inline-block;margin-top:0;margin-left:5px;padding:0px 5px!important;background-color: #649ac9;color:#fff;font-size:11px;}
.comment-reply:hover{color:#fff;}
.view-reply-area{padding-right:20px;}
.view-reply{display:block;width:100%;margin-top:20px;text-align:center;padding:8px 15px;background-color: #ccc;font-size:11px;}
.comment-section .comment-division{padding-right: 125px;}
.comment-section .comment-content textarea{height: 50px;}
.comment-section .button_area{margin:0 0 0 0!important;padding-top:0!important;}
.comment-section .button_area input{ padding: 2px 20px!important;}

.members-img {
	float: left;
}

.members-profile {
	float: left;
	padding-left: 20px;
}

.members-profile h3 {
	font-size: 154%;
	clear: both;
}

.members dl {
	clear: both;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 10px;
}

.members-profile p {
	padding-top: 4px;
}

.members-profile .p-head {
	font-weight: bold;
	padding-right: 6px;
}

.members-profile .p-datail {
	font-size: 108%;
	padding-top: 15px;

}

.members-profile .p-datail span {

}

.comm-members {
	display: block;
	font-size: 124%;
	font-weight: bold;
}

.comm-country {
	display: block;
	padding-top: 8px;
}

.members dt {

}

.CommentMembers dl {
	padding-top: 20px;
	clear: both;
	padding-bottom: 8px;
	overflow: hidden;
}

.CommentMembers dt {
	float: left;
	width: 190px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}

.CommentMembers dd {
	float: left;
	padding-left: 20px;
	width: 400px;
}

.link ul {
	padding-top: 16px;
}

.link ul li {
	font-size: 124%;
	background-image: url(../images/arrow-02.png);
	background-repeat: no-repeat;
	background-position: 1px 12px;
	padding-left: 12px;
	padding-top: 8px;
}


/* 201607 Thematic Discussion */

.section h4.topic-subhdg{
	color: #666;
}

div#main-02 h1.topic-title-small{
	color: #333;
	font-size: 190% !important;
	line-height: 1;
	padding-bottom: 25px;
}

/* 201701 Thematic Discussion */

.btn_link{
	background-color:#649ac9;
	border-radius: 2px;
	box-shadow: 1px 2px 2px 0 #ccc;
	color: #fff;
	display: inline-block;
	font-size: 90%;
	line-height: 1;
	margin-bottom: 15px;
	padding: 5px 8px;
	position: relative;
	transition: all 0.2s ease 0s;
}
.btn_link:hover{
	color: #fff;
	background-color:#7babd6;
}

/* 20160719 tab */

ul#tab-nav1tall{
	margin-bottom: 0!important;
	padding-left: 8px;
	border-bottom: 7px solid #81d9f5;
}
ul#tab-nav1tall{ /zoom : 1; }
ul#tab-nav1tall:after{ content : ''; display : block; clear : both; }

ul#tab-nav1tall li {
	margin-bottom: 0!important;
	
  /* Makes a horizontal row */
  float: left; 
 
  /* So the psueudo elements can be
     abs. positioned inside */
  position: relative;
}
ul#tab-nav1tall a {
  /* Make them block level
     and only as wide as they need */
  float: left;
  padding: 10px 40px;
  text-decoration: none;
 
  /* Default colors */
  color: black;
  background-color: #dfdfdf;
/*  background: -moz-linear-gradient(top, #e8e8e8, #dfdfdf);
	background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#dfdfdf));*/
 
  /* Only round the top corners */
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
ul#tab-nav1tall .active {
  /* Highest, active tab is on top */
  z-index: 3;
}
ul#tab-nav1tall .active a {
  /* Colors when tab is active */
  background-color: #81d9f5;
/*  background: -moz-linear-gradient(top, #81c0f6, #81d9f5);
  background: -webkit-gradient(linear, left top, left bottom, from(#81c0f6), to(#81d9f5));*/
  color: black;
}
ul#tab-nav1tall li:before, ul#tab-nav1tall li:after,
ul#tab-nav1tall li a:before, ul#tab-nav1tall li a:after {
  /* All pseudo elements are
     abs. positioned and on bottom */
  position: absolute;
  bottom: 0;
}
/* Only the first, last, and active
   tabs need pseudo elements at all */
ul#tab-nav1tall li:last-child:after,   ul#tab-nav1tall li:last-child a:after,
ul#tab-nav1tall li:first-child:before, ul#tab-nav1tall li:first-child a:before,
ul#tab-nav1tall .active:after,   ul#tab-nav1tall .active:before,
ul#tab-nav1tall .active a:after, ul#tab-nav1tall .active a:before {
  content: "";
}
ul#tab-nav1tall .active:before, ul#tab-nav1tall .active:after {
  background: #81d9f5; 
 
  /* Squares below circles */
  z-index: 1;
}
/* Squares */
ul#tab-nav1tall li:before, ul#tab-nav1tall li:after {
  background: #dfdfdf;
  width: 10px;
  height: 10px;
}
ul#tab-nav1tall li:before {
  left: -10px;
}
ul#tab-nav1tall li:after {
  right: -10px;
}
/* Circles */
ul#tab-nav1tall li a:after, ul#tab-nav1tall li a:before {
  width: 20px;
  height: 20px;
  /* Circles are circular */
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;
  border-radius:         10px;
  background: #fff;
 
  /* Circles over squares */
  z-index: 2;
}
ul#tab-nav1tall .active a:after, ul#tab-nav1tall .active a:before {
  background-color: #dfdfdf;
}
/* First and last tabs have different
   outside color needs */
ul#tab-nav1tall li:first-child.active a:before,
ul#tab-nav1tall li:last-child.active a:after {
  background: #fff;
}
ul#tab-nav1tall li a:before {
  left: -20px;
}
ul#tab-nav1tall li a:after {
  right: -20px;
}


ul.arrow-link {
	padding: 10px;
	background-color: #f7f7f7;
}

ul.arrow-link{ /zoom : 1; }
ul.arrow-link:after{ content : ''; display : block; clear : both; }

ul.arrow-link li {
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
	float: left;
	padding-top:2px;
}
ul.arrow-link li.active a{
	color:#4189be;
}
ul.arrow-link li::after,
ul.arrow-link li::before {
	display: block;
	content: '';
	position: absolute;
}
ul.arrow-link li::after {
	top: .3em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #81c0f6;
	border-radius: 100%;
}
ul.arrow-link li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



/* article-excerpt */

.article-excerpt>h2 {
	font-size: 177%;
	color: #333;
	padding-bottom: 25px;
}

.article-img-large {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 640px;
	clear: both;
	text-align: center;
}

.article-img-l {
	padding-bottom: 25px;
	width: 640px;
}

.article-title {
	font-size: 162%;
	font-family: Helvetica, sans-serif;
}

.post {

}

.author {
	overflow: hidden;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	padding-bottom: 8px;*/
}

.author-cnt {
	padding-left: 8px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #BAC2C0;
}

.article-excerpt dl{
	clear: both;
}

.author-img {
	clear:left;
	float:left;
	height: 50px;
	width: 50px;
	margin:0 10px 10px 0;
	display: block;
}

.author-profile {
	display: block;
	overflow: hidden;
	color: #666;
	float: left;
	width: 253px;
	border-left: 5px solid #e1e2e9;
	padding-left: 10px;
}

.author-profile-l {
	display: block;
	overflow: hidden;
	color: #666;
	float: left;
	width: 580px;
	border-left: 5px solid #e1e2e9;
	padding-left: 10px;
}

.author-profile-s {
	display: block;
	padding-left: 10px;
	color: #666;
	float: left;
}

.author-profile-section {
	padding-left: 10px;
	color: #666;
	float: left;
	width: 200px;
}

.author ul li {

}

.author-name {
	font-weight: bold;
	color: #000;
}

.author-division {
	padding-top: 5px;
}


.article-excerpt-txt,
.article-txt {
	clear: both;
	line-height: 20px;
	font-size: 108%;
}

.color-box{
	background-color:#edf7fa;
	padding: 10px 10px 10px;
	margin-bottom: 20px;
}

#main .article-txt li{
	margin-left: 15px;
	list-style-position: outside;
	list-style-type: inherit;
}

.article-excerpt-txt p,
.article-txt p {
	padding-top: 15px;
}

.hr-article {
	clear: both;
	height: 1px;
	background-color: #666;
	margin-top: 30px !important;
	margin-right: 0px;
	margin-bottom: 30px !important;
	margin-left: 0px;
}

.article-img-s {
	float: left;
	width: 300px;
}

.article-img-annual {
	width: 640px;
	margin: 0 auto;
}

.article-img-cap-annual{
	width: 340px;
	margin: 0 auto 30px;
}

.article-excerpt-section {
	float: left;
	width: 320px;
	padding-left: 20px;
}

.article-excerpt-section:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}


.article-excerpt-section-annual {
	float: left;
	width: 320px;
	padding-top: 30px;
	padding-left: 20px;
}

.article-excerpt-section-annual:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.article-excerpt-bottom {
	padding-top: 15px;
	clear: both;
}


/* comment */

.comment-container {

}

.comment-form {
	padding-left: 70px;
	margin-bottom: 30px;
}

#comments {
	font-size: 139%;
	font-weight: bold;
	padding-bottom: 20px;
}
.comment-content textarea{
	width: 97%;
	height: 200px;
	padding: 6px;
}

.comment-button {
	padding-top: 10px;
	clear: both;
	text-align: right;
}

.comment-submit {
	padding: 6px;
}

.comment-section {
	padding: 20px 20px 12px 20px;
	margin: 10px 0px 30px 0px;
	background-color: #F3F3F3;
	overflow: hidden;
}


.comment-section-re {
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-top: 45px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(../images/res-top.jpg);
	background-repeat: no-repeat;

}

.comment-author {
	width: 500px;
	float: left;
}

.comment-author-cnt {
	overflow: hidden;
}

.comment-img {
	width: 50px;
	float: right;
}

.comment-section p,
.comment-section-re p,
.recent-comment-section-re p,
.recent-comment-section p {
	padding-top: 15px;
	clear: both;
	font-size: 108%;
	line-height: 18px;
}


.comment-balloon {
	background-image: url(../images/comment.png);
	height: 15px;
	width: 32px;
	float: right;
	font-size: 77%;
	padding-top: 3px;
	background-repeat: no-repeat;
	text-align: center;
	padding-right: 9px;
}

.comment {
	height: 15px;

	float: right;
	font-size: 85%;
	padding-top: 2px;
	padding-left: 2px;
}

.more a {
	height: 15px;
	width: 70px;
	float: right;
	font-size: 100%;
	padding-top: 0px;
	padding-left: 10px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	color: #09C;
	text-decoration: none;
}

.more a:hover,
.more-side a:hover {
	text-decoration: underline;
}

.readmore {
	text-align: right;
}
.readmore a{
	font-size: 100%;
	padding-top: 0px;
	padding-left: 10px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	color: #09C;
}
.readmore a:hover {
	text-decoration: underline;
}

.topic-more
{
	padding-bottom: 50px
}


.reply {

}

.reply a {
	float: right;
	padding-top: 6px;
	margin-top: 10px;
	font-weight: bold;
	color: #09C;
	text-decoration: underline;
	background-image: url(../images/reply.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	display: block;
	padding-left: 20px;
}

.reply a:hover {
	text-decoration: none;
}

.hr-comment {
	clear: both;
	height: 1px;

	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


/* Recent Cmment */

.recent-comment-section {
	padding: 20px 20px 12px 20px;
	margin: 10px 0px 30px 0px;
	background-color: #F3F3F3;
	overflow: hidden;
}


.recent-comment-title {
	clear: both;
	display: block;
	padding: 2px 0px 0px 0px;
}


.recent-comment-title a {
	font-size: 154%;
padding: 0px 6px 0px 0px;

}

.recent-comment-number {
	padding-left: 10px;
}


.recent-comment-name a {
	padding: 0px 6px 0px 0px;

}

.recent-comment-date {
	padding: 6px 6px 0px 0px;
	display: block;

}


.recent-comment-author {
	width: 540px;
	float: left;
	line-height: 1.3;
}

.recent-comment-section-re {
	clear: both;
	padding: 30px 20px 12px 20px;
	margin: 10px 0px 30px 0px;
}

.pencil,
.reply {
	padding: 0px 0px 0px 8px;
}

.pencil-s,
.reply-s {
	padding: 0px 6px;
}




/* Text Decoration */

.sub-title{
	font-size:138.5%;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
}

.message-box{
	font-size: 124%;
	background-color: #eeeeee;
    margin: 20px 0;
    padding: 20px 20px 12px;
}

.message-box p{margin-bottom:8px;}

.flat-list{
	margin: 10px 0 10px 15px;
}

.flat-list li{
	list-style: disc inside none;
    margin-bottom: 6px;
}

.date-list{ /* add 2015-05-22*/
	margin: 0 0 20px;
}

.date-list li{ /* add 2015-05-22*/
	margin-left: 0 !important;
	list-style-position: inside !important;
	list-style-type: none !important;
	background-image: url("../images/arrow-02.png");
	background-repeat: no-repeat;
	background-position: 0px 18px;
	padding-left: 13px;
	line-height: 14px;
}
.date-list li p{ /* add 2015-09-04*/
	color: #333;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}
.date-list li span.date{ /* add 2015-05-22*/
	display: block;
	padding-top: 6px;
}

.nomark-ordered-list{
	margin: 10px 0 10px 15px;
}
.nomark-ordered-list li{
	list-style: none;
    margin-bottom: 6px;
}

.important{
	color: #f21d1d;
	font-weight:bold;
}


/* Form */

#form {
padding: 20px 0px 0px 0px;
}

.error-message{
	background-color: #f3f3f3;
	color:#f21d1d;
	margin: 10px 0 30px;
	padding: 20px 20px 10px;
}
.error-message ul li{
	list-style:disc inside;
	margin-bottom:10px;
}

.forgot-password{
	text-aign: center;
	margin: 10px;
}
.forgot-password a{
	font-weight: normal;
	text-decoration: underline;
}

.message-list li{
	list-style:disc outside;
	margin-bottom:4px;
	margin-left:15px;
	font-size: 85%;
}

.tdf1 {
	width: 180px;
	padding: 15px 6px;
	font-weight: bold;
	font-size: 108%;
}

.tdf2 {
	width: 400px;
	padding: 6px;
}

#textfield {
	width: 200px;
	padding: 6px;
}

.table_hdg{
	padding:30px 0 10px;
	font-size: 108%;
	font-weight: bold;
}
.tdf2 input[type="text"],
.tdf2 input[type="password"] {
	width: 200px;
	padding: 6px;
}

.contribute input{
	width: 100%;
	padding: 6px;
}
.contribute textarea{
	width: 100%;
	height: 500px;
	padding: 6px;
}

#textfieldMulti {
	width: 300px;
	padding: 6px;
}

#contact-details {
	margin-top: 30px;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	font-size: 147%;
	font-weight: bold;
}

.contact-country {
	width: 300px;
	margin-top: 30px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	font-size: 124%;
}

.contact-address {
	width: 300px;
	margin-top: 15px;
}

.contact-address p {
	font-size: 93%;
	padding-top: 5px;
}

.contact-container {
	width: 300px;
	float: left;
}

/* Button */

.button_area{
	margin: 50px auto;
	padding-top: 20px;
	text-align: center;
	border-top: 1px solid #999;
}
.button_area input{
	padding: 7px 40px;
	margin: 0 10px;
	border:none;
	font-size: 100%;
	text-indent: 0.1em;
	
   background: #639ac9;
   color: #fff;
   text-decoration: none;
   vertical-align: middle;
}
.button_area input.checkbox,
.button_area input.checkbox:hover,
.button_area input.checkbox:active{
	padding: 7px 3px!important;
	background: none!important;
}

.button_area input:hover {
   background: #28597a;
   color: #ccc;
   cursor: pointer;
}
.button_area input:active {
   background: #1b435e;
   }

.button_area input.back,
.button_area input.delete{
	padding: 7px 20px;
   background: #aaa;
}
.button_area input.new{
   background: #e70012;
}
.button_area input.new:hover{
   background: #b31824;
}

/* pagenav */


#page-nav {
	text-align: center;
	clear: both;
	padding-top: 50px;
}


#page-nav ul.pageNav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	text-align: center;
}

#page-nav ul.pageNav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#page-nav ul.pageNav li span,
#page-nav ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #EBEBEB;
}

#page-nav ul.pageNav li a:hover {
	color: #000;
	border-color: #00f;
	background-color: #E1E1E1;
}



/* Social Button */

.socialbox {
	float: left;
	padding-top: 20px;
}
.socialbox{ /zoom : 1; }
.socialbox:after{ content : ''; display : block; clear : both; }

.article-excerpt-bottom .socialbox {
	padding-top: 0;
	margin-top: -1px;
}

.socialbox-report {
	clear: both;
	float: left;
	padding-top: 10px;
}
.socialbox-report{ /zoom : 1; }
.socialbox-report:after{ content : ''; display : block; clear : both; }

.sns-button {
	float: left;
}


/* tag area 2016-07-13 */
.tag-area{
	padding-top: 3px;
}
.tag-area img{
	margin-top: -3px;
	margin-right: 10px;
}
.tag-area a{
	font-weight: normal;
	text-decoration: underline;
}


/* video button 2016-12-07 */

.video-button {
	background: url(http://www.icef-forum.org/images/ico/video.png) no-repeat 8px center #bbbbbb;
	padding: 5px 8px 5px 28px;
	display: inline-block;
	color: #fff;
		-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	font-size: 90%;
		border-radius: 2px;
	box-shadow: 1px 2px 2px 0 #ccc;
	behavior:url("http://www.icef-forum.org/common/css/PIE.htc");
	line-height: 1;
	position: relative;
}
.video-button.active {
	background-color:#4b94cc;
	color:#fff!important;
}

.video-button.active:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	color: #fff;
}

/* ====================== thematic discussion ====================== */

.report-button a{
	display: block;
	text-align: left;
	height: 60px;
	padding: 20px 25px;
	margin: 0 auto 3px;
	background: url(images/icon_forum.png) no-repeat 315px 60px;
	
	color: #fff;
	font-weight: normal;
	font-size: 124%;
	line-height: 130%;
	cursor: pointer;
	border:none;
	
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}

.report-button a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.report-button-2col{
	width: 730px;
	display: block;
	margin-left: -3px;
}
.report-button-2col li{
	width: 360px;
	float: left;
	margin-left: 3px;
}
.report-button-2col{ /zoom : 1; }
.report-button-2col{ content : ''; display : block; clear : both; }

.report-button-4col{
	width: 730px;
	display: block;
	margin-left: -3px;
}
.report-button-4col li{
	width: 179px;
	float: left;
	margin-left: 3px;
}

.report-button-4col li a{
	display: block;
	text-align: left;
	height: 45px;
	padding: 10px 15px;
	margin: 0 auto 3px;
	background: url(http://www.icef-forum.org/platform/css/images/icon_forum_mini.png) no-repeat 155px 45px;

	font-size: 124%;
	line-height: 130%;
}

.report-button-4col{ /zoom : 1; }
.report-button-4col{ content : ''; display : block; clear : both; }


.btn5 {	/* from btn5 - 20160825 */
	background: no-repeat 5px center #999999;
	padding: 5px 10px;
	display: inline-block;
	color: #fff;
		-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	font-size: 90%;
		border-radius: 2px;
	box-shadow: 1px 2px 2px 0 #ccc;
	behavior:url("http://www.icef-forum.org/common/css/PIE.htc");
	line-height: 1;
	position: relative;
	margin-bottom:15px;
}

.to-top-button a{/* add 20160830 */
	display: block;
	float: right;
	padding: 10px 15px;
	background-color: #ddd;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.sidemenubtn .nonlink a{/* add 20160830 */
    color: #150f0f !important;
}
.section h4.abstract-ttl{/* add 20160907 */
	font-size: 100%;
	margin-top: 22px;
}

.discussion-box{/* add 20160906 */
	background-color: #eee;
	padding: 30px;
	margin-bottom: 30px;
}
.discussion-box ul.list-n li {
	margin-bottom: 0.25em !important;
}

.discussion-box ol.listDecimal li {
	margin-bottom: 0.75em !important;
}



/* roadmap 2015-09-15 */

.file-button a{
	display: block;
	width: 80%;
	text-align: center;
	padding: 20px 15px;
	margin: 0 auto 3px;

	color: #fff;
	font-weight: normal;
	font-size: 14px;
	line-height: 130%;
	cursor: pointer;
	border:none;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	-webkit-box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
	-moz-box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
	-ms-box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
	box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
}
/*
*/

.file-button a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* pager */


ul.pager li{
	display:inline-block;
	padding:5px 10px;
	border: 1px solid #eee;
	padding: 0 4px;
}

ul.pager li.current{
	background-color: #eee;
}

/* ---------------------------------------------------

Sidebar

--------------------------------------------------- */


#side {
	float: left;
	width: 256px;
	padding-left: 30px;
	padding-bottom: 30px;
}

.side-head {
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 131%;
	background-color: #999;
	padding: 7px 7px 6px 9px;
	color: #FFF;
}

.side-container {

}

.side-container .top-banner-wrapper{
	margin-top: 64px;
}

.side-container .org-logo-wrapper{
	margin-top: 40px;
}

.top-banner{
	margin-bottom: 20px;
}

.top-banner a {
	display: block;
	width: 242px;
	height: 54px;
}
.top-banner a.registration {
	background: url(images/banner-registration_2.jpg) no-repeat 0 0;
}
.top-banner a.top10 {
	background: url(images/banner-top10_2.jpg) no-repeat 0 0;
}
.top-banner a.registration_j {
	background: url(images/banner-registration_j.jpg) no-repeat 0 0;
}
.top-banner a.top10_j {
	background: url(images/banner-top10_j.jpg) no-repeat 0 0;
}
.top-banner a.brochure {
	background: url(images/banner-brochure.jpg) no-repeat 0 0;
}
.top-banner a.brochure_j {
	background: url(images/banner-brochure_j.jpg) no-repeat 0 0;
}
.top-banner a.program {
	background: url(images/banner-program.jpg) no-repeat 0 0;
}
.top-banner a.program_j {
	background: url(images/banner-program_j.jpg) no-repeat 0 0;
}
.top-banner a.outcomes {
	background: url(images/banner-outcomes.jpg) no-repeat 0 0;
}
.top-banner a.outcomes_j {
	background: url(images/banner-outcomes_j.jpg) no-repeat 0 0;
}
.top-banner a.photogallery {
	background: url(images/banner-photogallery.jpg) no-repeat 0 0;
}
.top-banner a.photogallery_j {
	background: url(images/banner-photogallery_j.jpg) no-repeat 0 0;
}
.top-banner a.roadmap {
	background: url(images/banner-roadmap.jpg) no-repeat 0 0;
}
.top-banner a.roadmap_j {
	background: url(images/banner-roadmap_j.jpg) no-repeat 0 0;
}
.top-banner a.workshop {
	background: url(images/banner-workshop.jpg) no-repeat 0 0;
}
.top-banner a.workshop_j {
	background: url(images/banner-workshop_j.jpg) no-repeat 0 0;
}
.top-banner a:hover {
	background-position: 0 bottom;
}

.org-logo {
	padding-right: 8px;
	text-align: center;
}


.side-container ul li {
	padding-top: 15px;
	background-image: url(../images/arrow-02.png);
	background-repeat: no-repeat;
	background-position: 0px 18px;
	padding-left: 13px;
	line-height: 14px;
}

.side-author-name{
	padding-top: 6px;
	display: block;
}
.entry {

}


.more-side {
	overflow: hidden;
}

.more-side a {
	float: right;
	font-size: 100%;
	padding-top: 10px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	color: #09C;
	text-decoration: none;
	overflow: hidden;
}


.side-menu {
	padding-top: 20px;
}


.side-menu ul li a {
	font-size: 124%;
	background-image: url(../images/arrow-menu.png);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	background-repeat: no-repeat;
	background-position: 8px 14px;
	padding-left: 22px;
	padding-top: 11px;
	padding-bottom: 11px;
	font-weight: bold;
	background-color: #FAFAFA;
	display: block;
	color: #333;
}

.side-menu ul li a:hover {
	background-color: #F5F5F5;
	text-decoration: none;
	color: #09C;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}

.border-b {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.side-banner {
	padding-top: 30px;
}


/* ---------------------------------------------------

Footer

--------------------------------------------------- */

#footer {
	font-size: 93%;
	text-align: center;
	padding-top: 10px;
}


.footer-link {
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer-link a {
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-left: 10px;
}

.footer-link a.last {
	border-right: none;
	margin: 0;
}

.foot {

}

/* ---------------------------------------------------

Common styles

--------------------------------------------------- */


.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}


.pt0{padding-top: 0px;}

.tac{text-align:center;}

.no-border{border: none!important;}

.link-button a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.add-text{font-size:12px;color: #888;}

/* ---------------------------------------------------

2016/05/19 
--------------------------------------------------- */


div#main-02 h1 {
/*
common-for-2016.css
*/

}

.sidemenubtn li {
/*
common-for-2016.css
*/
}


div#main-02 p, div#main-02 ul, div#main-02 ol, div#main-02 dl, div#main-02 table {
	margin-bottom: 1em;
}
div#main-02 ul li {
	margin-bottom: 0.25em;
}
div#main-02 .last-child {
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	border-bottom: none!important;
}
/* section */
div#main-02 .section {
	border-bottom: solid #666 1px;
	padding-bottom: 4em;
	margin-bottom: 4em;
	font-size: 108%;	
}
div#main-02 .section *:last-child {
	margin-bottom: 0;
}
div#main-02 .section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
div#main-02 .section div.part:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
div#main-02 {
	line-height:1.4em;
}

div#main-02 .section-compact {
	margin-bottom: 4em;
	font-size: 108%;	
}

/* ---------------------------------------------------

2016/05/27
--------------------------------------------------- */

div#main-02 .section .article-excerpt { /* add20160527 */
	line-height: 1em!important;
	font-size: 90%!important;
}