html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0 none;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}
:focus {
    outline: 0 none;
}
body {
    background: none repeat scroll 0 0 white;
    /*color: black;
    line-height: 1;*/
}
ol, ul {
    list-style: none outside none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
@font-face {
    font-family: "HattoriHanzoLight";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/hattori/hattori_hanzo-webfont.eot?iefix") format("eot"), url("fonts/hattori/hattori_hanzo-webfont.woff") format("woff"), url("fonts/hattori/hattori_hanzo-webfont.ttf") format("truetype"), url("fonts/hattori/hattori_hanzo-webfont.svg#webfont2bbtnxOL") format("svg");
}
body {
    /*background: url("images/frame/bg.png") repeat scroll 0 0 transparent;
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 12px;*/
}
.cb, .clear {
    clear: both;
}
.relative {
    position: relative;
}
#head {
    background: url("images/frame/banner.jpg") repeat scroll 0 0 transparent;
}
#head {
    border: 1px solid #000000;
    color: #AEAEAE;
    height: 55px;
    left: 0;
    line-height: 40px;
    right: 0;
    text-shadow: 0 1px 0 #000000;
    top: 0;
    z-index: 9999;
}
#head .wrapper,#frame-content{
    width: 1154px;
    margin: 0 auto;
    position: relative;   
}
#head .wrapper .logo{
    background: url("images/frame/logo.gif") no-repeat scroll 0 0 transparent;
    width: 308px;
    height: 55px;
    margin-left: 400px;
}

#head .left {
    top: 15px;
    left: 20px;
    position: absolute;
}
#head .right {
    position: absolute;
    top:10px;
    right: 16px;
}
#head a {
    color: #FFFFFF;
    text-decoration: none;
}
#head a:hover {
    text-decoration: underline;
}
#head a.button {
    background: url("images/frame/spriteh.png") repeat scroll 0 0 transparent;
    background-position: 0 -40px;
    border: 1px solid #222222;
    border-radius: 5px 5px 5px 5px;
    display: block;
    float: left;
    height: 25px;
    line-height: 32px;
    text-align: center;
    width: 25px;
}
#head .logo {
    float: left;
    margin-right: 10px;
}
#head .custom a{
    background: url("images/frame/custom.png") repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: normal;
    height: 30px;
    text-align: center;
    text-decoration: none;
    line-height: 25px;
    width: 95px;
    font-size: 12px;
}
#head .custom input.text {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #CCCCCC;
    height: 22px;
    line-height: 27px;
    padding: 0 5px;
    position: absolute;
    text-shadow: 0 1px 0 #000000;
    width: 120px;
}
#head .custom input.submit {
    background: url("img/search.png") no-repeat scroll center center transparent;
    border: medium none;
    cursor: pointer;
    height: 25px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 3000px;
    top: 0;
    width: 25px;
}
#head .custom label {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 22px;
    line-height: 25px;
    padding: 0 5px;
    position: absolute;
    width: 97px;
}

