﻿.overlay
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000;
}
.dialog
{
    position: absolute;
    text-align: left;
    top: 50px;
    left: 100px;
    background: #808080;
}
.dialogWrapper
{
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    background-color: #FFFFFF;
    border: none;
    position: relative;
}
.dialogContent
{
    position: relative;
    vertical-align: top;
}
.dialogBackground
{
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
    background:#fff;
}

.dialogLines
{
    height: 2px;
    width: 98%;
    margin: 5px auto 5px auto;
     line-height :2px;
      font-size :2px;
    background: transparent url('images/dialog/controls.png') repeat-x;
    _background: transparent url('images/dialog/controls.gif') repeat-x;
}
.navbackground
{
    background: transparent url('images/dialog/prefs.png') repeat-x 0px 0px;
    _background: transparent url('images/dialog/prefs.gif') repeat-x 0px 0px;
    height: 61px;
    position: relative;
    top: -1px;
}
.floattitle
{
    float: left;
    margin-left: 8px;
    padding-top: 21px;
}
.dialogFooter
{
 text-align :center  ;
  clear :both ;
   vertical-align :middle ; 
}
.dialogFooter .button
{
 margin-right :8px;
  margin-top :12px;
}
.dialog .dialogInfo
{
  overflow :hidden ;
  clear :both ;
  margin :0;
  padding :0;  
}
.dialog .dialogInfo h2
{
 font-size :14px;
 font-weight :bold ;
 font-family :微软雅黑 , 黑体;
 margin :5px 0 8px 0;
  padding-left :8px;
}
.dialog .dialogInfo .textarea
{
 line-height :18px;
  text-indent :8px;
  margin :5px; 
}
.prefs .nav.sel
{
    font-size: 11px;
    color: #ffffff;
    font-weight: bold !important;
    text-shadow: rgba(0,0,0,.50) 0px -1px 0px;
}
.prefs .nav
{
    font-size: 11px;
    color: #2c4865;
    font-weight: bold !important;
    text-shadow: rgba(250,250,250,.5) 0px 1px 0px;
}

.prefs .text
{
    font-size: 13px;
    color: #000;
}
.prefs .caption
{
    font-size: 11px;
    color: #888;
}
.prefs .title
{
    font-size: 17px;
    color: #2c4865;
    font-weight: bold;
    text-shadow: rgba(250,250,250,.5) 0px 1px 0px;
}
.prefs .label
{
    font-size: 13px;
    color: #666;
    font-weight: bold;
    text-shadow: rgba(255,255,255,.8) 0px 1px 0px;
}

.top-edge
{
    background: transparent url('images/dialog/shadows_repeat_x.png') repeat-x 0px -60px;
    _background: transparent url('images/dialog/shadows_repeat_x.gif') repeat-x 0px -60px;
    height: 20px;
    position: absolute;
    left: 20px;
    right: 20px;
    top: -20px;
}

.top-left-edge
{
    background: transparent url('images/dialog/shadow_corners.png') no-repeat 0px -160px;
    _background: transparent url('images/dialog/shadow_corners.gif') no-repeat 0px -160px;
    height: 40px;
    width: 40px;
    position: absolute;
    left: -20px;
    top: -20px;
}


.top-right-edge
{
    background: transparent url('images/dialog/shadow_corners.png') no-repeat 0px -240px;
    _background: transparent url('images/dialog/shadow_corners.gif') no-repeat 0px -240px;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -20px;
    top: -20px;
}

.left-edge
{
    background: transparent url('images/dialog/shadows_repeat_y.png') repeat-y -60px 0px;
    _background: transparent url('images/dialog/shadows_repeat_y.gif') repeat-y -60px 0px;
    width: 20px;
    top: 20px;
    bottom: 20px;
    position: absolute;
    left: -20px;
}

.right-edge
{
    background: transparent url('images/dialog/shadows_repeat_y.png') repeat-y -90px 0px;
    _background: transparent url('images/dialog/shadows_repeat_y.gif') repeat-y -90px 0px;
    width: 20px;
    top: 20px;
    bottom: 20px;
    position: absolute;
    right: -20px;
}


.bottom-edge
{
    background: transparent url('images/dialog/shadows_repeat_x.png') repeat-x 0px -90px;
    _background: transparent url('images/dialog/shadows_repeat_x.gif') repeat-x 0px -90px;
    height: 20px;
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -20px;
}

.bottom-left-edge
{
    background: transparent url('images/dialog/shadow_corners.png') no-repeat 0px -200px;
    _background: transparent url('images/dialog/shadow_corners.gif') no-repeat 0px -200px;
    height: 40px;
    width: 40px;
    position: absolute;
    left: -20px;
    bottom: -20px;
}

.bottom-right-edge
{
    background: transparent url('images/dialog/shadow_corners.png') no-repeat 0px -280px;
    _background: transparent url('images/dialog/shadow_corners.gif') no-repeat 0px -280px;
    height: 40px;
    width: 40px;
    position: absolute;
    right: -20px;
    bottom: -20px;
}
.navbackground .btnA
{
   display  :block ;
   position :absolute ;
   right :10px;
   top :15px;
   border :0;
   background :url(images/winclose.gif) no-repeat 0px 0px;
   width :20px;
   height :20px;
   cursor :pointer;  
}
.navbackground .btnA-hover
{    
  background-position :0 -20px;
}
.navbackground .btnA-down
{
   
  background-position :0 -40px;
}
