#areaList{margin:15px 0 0 20px}


#subscribeAreaBalloon{
    background-color: #FFFFCC;
    border: 1px solid #AAAAAA;
    bottom:33px;
    right: -27px;
	display:none;	
    height: 90px;
    position: absolute;
    width: 170px;
}
#subscribeAreaBalloon .text{
 /*background-color:#CCCCCC;*/
    font-size: 13px;
    height: 43px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 100%;
}
#subscribeAreaViaFacebook,#subscribeAreaViaLinkedin{
height:32px;width:32px;position:absolute; top: 46px;
}
#subscribeAreaViaFacebook{left:100px}
#subscribeAreaViaLinkedin{left:46px}
/********VERSION NO ABS**********/
.areaList_container{
background-color: #FEFEFE;
    border: 1px solid #EFEFEF;
    margin: 0 0 10px;
    position: relative;
    width: 580px;min-height:80px;
	padding:10px;
}.areaList_container:hover{background-color: #FFFEEE;border: 1px solid #CCC;}

/*COVER VARIATION*/
#coverAreaList .areaList_container{ width: 650px;
border:0;
border-bottom: 1px solid #EFEFEF;
border-right: 1px solid #EFEFEF;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
}#coverAreaList .areaList_container:hover{
	background-color: #FFFEEE;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #EFEFEF;
border-left: 1px solid #EFEFEF;
	}


.areaList_container .img{
float:left;margin: 0 10px 0 0;
/*border: 1px inset #444444;*/
border-color: #555 #CCC #CCC #555;
    border-style: solid;
    border-width: 1px;
	padding:0px;
}

.areaList_container .title{font-weight: bold;font-size: 17px;}

.areaList_container .desc{
	display: none;
	float: right;
	font-size: 14px;
	line-height: 20px;
	margin: 5px 0 17px;
	width: 556px;
	
}
.areaList_container .brief{
    float: right;
    font-size: 14px;
    line-height: 20px;
    margin: 5px 0 15px;
    width: 556px;
}


/*#subscribeAreaBalloon */
.pointer_down{
width:18px;
height:9px;
position:absolute; bottom:-9px; left:74px;
background:transparent url("/img/ico/pointer_down_yellowgrey.png") no-repeat scroll center center; 
}

.currentArea{
  background-color:#009933;
  border:1px solid #006633;
  color:#FFFFFF;
  font-size:13px;
  font-weight:normal;
  padding:2px 6px;
  position:absolute;
  right:4px;
  top:2px;
  
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	border-top-right-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	-moz-border-radius-bottomright:2px;
	border-bottom-right-radius:2px;
	-webkit-border-bottom-left-radius:2px;
	-moz-border-radius-bottomleft:2px;
	border-bottom-left-radius:2px;  

	-moz-box-shadow:inset 0px 1px 0px 0px #00CC33;
	-webkit-box-shadow:inset 0px 1px 0px 0px #00CC33;
	box-shadow:inset 0px 1px 0px 0px #00CC33;
 
}