html{
   background-color:#fff;
   height:100%;
   padding:0px;
   background-image: url("../img/bg.jpg");
}

body{
    height:auto;
}

#board{
    padding-top:5px;
}

.buttonbar{
    text-align:center;
    margin:10px auto;
}

input[type="button"]
{
    background-color: #1E90FF; /* 背景颜色 */
    width:80px;
    height:34px;
    line-height:34px;
    border-width:0px;
    border-radius:3px;
    cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
    outline: none; /* 不显示轮廓线 */
    font-family: Microsoft YaHei; /* 设置字体 */
    color: white; /* 字体颜色 */

    font-size:14px;
}

input[type="button"]:hover{
     background-color: #5599FF;
}

input.purple{
    background-color: #7B72E9; /* 背景颜色 */
}

input.purple:hover{
    background-color: #A49EF0; /* 背景颜色+hover */
}

input.green{
    background-color:#A5DE37;  /* 背景颜色 */
}

input.green:hover{
    background-color:#B9E563;  /* 背景颜色 */
}


#Level{
  height:32px;
  padding:0 10px;
  border-radius:5px;
  width:123px;
}


#result{
    display:block;
    height:24px;
    line-height:24px;
    margin-top:10px;
    color:blue;
}


div{
    border:0px solid #ff0000;
}
/*===============弹出窗口层======================*/
 .mask {
     position: absolute; top: 0px;
     background-color: #777;
     z-index: 1002;
     left: 0px;
     filter: alpha(opacity=90);
     opacity:0.9;
     -moz-opacity:0.9;
 }

 #open
 {
    margin:0 auto;
    width:1px;
    height:1px;
    display:none;
 }

 #contentBox{
    position:relative;
    display:none;
/*    margin:0 auto;*/
    background-color:white;
    border-radius:5px;
    width:320px;
    height:240px;
   /* position: absolute;
    z-index: 2000;
    left:50%;
    top:50%;
    margin-left:-150px;
    margin-top:-100px;*/
 }
 #content{
    position:relative;
    margin:20px;
    padding-top:50px;
    text-align:center;
    width:280px;
    height:200px;
 }

 #content div{
/*    margin-top:50px;*/
    width:100%;
    height:50px;
 }

#btnOk
{
    position:absolute;
    bottom:40px;
    left:40px;
 }

#btnCancel
 {
     position:absolute;
     bottom:40px;
     right:40px;
 }


#div_load{

    z-index: 2000;
    position: absolute;
    left: 0px;
    top: 0px;
}

.datagrid-mask{
    z-index: 2000;
    position: absolute;
    background-color: #000;
    opacity: 0.5;
    left: 0px;
    top: 0px;
}

.datagrid-mask-msg{
    position: absolute;
    z-index: 2001;
}