body {
 background-color: #eee;
 font-family: Verdana;
}
a {
 color: #f00;
}
.notSoWide {
 font-family: Tahoma, Arial;
 font-size: 0.8em;
 padding: 5px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width: 400px;
 margin-bottom: 25px;
}
.wider {
 font-family: 'Trebuchet MS', Arial;
 font-size: 0.9em;
 padding: 10px;
 background-color: #fff;
border-bottom:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
 width: 600px;
 margin-bottom: 25px;
}


.notice {
font-family: Tahoma, Arial;
font-size: 1.1em;
color: #4F80F0;
border-bottom:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
padding: 10px;
background-color: #FBFBFC;
width: 555px;
margin-bottom: 25px;

}
.notice .typo-icon {
background-image:url("../images/notice[1].png");

}
.typo-icon {
background: none no-repeat scroll 10px 12px transparent;
display:block;
margin:5px 0;
padding:8px 10px 0 36px;

}
.widest {
 font-family: 'Lucida Sans Unicode', Arial;
 font-size: 1em;
 padding: 15px;
 background-color: #fff;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 width: 90%;
}
.table {
 width: 70%;
 border: 1px solid #f00;
}
.table .th {
 background-color: #99CCFF;
 color: #fff;
 font-weight: bold;
 border-bottom: 1px dotted #f00;
}
.table .td {
 float: left;
 width: 23%;
 padding-left: 2%;
}