.body {
    background-color: #EEF2FB;
    left: 0px;
    top: 0px;
    right: 0px;
    margin:0px;
    padding:0px;
    bottom: 0px;
}
*{ margin:0px auto; padding:0px; font-size:13px; font-family: "微软雅黑","宋体";}
ul,li{ list-style-type:none; margin:0px; padding:0px;}
a:link {
    text-decoration:none;
    color: #333;
}
a:visited{text-decoration:none;
}

dt,dl{ margin:0px; padding:0px}
img{ border:0px;}
.red{ color:#F00;}

.imgList{
    padding: 10px;
    max-width: 400px;
    max-height: 600px;
    overflow-y: scroll;
}
.imgList li{
    position: relative;
}
.imgList li div{
    position: absolute;
    top: 5px;
    right: 5px;
}

.imgList li div span{
    background-color: #0F5EA2;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    margin-left: 10px;
}


/*表单*/
select,textarea,.input {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    color: #555555;
    display: inline-block;
    font-size: 12px;
    padding: 7px 8px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: middle;
    border-radius:3px;
}
select:focus,textarea:focus,.input:focus{
    border-color: #69AEE4;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);
}
.btn,.minbtn,.fbtn{
    display: inline-block;
    *display: inline;
    zoom: 1;

    margin-bottom: 0;
    font-weight:200;
    line-height: 25px;
    color: #fff !important;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #9c8ec9;
    border-bottom: 2px solid #9c8ec9;
    text-decoration:none;
    -webkit-user-select: none;
    -webkit-transition: border linear .2s,background linear .2s;
    -moz-transition: border linear .2s,background linear .2s;
    -o-transition: border linear .2s,background linear .2s;
    transition: border linear .2s,background linear .2s;
    border-radius:3px;
}
.btn{
    font-size: 16px;
    padding: 4px 20px;
}
.fbtn{
    font-size: 12px;
    padding: 1px 20px;
}
.minbtn{
    font-size:12px;
    padding: 2px 15px;
}
.tdlist{
    line-height: 22px;
    text-align: left;
    padding: 10px;
}

.btn:hover,.minbtn:hover,.fbtn:hover{
    background-color: #9999cc;
}
.btn:active{
    background-color: #1385E6;
}
.cursor{ cursor:pointer}
.clear{clear:both;}
.hidden{ display:none}
.icon_white{ background-image:url(../img/icon_white.png); width:14px; height:14px; display:inline-block;vertical-align:text-top; margin-top:2px; margin-right:3px;}
.icon{ background-image:url(../img/icon.png); width:14px; height:14px; display:inline-block;vertical-align:text-top;}
.icon_exit{ background-position:-384px 0px;}
.icon_user{ background-position:-168px 0px;}
.icon_time{ background-position:-48px -24px;}
.icon_help{background-position:-96px -96px;}
.icon_ban{background-position:-266px 0px;}
.icon_midea{background-position:-192px 0px;}
.icon_wifi{ background-position: -408px 0;}
.icon_book{ background-position: -24px -24px;}
.icon_horn{background-position: -24px -144px;}

.popup {
    position: fixed;
    _position:absolute;
    _width:500px;
    background: #ffffff;
    display:block;
    padding:10px 25px 20px 25px;
    left: 20%;
    top: 5%;
    border-radius: 5px;
    -webkit-box-shadow:  1px 0px 30px 10px rgba(0, 0, 0, 0.5);
    box-shadow:  1px 0px 30px 10px rgba(0, 0, 0, 0.5);
    z-index: 9999;
}
#overlay {
    position: absolute;
    background: #000;
    opacity: 0.4;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity= 40);
    display: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
}
.popup .popup_con{ position:relative;}
.popup .close,.popInvite .close{ position:absolute; font-size:24px; display:block; width:22px; height:22px; border-radius:50%; top:-5px; right:-20px; color:#FFF; background-color:#ff5d5d; text-align:center; line-height:19px; cursor:pointer;}
.popup .close:hover,.popInvite .close:hover{ background-color:#e24f48;}
.popup h3{ line-height:33px; font-weight:normal; color:#333333; height:33px; border-bottom:2px solid #F00; font-size:20px;}

/***********LOGIN *************/
#loginbody{margin:0; padding:0; font-size:9pt; background-image:url(../img/adback.jpg); background-repeat:repeat-x; background-position:inherit; background-repeat:repeat-x;}
#loginbody h1{ line-height:42px; font-size:16px; font-weight:bold; padding-left:10px; background-color:#1f62b3; color:#fff;margin:0 auto; margin-top:10%; width:310px; z-index:9999;position: relative;}

#main{ background-color:#FFF;  margin:0 auto; margin-top:-10px; width:320px; height:325px; position: relative;box-shadow: 0px 0 10px 10px rgba(0, 0, 0, 0.1); border-radius:10px;z-index:2;}


.adminTop{ background-color: #252c35;  width: 100%; height:56px; border: medium none; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1); }
.adminTop td,.adminTop td span {color:#fff;}
#login{ position:absolute; top:30px; left:30px;}
#login #username,#login #password,#login #projectName{ width:180px;}
#login p strong {
    color: #333333;
    font-size: 16px;
    font-weight:normal;
}
.loginBtn{ padding:5px 90px;}
#login p{ line-height:55px; height:55px;}
#imgbuton{ cursor:pointer; position:absolute; left:60px; top:250px;}
#baquan{  text-align:center; color:#FFFFFF; line-height:33px}

#divMap{ float:left;display:block; width:300px; height:300px;}
#txtResult{ float:left; width:200px; margin-left:10px; padding-right:10px; height:300px; overflow-y:scroll;}
#txtResult p{ cursor:pointer;color:#CCC}
#txtResult p.cur{ color:#F00; border:1px solid #9c8ec9; }
#txtResult p span{ color:#333;}
#txtResult p:hover{ color:#666;}

.MapSub{ text-align:right; height:40px; padding-top:10px; clear:both; display:block; width:100%;}


/******LEFT***********/
#leftbody{
    background: #394a59;
    background-position: right top;
    background-repeat: repeat-y;
    color: #aeb7c2;
    font: 12px Helvetica,Arial,sans-serif;
    margin: 0;
    height:100%;
}
#leftbody .leftBaner,#leftbody .leftCur{
    height:48px; line-height: 48px;
    display:block;
    margin-right:1px;
    padding-left:20px;
    font-size:14px;
    _padding-top:7px;
}

#leftbody a.leftList:hover{ color:#fff; background: #252c35}
#leftbody .leftBaner i{ background-position:-456px -72px;margin-top:3px;}
#leftbody .leftCur i{ background-position:-312px -119px;margin-top:3px; }
#leftbody ul li ul li a{ padding-left:40px; display:block; height:40px; line-height: 40px;  color: #aeb7c2; }
#leftbody ul li ul li i.icon_list{ background-position:-266px -24px; margin-top:1px;}
#leftbody ul li ul li a.cur,#leftbody ul li ul li a:hover{background: #252c35; color:#fff;}
#lefttop{width: 100%; height: 150px; text-align: center; padding-top: 20px;}
#lefttop img{border-radius: 50%}
#lefttop h2{ font-size: 18px; color: #f0f0f0; padding-top: 10px;letter-spacing:3px;font-weight: 600; }
#hideLeft{display: block;width: 15px; height:50px;  float: left;cursor: pointer;}
#hideLeft i{margin-top: 18px;}

#allmap{ width: 100%; height: 100%;}
#mapBottom{ text-align:center;position: fixed; bottom: 0px; height: 45px; width: 100%; background-color: #C0EBEF; display: block; z-index: 999;}
#mapBottom div{margin: 0px auto; width: 400px; display: block; line-height: 45px; padding-top: 5px;}
#mapBottom span{ display: inline-block; margin-right: 10px;}
#mapBottom span i{ display: inline-block; width: 40px; height: 30px;line-height: 45px;  float: left;}
#mapBottom span a{ font-size:13px; font-weight: bold; line-height: 35px; display: inline-block;  }
#mapBottom  .icon_a i{background: url("../img/001.png") left center no-repeat; }
#mapBottom  .icon_b i{background: url("../img/002.png") left center no-repeat; }
#mapBottom  .icon_c i{background: url("../img/003.png") left center no-repeat; }
#mapBottom  .icon_d i{background: url("../img/004.png") left center no-repeat; }
#mapBottom .btn{ clear: both;}

#popSign{
    display: block;
    min-width: 500px;
    top: 100px;
    left: 200px;
    background-color: #fff;
    padding: 20px 20px;
    max-height: 400px;
    overflow-y: scroll;
}
#popSign .product a{border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
    margin-top: 10px;
    padding: 5px 10px;}
