/** General page styling **/
#main {padding: 10px 0 10px 0;}

/** Loader **/
#loader {height: 16px;text-align: center;padding: 25px 0 25px 0;}
#loaderCircle {width: 16px;height: 16px; margin: 0 auto;background-image: url('images/loader.gif');}


/**
 * Grid container
 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
margin-left:25px;
min-height: 590px;
}

/**
 * Grid items
 */
#tiles li {
width: 220px;
background-color: #ffffff;
border: 1px solid #dedede;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: absolute;/** Hide items initially to avoid a flicker effect **/
 /*padding: 10px;*/
}

#tiles li img {display: block;max-width: 200px;}


/*ÁбíÒ³*/
.thumb {padding: 10px;position: relative;}
.thumb .sb{position: absolute;top: 15px;left: 15px;display:  none;}
.detail {padding: 0px 10px 0px 10px;line-height: 18px}
.detail a {color: #0192B5;text-decoration: none;}
.detail .c9 {color: #999;margin-right: 10px;}
.list_c {background-color: whiteSmoke;padding: 5px;}
.list_c .icoLink{float: left;display: block;height: 30px;width: 30px;background: url(images/logo_30_30.jpg) no-repeat;}
.list_c .p-1 {color: #888;margin-left:35px;margin-top:3px;line-height: 18px;zoom: 1;min-height: 30px;}
.list_c  .p-1 a {color: #666;position: relative;text-decoration: none;}
.list_c  .p-1 a:hover {text-decoration: underline;}

/**
 * Grid item text
 */
#tiles li p {color: #666;font-size: 12px;}

/**
 * Some extra styles to randomize heights of grid items.
 */
#tiles ali:nth-child(3n) {height: 175px;}
#tiles ali:nth-child(4n-3) {padding-bottom: 30px;}
#tiles ali:nth-child(5n) {height: 250px;}