@charset "utf-8";

.icon{display:inline-block;width:100%;height:100%;vertical-align:middle;;}

.icon.file{width:20px;height:20px;background:url(../images/component/icon_file.png) no-repeat center center;}
.icon.file.blue{background:url(../images/component/icon_file_blue.png) no-repeat center center;}
.icon.file_bg{width:60px;height:60px;background:url(../images/component/icon_file_table.png) no-repeat center center;}

.icon.delete{width:30px;height:30px;background:url(../images/component/icon_x.png) no-repeat center;}
.icon.delete.red{background:url(../images/component/icon_x_red.png) no-repeat center;}

.icon.calendar{width:30px;height:30px;background:url(../images/component/icon_calendar.png) no-repeat center;}
.icon.writer{width:30px;height:30px;background:url(../images/component/icon_writer.png) no-repeat center;}
.icon.view{width:30px;height:30px;background:url(../images/component/icon_view.png) no-repeat center;}

.icon.prev{width:18px;height:18px;background:url(../images/component/icon_arrow_up_18.png) no-repeat center;}
.icon.next{width:18px;height:18px;background:url(../images/component/icon_arrow_down_18.png) no-repeat center;}