﻿#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

/*#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}*/

/*#boxes #dialog2 {
  background:url(images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}*/

/* Dialog 1 before */

#boxes #dialog1 {
  width:375px; 
  height:/*203px*/ 300px;
}

#dialog1 .d-header {
  background:url(images/login-header.png) no-repeat 0 0 transparent; 
  width:375px; 
  height:150px;
}

#dialog1 .d-header input {
  position:relative;
  top:60px;
  left:100px;
  border:3px solid #cccccc;
  height:22px;
  width:200px;
  font-size:15px;
  padding:5px;
  margin-top:4px;
}

#dialog1 .d-blank {
  float:left;
  background:url(images/login-blank.png) no-repeat 0 0 transparent; 
  width:267px; 
  height:53px;
}

#dialog1 .d-login {
  float:left;
  width:108px; 
  height:53px;
}

/*End Dialog 1*/

#boxes #dialog {
  background:url(images/taxi.png) no-repeat 0 0 transparent; 
  width:682px; 
  height:400px;
  padding:90px 0 20px 210px;
}
#boxes #dialog .inner-text{
    width: 430px;
    height: 120px;
    /*background: #CCCCCC;*/
    /*overflow: hidden;*/
    position: relative;
}
#boxes #dialog .inner-text p{
   font: bold 14px Tahoma, Geneva, sans-serif;
   color:#FFFFFF; 
}
#boxes #dialog .inner-text .title{
    font: bold 18px Tahoma, Geneva, sans-serif;
    color:#FFFFFF;
    text-decoration: underline;
    margin: 5px 0;
}

#boxes #dialog .inner-text p.recommend{
    font: 12px Tahoma, Geneva, sans-serif;
    color:#333333;
}

#boxes #dialog .inner-text .close{
    width: 38px;
    height: 36px;
    background: url(images/bt_close.png) top left no-repeat;
    position: absolute;
    top: -90px;
    right: -30px;  
    cursor:pointer; 
    cursor:hand;  
}
#boxes #dialog .inner-text .close:hover{
    background: url(images/bt_close_hover.png) top left no-repeat;
}
#boxes #dialog .inner-text .close a{
    text-decoration: none;
    overflow: hidden;
    display: block;
    height: 35px;
}
/*#boxes #dialog p.detail{}*/
