@charset "utf-8";
/*---------[filter_results (leftside)]----------*/
.leftside {float:left; width:208px;}
.leftside {background-image:url(../images/bg_leftCon.gif);}
.leftside_top {height:26px;line-height:26px; padding-left:12px; background-image:url(../images/bg_leftTop.gif); font-weight:bold;}
.leftside_con {padding:0 12px; h\eight:850px;min-height:850px;}/*!!!!!!!!!!!!!!!!!!!---set (leftside) height here----*/
.leftside_bottom {height:8px;font-size:1px; background-image:url(../images/bg_leftBottom.gif);}
.leftside input {margin-bottom:2px; margin-right:3px; *margin:auto}/*hack*/
.leftside li{margin-left:8px;}
/*---------[search_result (centerpace)]----------*/
.centerpace {float:left; width:552px; margin:0 12px;}
.centerpace .sort{position:relative; padding:10px 0;}
.centerpace .sort a{color:#026EC0; text-decoration:none;}
.centerpace .sort p{position:absolute; left:80%; top:10px}

.centerpace .newsbox{float:left; width:544px; margin-bottom:8px; padding:3px; border:#CCCCCC 1px solid;}
.centerpace .newsbox_bgcolor{ background:#EEF1FD;}
.centerpace .newsbox .i4r{text-align:right; margin-top:-20px; margin-right:10px;}
.centerpace .newsbox .newsimg {float:left; width:120px; padding:10px;}
.centerpace .newsbox .newscon {float:left; width:404px; padding:7px 0;}
.centerpace .newsbox .dotline {overflow:hidden; height:1px; width:auto;margin-bottom:4px; background-image:url(../images/dotline.gif);}

/*---------[(rightside)recentsearch / my_shortlist]----------*/
.rightside {float:right; width:190px;}
.recent{min-height:110px; background:#F7F7F7 url(../images/bg_Recent.gif);}
.shortlist{background:#F7F7F7 url(../images/bg_shortlist.gif); margin-top:10px;}
.recent .label { color:#7F7F7F; line-height: 30px; font-weight:bold; }
.recent,.shortlist{border:#CCCCCC 1px solid; padding:0 10px 10px 10px; background-repeat:no-repeat; background-position:top;}
.recent li a {color: #000; text-decoration: none;}
.recent li a:hover {text-decoration:underline;}

#resources { margin-bottom: 20px; }
#resources div.title { color: #F5550B; font-weight: bold; border-bottom: 2px solid #F5550B; }
#resources div.list { margin-bottom: 10px; }
#resources div.list li { border-bottom: 1px dashed #B2B2B2; }
#resources div.list li .data { float:left;width:175px; }
#resources div.list li .func { float:right; }
#resources div.list li p.title { padding: 2px 0; color: black; }
#resources div.list li p.title img{ float: right; }
#resources div.list li p.title a { float: left; color: black; }
#resources div.list li p.note { clear: both; color: #B2B2B2; font-size: 11px; }
#resources div.edit * {padding: 2px 0;}
#resources div.edit .inputtext { border:1px solid #7F9DB9; color: #B2B2B2; width: 190px; padding: 1px; }
#resources div.edit textarea { border:1px solid #FFDC6C; color: #B2B2B2; width: 190px; height: 80px; padding: 1px; }

.shortlist ul{margin-left:5px}
.shortlist img{margin:5px 0 10px 0; width:120px;}

/*---------------[select_country]----------------*/
#select_country { margin-top:10px;}
.cardTop{width:100%; height:21px;}
.cardTop li {display:block; cursor:pointer; float:left; overflow:hidden; height:21px;margin:0 5px; padding:0 10px;text-align:center; font-weight:bold;}
.TitleOn {background:#FFA229;font-weight:bold; color:#FFF;}
.TitleOff {background:#FFF;  font-weight:bold; color:#FFA229;}
.CardCon {padding:6px;/*if you need, set right height for this box*/; text-align:left;}