#popSign .product a.cur{background-color: #ffd6eb;}
#popSign .product .read{color: #666666;}
#popSign ul li img{margin-top: 10px;}
#popSign ul li{float: left;  margin-right: 10px}
#popSign ul li p{line-height: 25px; font-size: 13px;}
#popSign ul{ display: block;  margin-bottom: 10px; width: 100%;clear: both;}

#popSign .banHeader{ border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #ccc;
    width: 100%;
}
#popSign .banHeader span{display: inline-block; width: 32.6%; text-align: center; cursor: pointer; line-height: 30px; height: 30px;}
#popSign .banHeader span.cur{ background-color: #ffd6eb;}
#popSign .warnings{ margin-top: 10px; margin-bottom: 40px;min-width: 500px;}
#popSign .warnings p{ height: 80px; line-height: 25px; }
#popSign .warnings .minBtn{ float: right; margin-right: 10px;}
#popSign .warnings h1{line-height: 30px; font-size: 14px;}



#selectController{ padding: 0px 0px 0px 0px;}
#selectController .back{ line-height: 34px; cursor:pointer; color: #CCA0E9; font-size: 14px; }
#selectController .banHeader{display: block;width: 100%; height: 140px;}
#selectController .banHeader span{ opacity: 0.8; cursor: pointer; margin-bottom:0px; display: block; float: left; text-indent: -999; margin-right: 20px;  display:inline-block; width: 120px; height: 120px;}
#selectController  .banHeader span.k01{background: url("../img/k01.png") center center no-repeat;}
#selectController .banHeader  span.k02{background: url("../img/k02.png") center center no-repeat;}
#selectController  .banHeader span.k03{background: url("../img/k03.png") center center no-repeat;}
#selectController  .banHeader span.k04{background: url("../img/k04.png") center center no-repeat;}
#selectController  .banHeader span:hover{opacity: 1;}

