/**
 * bridge 3.0
 * Copyright 2012 Baidu Inc. All rights reserved.
 *
 * path:    src/css/m-front-reset.css
 * desc:    reset
 */
/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/*
    TODO will need to remove settings on HTML since we can't namespace it.
    TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
    color:#000;
    background:#FFF;
}
/*
    TODO remove settings on BODY since we can't namespace it.
*/
/*
    TODO test putting a class on HEAD.
        - Fails on FF. 
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,
img {
    border:0;
}
/*
    TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style:normal;
    font-weight:normal;
}

ol,
ul {
    list-style:none;
}

caption,
th {
    text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,
q:after {
    content:'';
}
abbr,
acronym {
    border:0;
    font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
    vertical-align:text-top;
}
sub {
    vertical-align:text-bottom;
}
input,
textarea,
select {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
    *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
    color:#000;
}

/* 补充全局设置 */
body {font: 12px/1.5  Tahoma,"宋体",Helvetica,sans-serif}
a {text-decoration:none}html, body {
    background: #f5f5f5;
}

.header {
    height: 32px;
    background: #267faa;
    color: #fff;
    font-size: 18px;
    font-family: 微软雅黑, 黑体;
    padding: 4px 0 0 25px;
}

.section {
    width: 420px;
    margin: 15px auto;
}

h3 {
    font-family: 微软雅黑, 黑体;
    font-weight: bold;
    margin-bottom: 5px;
}

li {
    margin-bottom: 12px;
    overflow: hidden;
    *zoom: 1;
}

label, textarea, .ctrl_wrap {
    border: 1px solid #d9d9d9;
}
textarea {
    width: 410px;
    height: 78px;
    resize: none;
    padding: 3px;
}

label {
    background-color: #f7f7f7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)); /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image:    -moz-linear-gradient(top, #ffffff, #f1f1f1); /* Firefox 3.6-15 */
    background-image:      -o-linear-gradient(top, #ffffff, #f1f1f1); /* Opera 11.10-12.00 */
    background-image:         linear-gradient(top bottom, #ffffff, #f1f1f1); 
    filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150)
    progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#f1f1f1,gradientType=1);
    padding: 5px;
    float: left;
    min-width: 48px;
    width: auto !important;
    width: 48px;
    white-space:nowrap;
    /**
     * ie 3px bug 
     */
    _margin-right: -3px;
}

.ctrl_wrap {
    border-left-width: 0;
    background: #fff;
    height: 28px;
    overflow: hidden;
}

.sel_wrap {
    position: relative;
    height: 20px;
    overflow: hidden;
    margin-top: 4px;
    *margin-right: -3px;
    _margin-top: 5px;
    _height: 18px;
    _zoom: 1;
}

.ipt_wrap {
    margin-top: 5px;
}

input {
    border-width: 0;
    width: 100%;
    margin-right: -100%;
    height: 18px;
    line-height: 18px;
    outline: none;
    padding: 0 3px;
}

select {
    width: 100%;
    margin-right: -100%;
    height: 20px;
    border-width: 0;
    outline: none;
    *position: relative;
    *height: 24px;
    *top: -2px;
    *left: -2px;
}


.mess_send {
    margin-top: ;
    display: block;
    width: 91px;
    height: 24px;
    line-height: 24px;
    font-family: 微软雅黑, 黑体;
    text-align: center;
     color: #fff; 
    margin: 0 auto;
    /* background: url(../../img/matrix/webim-order.png) -200px 0 no-repeat; */
}

.mess_send:hover {
    color: #fff;
    background-position: -200px -50px;
}

.mess_send:active {
    color: #fff;
    background-position: -200px -100px;
}

.mess_placeholder {
    color: #a9a9a9;
}

.require {
    color: red;
}