#frame-content{/* background: url("images/whi-nav-bg.png") repeat-y transparent; */}
/** 椤甸潰宸︿晶鑿滃崟 **/
.frame-navi{margin-left: 0px;width:96px;}
    .frame-navi .search-btn{width:90px;height:47px;display: block;background: url("images/nav-search-icon.png") no-repeat 50% 50% transparent;}
    .frame-navi li{background: url("images/whi-nav-bg-sub.png") no-repeat transparent;height: 57px;}
    .frame-navi li.dropdown-navi-toggle{position: relative;}
    .frame-navi li a.dropdown-navi-root {padding-top: 25px;line-height: 30px;text-align: center;display: block;color: #000000;}
    .frame-navi li a.business{background:url(images/nav-whi-yewu-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.client{background:url(images/nav-whi-kehu-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.menhu{background:url(images/nav-whi-menhu-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.product{background:url(images/nav-whi-chanpin-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.market{background:url(images/nav-whi-yingxiao-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.revenue{background:url(images/nav-whi-yingshou-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.cooperate{background:url(images/nav-whi-hezuo-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.compete{background:url(images/nav-whi-jingzheng-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.synthesize{background:url(images/nav-whi-zonghe-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.aas{background:url(images/nav-whi-zonghe-icon.png) no-repeat 35px 6px;}
    .frame-navi li a.bizdc{background:url(images/nav-whi-zonghe-icon.png) no-repeat 35px 6px;}
    .frame-navi .dropdown-navi{top: -1px;left:95px;display: none;float: left;position: absolute;z-index: 1000;min-width:170px;min-height: 200px;background:#f3f3f3;border:1px solid #d3d3d3;box-shadow:1px 1px 8px rgba(0,0,0,0.2);}
        .frame-navi .dropdown-navi ul{min-height: 100px;margin-left:-6px;margin-bottom: 10px;padding: 14px 0 0 50px;background: url("images/nav-det-left.png") no-repeat scroll 0 0 transparent;}
            .frame-navi .dropdown-navi ul li{background:none;line-height:30px;height:30px;}
            .frame-navi .dropdown-navi ul li a{color: #777777;font-size: 12px;}
    .frame-navi .open{ background: url("images/nav-select-li-bg.png") repeat-x scroll 0 0 transparent;}
    .frame-navi .open .dropdown-navi{display: block;}
        
/** 甯粍鍥炬爣 **/
.help{cursor: pointer;}
.help-img{display: inline-block;width: 11px; height: 12px;background: url("images/a-tousu-bg.png") no-repeat scroll 0 0 transparent;}
.help-img-white{display: inline-block;width: 11px; height: 12px;background: url("images/wenhao-icon-whi.png") no-repeat scroll 0 0 transparent;}
/** 椤甸潰姝ｆ枃閮ㄥ垎 **/
.frame-content {margin-left: 0px;width:1154px;min-height: 400px;background-color: #FFFFFF;}
/** 椤甸潰姝ｆ枃閮ㄥ垎--鎵�湪浣嶇疆 **/
.frame-content-myplace{color: #4F6988;    font-size: 12px;    height: 45px;    line-height: 45px;    padding: 0 0 0 12px;    }
.frame-content-myplace span{color: #4F6988;}

/** 椤甸潰姝ｆ枃閮ㄥ垎--鏍囬 **/
h1.frame-content-title{font:normal 28px "寰蒋闆呴粦";padding-left:12px;height:50px;line-height:50px;margin:0;border-top:1px dashed #bbcbee;}
    h1.frame-content-title a{font-size:12px;padding-top:10px;display:inline-block;color:#000;}
    h1.frame-content-title a.zidingyi{background:url(images/zidingyi-icon.png) no-repeat 10px 28px;padding-left:30px;margin:0 0 0 35px;}
    h1.frame-content-title a.chuliqudao{background:url(images/chuliqudao-icon.png) no-repeat 10px 26px;padding-left:30px;}
    h1.frame-content-title a.jixufenxi{background:url(images/jixufenxi-icon.png) no-repeat 10px 26px;padding-left:30px;}
    h1.frame-content-title a.email{background:url(images/email-icon.png) no-repeat 10px 28px;padding-left:30px;}
    h1.frame-content-title a.yongyuyingxiao{background:url(images/yongyuyingxiao-icon.png) no-repeat 10px 28px;padding-left:30px;}
    h1.frame-content-title a.daochu{background:url(images/daochu-icon.png) no-repeat 10px 26px;padding-left:30px;}
    h1.frame-content-title a.addmenhu{background:url(images/add-menhu-icon.png) no-repeat 10px 28px;padding-left:30px;}
    h1.frame-content-title a.save-zidingyi{background:url(images/save-icon.png) no-repeat 10px 26px;padding-left:30px;}
    h1.frame-content-title span{display:inline-block;float:left;}

/** 椤甸潰姝ｆ枃閮ㄥ垎--琛ㄥ崟鎺т欢 **/
.frame-content-filter{margin:0 0 7px 12px;background:#ececec;height:35px;padding:0 0 0 7px;line-height:34px;}
    p.frame-content-filter span{display:inline-block;height:20px;border:1px solid #a8acad;background:#fff;line-height:20px;font-size:12px;color:#595959;margin-right:18px;padding:0 35px 0 7px;}
    p.frame-content-filter .riqi{background:#fff url(images/span-time-icon.png) no-repeat 165px 2px;}
    p.frame-content-filter .kuaijieshijian{background:#fff url(images/span-down-arw.png) no-repeat 65px 8px;padding-right:25px;}

/** 椤甸潰姝ｆ枃閮ㄥ垎--KPI **/
.frame-content-kpi{margin:0 0 7px 12px;}
    .frame-content-kpi li{padding:7px 0 0 14px;border:1px solid #dce3ec;background:#f5f6fb;float:left;margin-right:8px;width:206px}
        .frame-content-kpi li p.name{background:url(images/span-tousu-bg.png) no-repeat 28px 5px;font-size:12px;margin:0;padding-right:170px;}
        .frame-content-kpi li p.number{font:normal 24px "Arial";height:35px;line-height:35px;margin:0;}
        .frame-content-kpi li p.compare{font-size:12px;}
            .frame-content-kpi li p.compare span{padding:0 80px 0 20px;}
            .frame-content-kpi li p.compare span.down,.frame-content-kpi li p.compare span.up{font:bold 14px "Arial";}
            .frame-content-kpi li p.compare span.down{color:#55ad4e;background:url(images/compare-down-arw.png) no-repeat 80px 3px;}
            .frame-content-kpi li p.compare span.up{color:#d30000;background:url(images/compare-up-arw.png) no-repeat 80px 3px;}                     
            .frame-content-kpi li.last{margin-right:0;}

#sidebar {
    background-color: #494949;
    border-right: 1px solid #1B1B1B;
    bottom: 0;
    box-shadow: -5px 0 5px #404040 inset;
    left: 0;
    position: fixed;
    text-shadow: 0 1px 0 #000000;
    top: 42px;
    width: 240px;
    z-index: 3;
}
#sidebar > ul > li > a {
    background: url("img/arrow.png") no-repeat scroll 96% -5px #494949;
    border-bottom: 1px solid #313131;
    border-top: 1px solid #606060;
    color: #AAAAAA;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-indent: 30px;
    text-shadow: 0 1px #0D0D0D;
}
#sidebar > ul > li > ul > li ul {
    border: medium none;
    box-shadow: none;
    margin-left: 20px;
}
#sidebar ul li a img {
    opacity: 0.49;
    padding-right: 4px;
    vertical-align: text-bottom;
}
#sidebar ul li:hover a img, #sidebar ul li.current a img {
    opacity: 1;
}
#sidebar ul li.nosubmenu a {
    background-image: none !important;
}
#sidebar > ul > li:hover > a, #sidebar > ul > li.current > a {
    background-color: #585858;
    background-position: 96% -53px !important;
    color: #FFFFFF;
}
#sidebar ul li ul {
    background: none repeat scroll 0 0 #404040;
    border-bottom: 1px solid #313131;
    box-shadow: 0 0 15px #3A3A3A inset;
    padding: 7px 0;
}
#sidebar ul li li a {
    background: url("img/sideli.png") no-repeat scroll 37px 10px transparent;
    color: #949090;
    display: block;
    font-size: 1em;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    text-indent: 52px;
}
#sidebar ul li li a:hover, #sidebar ul li li.current a {
    background-position: 37px -31px;
}
#sidebar a:hover, #sidebar li.current > a {
    color: #FFFFFF !important;
}
#sidebar a#menucollapse {
    color: #AAAAAA;
    display: block;
    font-style: italic;
    height: 40px;
    line-height: 40px;
    padding-right: 10px;
    text-align: right;
    text-decoration: none;
}
#sidebar a span {
    border: 1px solid #AAAAAA;
    border-radius: 20px 20px 20px 20px;
    color: #AAAAAA;
    display: inline-block;
    height: 17px;
    line-height: 16px;
    text-align: left;
    text-indent: 2px;
    width: 17px;
}
.collapsed #sidebar {
    width: 56px;
}
.collapsed #sidebar > ul > li {
    position: relative;
}
.collapsed #sidebar > ul > li > a {
    background-image: none !important;
    overflow: hidden;
    text-indent: 17px;
    transition: all 0.3s ease 0s;
    width: 52px;
}
.collapsed #sidebar > ul > li:hover > a {
    width: 200px;
}
.collapsed #sidebar > ul > li ul {
    display: block !important;
    left: -150px;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 146px;
}
.collapsed #sidebar > ul > li ul ul {
    left: 0;
    margin-left: 0;
}
.collapsed #sidebar > ul > li:hover > ul {
    left: 56px;
    overflow: visible;
}
.collapsed #sidebar > ul > li ul li a {
    background: none repeat scroll 0 0 transparent;
    overflow: hidden;
    text-indent: 10px;
}
.collapsed #sidebar > ul > li ul ul li a {
    text-indent: 20px;
}
.collapsed #sidebar > ul > li ul ul ul li a {
    text-indent: 40px;
}
.collapsed #content {
    margin-left: 90px;
}
#content {
    color: #6D6D6D;
    font-size: 12px;
    margin: 28px 40px 0 280px;
    padding: 0 0 20px;
    position: relative;
}
#content.nosidebar {
    margin-left: 40px;
}
#content a {
    color: #0A93CC;
}
#content a:hover {
    color: #000000;
    text-decoration: underline;
}
#content em, #content em a {
    color: #B2B2B2;
    font-style: italic;
    font-weight: normal;
}
#content strong {
    color: #1A1616;
    font-weight: bold;
}
#content pre {
    font-size: 1.1em;
    font-style: italic;
}
#content h1 {
    color: #000000;
    font-family: HattoriHanzoLight;
    font-size: 27px;
    font-weight: normal;
    height: 32px;
    letter-spacing: 1px;
    padding-top: 35px;
    text-shadow: 0 1px 0 #EDEDED;
}
#content h1 a {
    color: inherit;
}
#content h1 span {
    font-size: 16px;
}
#content .bloc:first-child {
    margin-top: 84px;
}
#content h1 img {
    vertical-align: top;
}
#content .bloc {
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px #AFAEAE;
    margin: 20px 0 0;
    overflow: hidden;
}
#content .left, #content .right {
    float: left;
    width: 49%;
}
#content .right {
    float: right;
}
#content .bloc .title {
    background: url("img/bloctitle.png") repeat scroll 0 0 transparent;
    color: #808080;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    line-height: 34px;
    padding: 0 10px;
    position: relative;
    text-shadow: 0 -1px 0 #000000;
}
#content .bloc .title .toggle {
    background: url("img/slidebuttons.png") repeat scroll left top transparent;
    display: block;
    height: 18px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 18px;
}
#content .bloc .title .toggle.hide {
    background-position: right top;
}
#content .good {
    color: #6F9106;
}
#content .neutral {
    color: #FF7400;
}
#content .bad {
    color: #C21C1C;
}
.modal #content {
    margin: 0;
    padding: 0;
}
.modal #content .bloc {
    margin: 0;
    padding: 0;
    text-shadow: none;
}
#content.login {
    margin: 90px auto 0;
    width: 350px;
}
#content.login .notif {
    margin: 12px 0 16px;
}
#content.login div.input {
    background-color: rgba(0, 0, 0, 0.4);
    border: 1px solid #303030;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6) inset;
    height: 33px;
    line-height: 33px;
    margin-bottom: 13px;
    margin-top: 16px;
    position: relative;
}
#content.login div.input input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #6A6A6A;
    height: 32px;
    left: 0;
    padding: 0 10px;
    position: absolute;
    top: 0;
    width: 329px;
}
#content.login div.input label {
    color: #3A3636;
    height: 33px;
    left: 10px;
    line-height: 33px;
    position: absolute;
    top: 0;
}
#content.login div.submit {
    float: right;
    text-align: right;
    width: 97px;
}
#content.login .checkbox {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    box-shadow: none !important;
}
#content.login div.checkbox {
    float: left;
    margin-top: 3px;
    width: 229px;
}
#content.login div.checkbox label {
    cursor: pointer;
}
#content.login div.submit input {
    box-shadow: 0 2px 5px #202020;
}
#content .bloc .content h1 {
    color: #000000;
    font-family: Arial,Helvetica,Sans-serif;
    font-weight: bold;
    margin: 0;
    padding: 10px 0;
    text-shadow: none;
}
#content .bloc .content h1, #content .bloc .content h2, #content .bloc .content h3, #content .bloc .content h4, #content .bloc .content h5 {
    color: #000000;
    font-weight: bold;
    padding: 0 0 5px;
}
#content .bloc .content h2 {
    color: #1B1B1B;
    font-size: 25px;
}
#content .bloc .content h3 {
    color: #282828;
    font-size: 22px;
}
#content .bloc .content h4 {
    color: #404040;
    font-size: 20px;
}
#content .bloc .content h5 {
    color: #5A5656;
    font-size: 18px;
}
#content .bloc .content p {
    line-height: 1.5em;
    padding: 5px 0 10px;
}
#content .bloc .content ul, #content .bloc .content ol {
    line-height: 1.5em;
    list-style: disc outside none;
    margin-left: 25px;
    padding: 5px 0 10px;
}
#content .bloc .content ul.toolbar {
    border: 0 none;
    margin: 0;
    padding: 3px 0 0 3px;
}
#content .bloc .content ul.toolbar li:hover {
    background-color: #D9D6D6;
}
#content .wysiwyg {
    margin: 1px;
    padding: 0;
}
#content .bloc .content ol {
    list-style: decimal outside none;
}
#content .bloc .content {
    background-color: #F7F7F7;
    padding: 10px;
    position: relative;
}
#content .loader {
    background: url("img/loader.gif") no-repeat scroll center center rgba(255, 255, 255, 0.7);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9998;
}
#content .title .tabs {
    bottom: 0;
    height: 31px;
    position: absolute;
    right: 10px;
}
#content .title .tabs a {
    border-radius: 6px 6px 0 0;
    color: #B2B2B2;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    margin: 5px 0 0;
    padding: 1px 21px 0;
    text-decoration: none;
}
#content .title .tabs a.active, #content .title .tabs a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F7F7F7;
    border-color: #CFD1D4 #CFD1D4 -moz-use-text-color;
    border-image: none;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    color: #000000;
    padding: 0 20px;
    text-shadow: none;
}
#content .center {
    margin: 0 auto;
}
#content .bloc .shortcut {
    border: 1px solid #D0D2D4;
    border-radius: 3px 3px 3px 3px;
    color: #6D6D6D;
    display: inline-block;
    margin: 5px;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 105px;
}
#content .bloc .shortcut span {
    background: url("img/notif.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -10px;
    width: 23px;
}
#content .bloc .shortcut:hover {
    background-color: #DBDCDE;
    border: 1px solid #6F7275;
    color: #2D2D2D;
}
#content .bloc .shortcut img {
    display: block;
    margin: 0 auto 10px;
    max-height: 48px;
    max-width: 48px;
}
#content table {
    text-align: left;
    width: 100%;
}
#content table .picture img {
    border: 4px solid #DFDFDF;
    margin: 7px;
    padding: 0;
}
#content table .picture a:hover img {
    border-color: #BDBDBD;
}
#content table h1, #content table h2, #content table h3, #content table h4, #content table h5 {
    display: inline;
}
#content table thead th {
    border-bottom: 1px solid #BDBDBD;
}
#content table thead tr th {
    color: #151515;
    font-size: 1.1em;
    font-weight: bold;
    padding-bottom: 2px;
}
#content table thead tr th a {
    color: #151515;
}
#content table tbody tr td {
    border-bottom: 1px solid #DADADA;
    border-top: 1px solid #FFFFFF;
    height: 30px;
    vertical-align: middle;
}
#content table tbody tr:nth-child(2n+1) td {
    background-color: #F0F0F0;
}
#content table tbody tr:hover td {
    background-color: #EAEAEA;
    border-bottom: 1px solid #CACACA;
    border-top: 1px solid #E2E2E2;
}
#content table tbody tr td.actions {
    padding-right: 10px;
    text-align: right;
    width: 70px;
}
#content table.noalt tbody tr td {
    background-color: transparent !important;
    border-bottom: 1px solid #DADBDD;
}
#content table.noborder tbody tr td {
    border: medium none;
}
#content table tbody tr td img {
    padding-right: 5px;
}
#content .pagination {
    margin: 10px -7px 10px 10px;
    text-align: right;
}
#content .pagination a {
    border: 1px solid #DAD9D9;
    border-radius: 3px 3px 3px 3px;
    color: #646161;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 1px 0 0;
    text-align: center;
    text-decoration: none;
    width: 20px;
}
#content .pagination a.next, #content .pagination a.prev {
    border: 1px solid #FFFFFF;
}
#content .pagination a.current, #content .pagination a:hover {
    background: url("img/buttons.png") repeat scroll left -68px transparent;
    border: 1px solid #3580A9;
    color: #D4E6EF;
    font-weight: bold;
    text-shadow: 0 -1px 0 #2C6AA3;
}
#content .pagination a.next:hover, #content .pagination a.prev:hover {
    background: none repeat scroll 0 0 transparent;
    border-color: #F7F7F7;
    color: #646161;
    font-weight: normal;
    text-shadow: none;
}
#content .notif {
    background-color: #EEDC94;
    background-image: -moz-linear-gradient(center top , #FCEEC1, #EEDC94);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    color: #404040;
    margin-bottom: 18px;
    padding: 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
#content .content .notif {
    margin-bottom: 10px;
}
#content .notif .close {
    color: #000000;
    float: right;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 13.5px;
    opacity: 0.2;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}
