body {
    overflow-y: scroll; /* 始终使用垂直滚动条, 防止内容变化时左右晃动 */
    font:normal 14px 宋体;
}

div#body {
    margin: auto; /* margin:auto 用来居中 */
    width: 1024px;
}

div#bodySimple {
    margin: auto; /* margin:auto 用来居中 */
    width: 760px;
}

.claerboth {
    clear: both;
    margin: 0px;
    padding: 0px;
    width: 0px;
    height: 0px;
    border-width: 0px;
}

/*
    inline-block相对于float布局的缺陷, inline-block元素之间换行符空格等会导致各个元素之间有空隙(一个空白符的宽度). 
    要兼容各个浏览器的消除这个空白比较复杂, 简单的做法是让父元的font-size=0; 但这样做了后, 各个子元素必须重新设置font-size到正常值.
    但如果不在乎有这个空隙, 则使用inline-block是最方便的. 而且各个inline-block元素在父元素宽度不够的情况下, 会自动换行.
*/

.mynav {
    background-color:#eee;
    padding:10px;
}
.mynav li {
    margin-left: 20px;
    vertical-align: top;
    display: inline-block;
    /*兼容IE6,7 */
    *display: inline;
    *zoom: 1;
    font-size:20px;
}

.mynav a:link
{
    color: #00c;
    text-decoration: none;
}
.mynav a:visited
{
    color: #00c;
}

div.inlineBlockDiv {
    vertical-align: top;
    display: inline-block;
    /*兼容IE6,7 */
    *display: inline;
    *zoom: 1;
}

 
a:link
{
    color: #00c;
    text-decoration: none;
}
a:visited
{
    color: #00c;
}
a:hover
{
    color: #00c;
    text-decoration: none;
}
a:active
{
    color: #00c;
}

.ui-widget-overlay {
    opacity: 0.7;
}

pre {
    overflow-x:hidden;
    white-space: pre-wrap; /* CSS 2.1 */
    word-wrap: break-word; /* IE7 */
    -moz-tab-size: 4;
    tab-size: 4;

    padding:3px;
    margin-bottom:6px;
}

 
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { margin-left:20%;text-align: center; float:none; }

.text-danger {
    color:red;
}
.form-control {
    width:300px;
}

.radio,
.checkbox {
    display:inline-block;
}

input:disabled, textarea:disabled {
    color:#808080
}