#selectController .znCont{margin-top: 10px; width:520px; font-size: 14px;}
#selectController .znCont h2{line-height: 35px; color: #898989; font-size: 14px;}

#selectController .znCont .znContBom{padding-left: 10px; line-height: 40px; color: #c9c9c9; border-bottom: 1px solid #DFDFDF;}
#selectController .znCont .fore{width:403px;}
#selectController .znCont .five{width:504px;}
#selectController .znCont .znContBan{ margin-left: 10px; border: 1px solid #CCA0E9;  border-radius: 5px; display: inline-block; height: 35px;}
#selectController .znCont .znContBan span{display: inline-block; float: left; cursor: pointer; width: 100px; border-right: 1px solid #CCA0E9; text-align: center; color: #CCA0E9; font-size: 14px; line-height: 35px;}
#selectController .znCont .znContBan span.right{border-right: 0px;}
#selectController .znCont .znContBan span.cur{background-color:#CCA0E9; color: #fff; }
#selectController .znCont .znContRadio{margin-left: 10px; width:400px;}
#selectController .znCont .znContRadio span{display: inline-block;width: 130px; text-align: left; font-size: 14px;}
#selectController .znCont  .znContBom span{line-height:30px; width: 130px;display: inline-block; text-align: center; color: #898989;}
#selectController .znCont  .znContBom span.left{text-align: left;}
#selectController .znCont  .znContBom span.right{text-align: right; color: #CCA0E9; cursor: pointer;}
.popup,.popInvite {
    position: fixed;
    _position:absolute;
    width: auto;
    _width:300px;
    background: #ffffff;
    display:block;
    padding:30px 25px 20px 25px;
    left: 50%;
    top: 5%;
    margin-left:-195px;
    border-radius: 5px;
    -webkit-box-shadow:  1px 0px 30px 10px rgba(0, 0, 0, 0.5);
    box-shadow:  1px 0px 30px 10px rgba(0, 0, 0, 0.5);
    z-index: 9999;
}
.popup .popup_con{ position:relative;}
.popup .close,.popInvite .close{ position:absolute; font-size:24px; display:block; width:22px; height:22px; border-radius:50%; top:-24px; right:-18px; _right:0px;_top:-28px; color:#FFF; background-color:#ff5d5d; text-align:center; line-height:19px; cursor:pointer;}
.popup .close:hover,.popInvite .close:hover{ background-color:#e24f48;}

.register{ padding-bottom:40px;margin-top: -100px;}
.popup h3{ line-height:33px; font-weight:normal; color:#333333;}
.popup .popup_btn{ width:300px; height:40px; line-height:40px; display:block;border-radius: 5px; text-align:center; color:#fff; cursor:pointer; margin-top:15px;}

.popup .popup_sina{background-color:#e24f48;}
.popup .popup_qq{background-color:#66a3d2; }
.popup .popup_line{ height:1px; border-top:1px solid #f2f2f2; display:block; width:100%;}
.popup .popup_mg{ margin-top:25px;}

.popup .popup_login{ display:block; height:80px; border:1px solid #ccc; border-radius: 5px; padding:1px 1px; margin-top:25px;}
.popup .popup_submit{ background-color:#fff; color:#ffa815; border:1px solid #ffa815; margin-top:25px;}
.popup .popup_bottom{ float:right;}
.popup .popup_bottom a{ font-size:12px; color:#999;}
.popip .popup_lineB{ line-height:40px; font-size:40px; color:#999;}

.paramList{  font-size:2em; text-align: center;  margin: 10px auto; display: block; width: 100%; height: auto; background-color: #FEFEFE;}
.paramList .deviceId{font-size: 0.9em;}
.paramList .header{background-color: #f0f0f0; line-height: 60px; text-align: center;}
.paramList .list{background-color: #fff; line-height:42px;text-align: center; }
.paramList .workerType{ color: #00A0E9;}
.paramList table td{border: 1px solid #DFDFDF; border-bottom: 0px; border-left:0px;}
.paramList table{ border-left: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF;}

/***************TOP*********************/

#tpa {
    color:#000000;
    margin:0px;
    padding:0px;
    float:left;
    padding-right:10px;
}

#tpa dd {
    margin:0px;
    padding:0px;
    float:left;
    margin-right:2px;
    color:#036;
}

.item a
{
    text-align:center;
    width:82px;
    height:26px;
    display:block;
    line-height:28px;
    color:#036;
}
.itemsel a{
    background:#445782;
    color:#fff;
}
.item a:link, .item a:visited {
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

.rmain {
    padding-left:10px;
    color:#000000;
    /* background:url(skin/images/frame/toprightbg.gif) no-repeat; */
}

.qustionList{ text-align:left; max-height:600px; overflow-y:scroll; }
.qustionList h2{ background-color:#e5f1f4; line-height:30px; height:30px; display:block; padding-left:5px; position:relative;}
.qustionList h2 em{ position:absolute; right:5px; line-height:30px; cursor:pointer;}
.qustionList table{ background-color:#fff;border-top:1px solid #e5f1f4; width:100%; margin-bottom:20px;}
.qustionList table tr{ line-height:28px;}
.qustionList .answerInfo span{  padding:2px 20px 2px 5px; cursor:pointer; position:relative;margin-right:10px;}
.qustionList .answerInfo span:hover{background-color:#e5f1f4; }
.qustionList .answerInfo span em{ font-size:18px; position:absolute; top:0px; right:2px; width:15px; height:20px; line-height:20px; display:none;}
.qustionList .addAnswer{ cursor:pointer; border:1px solid #CCC; padding:2px 5px; background-color:#e5f1f4; margin-left:10px;}



#pub_upload_info ul{ float:left; }
#pub_upload_info ul li{ position:relative;float:left; border:1px dashed #d1d1d1; padding:2px; display:block; margin:0px; width:62px; height:52px; margin-right:10px;}
#pub_upload_info ul li span.close{ position:absolute; top:2px; right:2px; background: #E7E7E7; display:block; width:13px; height:13px; text-align:center; line-height:13px; cursor:pointer; }
#pub_upload_info ul li span.close:hover{ background:#CCC;}
.upload_loading{width:100px; position:absolute; top:0px; background-color: #f5f5f5 ;border-radius:2px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;left:185px; height:7px; text-align:left;}
.upload_loading .loading_main{ box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; border-radius:2px;background:#fe87a9; height:7px; float:left;}

.publishAction{ padding:10px 5px; position:relative;}
.publishAction #pub_upload_btn{ margin-right:0px; border-radius:3px; width:60px; height:55px; background-color:#fff; text-align:center; float:left; position:relative; }

.publishAction #pub_upload_btn img{ margin-top:2px; position:absolute; left:0px; top:0px;}
.publishAction #pub_upload_btn .swfupload{ position:absolute;left:0px; top:0px;}

/********************************弹窗*****************************/
.ZebraDialog {
    font-family: "helvetica neue",arial,sans-serif;
    font-size: 12px;
    background: #FFF;
    padding: 0px;
    width: 220px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 4px 2px #222;
    -moz-box-shadow: 0px 0px 4px 2px #222;
    box-shadow: 0px 0px 4px 2px #222;
    *border: 1px solid #666;    /* IE6 & 7 */
    border: 1px solid #666\9;   /* IE8 */
}

.ZebraDialog .ZebraDialog_Title {
    margin: 0;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 14px;
    background: #9c8ec9;
    color: #FFF;
    text-align: left;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    *padding: 7px 10px;     /* IE6 & 7 */
    padding: 7px 10px\9;    /* IE8 */
}

.ZebraDialog .ZebraDialog_Body              { background-repeat: no-repeat; background-position: 10px 10px; padding: 8px; text-align: left; font-size:14px; }

.ZebraDialog .ZebraDialog_Icon              { padding: 10px 10px 10px 68px; min-height: 48px; _height: 48px; background-repeat:no-repeat; background-position:10px center; }

.ZebraDialog .ZebraDialog_Confirmation      { background-image: url('../img/confirmation.png') }
.ZebraDialog .ZebraDialog_Error             { background-image: url('../img/error.png') }
.ZebraDialog .ZebraDialog_Information       { background-image: url('../img/load.gif') }
.ZebraDialog .ZebraDialog_Question          { background-image: url('../img/question.png') }
.ZebraDialog .ZebraDialog_Warning           { background-image: url('../img/warning.png') }
.ZebraDialog .ZebraDialog_Loading           { background-image: url('../img/load.gif') }

.ZebraDialog .ZebraDialog_Buttons {
    background: #e5f1f4;
    border-top: 1px solid #9c8ec9;
    padding: 5px 5px 5px 10px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.ZebraDialog .ZebraDialog_Buttons a {
    text-decoration: none;
    font-weight: bold;
    color: #000;
    background: transparent;
    border: 1px solid #9c8ec9;
    padding: 4px 10px;
    float: right;
    margin-right: 5px;
    min-width: 60px;
    _width: 60px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.ZebraDialog .ZebraDialog_Buttons a:hover   { background: #9c8ec9; color: #FFF }

.ZebraDialogOverlay                         { background: #666 }



#mainbody{background:#fff; height:100%}
#content{ padding:10px;}

#addCont{width: 80%; margin: 15px auto;}
#contadd{ margin-top:15px;}
.table{ width:100%; margin:0px auto; line-height:40px; background:#FAFAFA; color: #333;  font-size:12px; text-align:center; margin-top:0px;}
.table tr{background:#fff;}
.tab_top{ font-weight:normal; color: #666; height: 50px}
.tab_top td,.tableBom{ background:#F7F7F9; color:#666}
.table .odd{background:#e5f1f4;}
.table .even{background:#F7F7F9}
.tableBom{
    padding: 5px 0px;
    background-color: #fff;
}
.tableBom a,.tableBom strong{
    border: 1px solid #e6e6e6;
    display: inline-block;
    margin-left: 5px;
    height: 25px;
    line-height: 25px;
    padding: 4px 10px;
}
.tableBom a:hover{
    background-color: #009688;
    color: #fff !important;
}

.tableBom strong{
    background-color: #009688;
    color: #fff;
}




.addtable tr td{ padding:5px 8px;}
.addtable strong{ color: #363636;}
.sortlist ul li a:hover,.list:hover{ background: #f5f5f5}

.table>tbody>tr:nth-of-type(odd){
    background-color: #F8FDFC;
}
.table>tbody>tr:nth-child(even){

    background-color: #fff;

}
.table>tbody>tr:hover{
    background-color: #EFEEF0;
}

.topban{ padding:7px 10px; line-height:22px; border-radius:4px; color:#fff;}
.topban .right { float:right; }
.topban .right a{ display:inline-block; color:#4a98af;}

.addtop{ padding:5px 10px; line-height:28px; border-radius:4px;  height:33px; display:block; clear:both; background-color:#EFEEF0; }
.addtopright{ float:right; margin-left:15px; }
.addtoplist{ font-weight:bold; color:#666; float:left; }
.sort_no{ background-color: #CCCCCC;}
#content_info_d{ display:none;}
.searchclass{ text-align:center; padding:15px 10px 0px 10px;}
#more{
    position:absolute;
    top:60px;
    right:20px;
    border:5px solid #e5f1f4;
    padding:15px;
    background-color:#FFFFFF;
}
.seo{ display:none;}
.left_txt{ color:#666}

.sortlist h2{ line-height:22px; background-color:#9999cc; width:200px; padding:3px 6px; color:#fff; float:left }
.sortlist ul{ float:left; width:200px; height:auto}
.sortlist ul li a{ display:block; padding:3px 6px; line-height:25px; width:200px; border-bottom:1px solid #fff; cursor:pointer;}
.sortlist ul li { position:relative; float:left; display:block; background-color:#e5f1f4;}

.sortlist ul li  .infolist{ position:absolute; left:210px; top:0px; z-index:100; padding-left:10px; display:none;}
.sortlist ul li  .del{ font-size:15px; position:absolute; top:1px; right:2px; cursor:pointer; display:none}
.sortlist ul li  .infourl{ font-size:15px; position:absolute; right:2px; bottom:0px;  cursor:pointer; }
.sortlist ul li  .del:hover,.sortlist ul li .infourl:hover{ background-color:#039; color:#fff;}
.sortlist ul li a.current{ background-color:#e1e5ee}




.icon-glass {
    background-position: 0      0;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-in {
    background-position: -336px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-font {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-list {
    background-position: -360px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    width: 16px;
    background-position: -216px -120px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    width: 16px;
    background-position: -384px -120px;
}

.icon-folder-open {
    width: 16px;
    background-position: -408px -120px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}