#content .notif .close:hover {
    color: #000000;
    opacity: 0.4;
    text-decoration: none;
}
#content .notif strong {
    color: inherit;
    font-weight: bold;
}
#content .notif.success {
    background-color: #57A957;
    background-image: -moz-linear-gradient(center top , #62C462, #57A957);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#content .notif.error, #content .bloc .notif.error {
    background-color: #C43C35;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #C43C35);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#content .notif.info {
    background-color: #339BB9;
    background-image: -moz-linear-gradient(center top , #5BC0DE, #339BB9);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
#content .bloc .input {
    padding: 5px 0 10px;
}
#content .bloc .input.inline {
    display: inline-block;
}
#content .bloc label {
    color: #2C2C2C;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}
#content .bloc .input label span {
    color: #0877A6;
}
#content .bloc .input input, #content .bloc .input select {
    border: 1px solid #C8CACC;
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    width: 260px;
}
#content .bloc .input select {
    height: auto;
    padding: 5px;
}
#content .bloc .checkbox input {
    display: inline-block;
    height: auto;
    width: auto;
}
#content .bloc .input label.inline {
    color: #6D6D6D;
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    height: 14px;
    line-height: 23px;
    margin-right: 15px;
    vertical-align: middle;
}
#content .bloc .input select {
    width: auto;
}
#content .bloc .input textarea {
    padding: 1%;
    width: 98%;
}
#content .bloc .input input.datepicker {
    background-image: url("img/input-datepicker.png");
    background-position: 98px center;
    background-repeat: no-repeat;
    width: 110px;
}
#content .bloc .medium input {
    width: 50%;
}
#content .bloc .long input, #content .bloc .full input {
    padding: 0 1%;
    width: 98%;
}
#content .bloc .error, #content .bloc .error label, #content .bloc .error input, #content .error-message, #content .error textarea {
    border-color: #C87872 !important;
    color: #9D261D !important;
}
#content .bloc .error input, #content .bloc .error textarea {
    background-color: #FAE5E3 !important;
}
#content .bloc .loading input, input.loading {
    background: url("img/loader.gif") no-repeat scroll right center #FFFFFF !important;
    padding-right: 35px;
}
#content .error-message {
    display: block;
}
#content .gallery {
    margin: 28px 0 0 !important;
    padding: 0 !important;
    text-align: left;
}
#content .bloc .gallery {
    margin-top: 0 !important;
}
#content .gallery li {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 3px 5px #A3A3A3;
    display: inline-block;
    margin: 5px;
    padding: 5px;
    position: relative;
    text-align: center;
}
#content .gallery li span.info {
    display: block;
    text-align: left;
}
#content .gallery li .del {
    background: url("img/close2.png") repeat scroll 0 0 transparent;
    display: none;
    height: 30px;
    position: absolute;
    right: -10px;
    text-decoration: none;
    text-indent: 3000px;
    top: -6px;
    width: 30px;
}
#content .gallery li .large {
    background: url("img/enlarge.jpg") repeat scroll 0 0 transparent;
    bottom: 5px;
    display: none;
    height: 19px;
    position: absolute;
    right: 5px;
    text-indent: 3000em;
    width: 19px;
}
#content .gallery li .over {
    display: none;
    margin-top: -18px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 50%;
    width: 100%;
}
#content .gallery li .over span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline;
    padding: 5px;
    text-decoration: none;
}
#content .gallery li:hover .del, #content .gallery li:hover .over, #content .gallery li:hover .large {
    display: block;
}
#content .gallery li:hover img {
    opacity: 0.3;
}
#content .bloc .input textarea, #content .bloc .input input, #content .selector, #content .uploader {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDCDC;
    box-shadow: 2px 1px 5px #CBC9C9 inset;
}
#content .bloc .input textarea:focus, #content .bloc .input input:focus {
    border: 1px solid #59C7FF;
    box-shadow: 2px 1px 5px #88BCD7 inset;
}
#content .ui-slider-horizontal {
    background: url("img/range.png") no-repeat scroll right -35px transparent;
    border: medium none;
    height: 10px;
    width: 350px;
}
#content .ui-slider-range {
    background: url("img/range.png") no-repeat scroll left -25px transparent;
    border: medium none;
}
#content .ui-slider-handle {
    background: url("img/range.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 25px;
    margin-left: -13px;
    top: -7px;
    width: 25px;
}
