/***************CHATBOX**************/
.chatbox
{
    text-align:left;
    background-color:#b7deed;
    height:200px;
    position:relative;
}
    .chatbox .title
    {

    }
     .chatbox .receiver
    {
         font-weight:bold;color:#1D6DB6;
    }
      .chatbox .name
    {
         font-weight:bold;color:#1D6DB6;cursor:pointer;
    }
     .chatbox .name:hover
    {
         text-decoration:underline;
    }
       .chatbox .content
    {
         padding-left:10px;
    }
    .chatbox .warpContent
    {
        padding-left:10px;
        overflow: auto;
    }
    .chatbox .ltChat
    {
     
    display:table;
    }
    .chatbox .time
    {
         color:#5f5c5c;margin-left:6px;
        font-size:80%;
    }
    .chatbox input
    {
        /*width:100%;height:100%;*/
    }
    .chatbox .cmd
    {
        /*rows='2' cols='50'*/
        /*bottom:10px;*/
        position:absolute;
        /*height:20px;*/
        border-collapse: collapse;
    }
  
      .chatbox .textDisplay
    {
         color:#8D8B8B;font-style:italic;
    }
/***************POPUP****************/
.popupFull
{
    position:absolute;
    
}
.popup
{
    position:fixed;
    top: 0;
left: 0;
    width:100%;height:100%;
    /*background-color: black;*/
    z-index:99;
}
    .popup .bg
    { 
        z-index:-1;
         position:fixed;
        top: 0;
        left: 0;
  width:100%;height:100%;
    background-color: black;
opacity: 0.7;
    }
    .popup .toolRight
    {
        position:absolute;
        right:6px;top:6px;
        display:block;
    }
    .popup > .warp > .title
    {

        -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
        padding-bottom:10px;
text-align: center;
font-weight: bold;
font-size: 130%;
line-height: 32px;
background: #b7deed;
background: -moz-linear-gradient(left, #b7deed 0%, #1a83ad 27%, #71ceef 78%, #b7deed 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b7deed), color-stop(27%, #1a83ad), color-stop(78%, #71ceef), color-stop(100%, #b7deed));
background: -webkit-linear-gradient(left, #b7deed 0%, #1a83ad 27%, #71ceef 78%, #b7deed 100%);
background: -o-linear-gradient(left, #b7deed 0%, #1a83ad 27%, #71ceef 78%, #b7deed 100%);
background: -ms-linear-gradient(left, #b7deed 0%, #1a83ad 27%, #71ceef 78%, #b7deed 100%);
background: linear-gradient(left, #b7deed 0%, #1a83ad 27%, #71ceef 78%, #b7deed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#b7deed',GradientType=1 );
}
.popup > .warp
{
    display:table;
    position:relative;
}

.popup > .warp td
{
    padding:6px;
}
    .popup > .warp .cmd
    { text-align:center; line-height:40px;
    }
.popup > .warp .cmd button
{
   
    margin:0px 6px 0px 6px;
}

.popup > .warp > .content
{z-index:99;
    max-height:600px;
    margin: 0 auto;
margin: -10px 20px 0px 20px;
min-height:100px;
background-color: #FFF;
background-color: whitesmoke;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 20px 30px 20px 30px;
}
.tbForm .cmd
{
    line-height:50px; text-align:center;
}
  .tbForm .btnSpacing .button
          {margin:0px 10px 0px 10px;
          }

.wFileUpload
{
}

.wFileUpload input[type="text"]
{
    /*width:100px;*/
    
}
.wFileUpload .button
{
    /*width:100px;*/
    margin-left:-4px;
}

 input,textarea
  {
      -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
      -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
      -o-transition: border linear 0.2s, box-shadow linear 0.2s;
      transition: border linear 0.2s, box-shadow linear 0.2s;
      /*-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);*/
    
     
      border: 1px solid #ccc;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
  background-color:whitesmoke ;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  }
input
{ line-height: 18px;
      height: 14px;
      padding: 4px;
      font-size: 13px;
}
 .button {
  

     border:none;
   padding: 5px 10px;
  box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -o-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -moz-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -webkit-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -ms-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
   text-shadow: 1px 1px 3px rgb(0, 0, 0);
   color: white;
   cursor:pointer;

    box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -o-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -moz-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -webkit-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -ms-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      line-height: 20px;
      text-align: center;
      opacity: 0.9;

      background: #6db3f2; /* Old browsers */
      background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6db3f2), color-stop(50%, #54a3ee), color-stop(51%, #3690f0), color-stop(100%, #1e69de)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* IE10+ */
      background: linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
   }
 .buttonDel
  {
      background: #f0b7a1; /* Old browsers */
      background: -moz-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0b7a1), color-stop(50%, #8c3310), color-stop(51%, #752201), color-stop(100%, #bf6e4e)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* IE10+ */
      background: linear-gradient(top, #f0b7a1 0%, #8c3310 50%, #752201 51%, #bf6e4e 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0b7a1', endColorstr='#bf6e4e',GradientType=0 ); /* IE6-9 */
  }
.button:hover{
 background: #fceabb !important; /* Old browsers */
      background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) !important; /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93)) !important; /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) !important; /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) !important; /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) !important; /* IE10+ */
      background: linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) !important; /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ) !important; /* IE6-9 */
   }
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.button2,.button3 {
  
     border:none;
   padding: 5px 10px;
  box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -o-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -moz-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -webkit-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -ms-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      border-radius: 2px;
   text-shadow: rgba(0,0,0,.2) 0 1px 0;
   color: #000;
   cursor:pointer;

    box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -o-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -moz-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -webkit-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      -ms-box-shadow: 1px 1px 3px rgb(0, 0, 0);
      line-height: 20px;
      text-align: center;
      opacity: 0.9;

      background: #fceabb; /* Old browsers */
      background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) ; /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93)) ; /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) ; /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) ; /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) ; /* IE10+ */
      background: linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%) ; /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ) ; /* IE6-9 */
   }
    .button2:hover,.button3:hover
    {
        color: #FFF;
          background: #6db3f2; /* Old browsers */
      background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6db3f2), color-stop(50%, #54a3ee), color-stop(51%, #3690f0), color-stop(100%, #1e69de)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* IE10+ */
      background: linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
    }

.button3
{
color: #e8e8e8;
text-shadow: 1px 1px 3px rgb(0, 0, 0);
    background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
background: linear-gradient(top, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#fb955e',GradientType=0 ); /* IE6-9 */
}
.center
{
    text-align:center;
}
.right
{
    text-align:right;
}

/*****************************/
.iconClose
{
    cursor:pointer;
    width:24px;height:24px;
    background-image:url('/imgs/icon/close.png')
}
.iconClose:hover
{
    background-image:url('/imgs/icon/close_hover.png');
	background-repeat:no-repeat;
}