/***********************************************************
* recent device
************************************************************/

.recent_device_empty
{
  float: left;display: inline;
  position: relative;
  height:100px;
  width:100px;
  margin:5px 11px 5px 11px;
}

.recent_device
{
  float: left;display: inline;
  position: relative;
  height:100px;
  width:100px;
  margin:5px 11px 5px 0px;
  padding-top:10px;
  padding-left:10px;
}

.recent_device a
{
  outline: none;
}

.recent_device span
{
  display: none;
}

.recent_device:hover
{
}

.recent_device:hover span
{ 
  display: inline;
  position:absolute;
  bottom:-10px; left:-10px; width: 120px;
  border:1px solid black;
  background-color:gray;
  color:white;
  text-align: center;
  font-weight: bold;
}

a.recent_device_close
{
  position:absolute;
  right:5px;
  top:-5px;
  height:20px;
  width:20px;
  background: transparent url(../res/page/recent_device_close.gif) 0 0 no-repeat;
  display:block;
  z-index:100;
  outline: none;
}

a.recent_device_close:hover
{
  background-position: 0% -20px;
}

/***********************************************************
* index: what's new
************************************************************/

.whatsnew-l-col { float:left; width: 50px; height: 16px; overflow: hidden; display: inline;}
.whatsnew-r-col { float:right; width: 370px; height: 16px; overflow: hidden; display: inline;}

.whatsnew-r-col a
{
   text-decoration: none; 
}

.whatsnew-r-col a:hover
{
   text-decoration: underline; 
}

.more_news {margin-left:35px;margin-top:10px;}

.more_news a
{
   text-decoration: none; 
}

.more_news a:hover
{
   text-decoration: underline; 
}


