Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / examples / shared / extjs / css / extjs.css
index 6123e5e..9f95ab6 100644 (file)
-/*\r
- * Ext JS Library 2.2.1\r
- * Copyright(c) 2006-2009, Ext JS, LLC.\r
- * licensing@extjs.com\r
- * \r
- * http://extjs.com/license\r
- */\r
-\r
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0;}fieldset,img{border:0;}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;}\r
 \r
 body {\r
-       /*font-family: helvetica,arial,tahoma,sans-serif;*/\r
-       font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;\r
-       font-size:13px;\r
-       color:#555;\r
-       line-height:20px;\r
-       background-color:#fff;\r
-       text-align:center;\r
-       margin:0;padding:0;border:0;\r
+    /*font-family: helvetica,arial,tahoma,sans-serif;*/\r
+    font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;\r
+    font-size:13px;\r
+    color:#555;\r
+    line-height:20px;\r
+    background-color:#fff;\r
+    text-align:center;\r
+    margin:0;padding:0;border:0;\r
 }\r
 \r
 td {\r
-       font-size:13px;\r
+    font-size:13px;\r
 }\r
 \r
 a:link, a:visited, a:active {\r
-       color: #0464BB;\r
-       text-decoration:none;\r
+    color: #0464BB;\r
+    text-decoration:none;\r
 }\r
 a:hover {\r
-       color: #1C417C;\r
-       text-decoration: underline;\r
+    color: #1C417C;\r
+    text-decoration: underline;\r
 }\r
 \r
 /* main document center */\r
 #viewport {\r
-       margin:auto;\r
-       text-align:left;\r
-       width:960px;\r
+    margin:auto;\r
+    text-align:left;\r
+    width:960px;\r
 }\r
 \r
 /* header styles */\r
 #hd {\r
-       background:transparent url(../images/topbar.png) no-repeat 10px bottom;\r
-       height:95px;\r
-       position:relative;\r
+    background:transparent url(../images/topbar.png) no-repeat 10px bottom;\r
+       height:95px;\r
+       position:relative;\r
 }\r
 \r
 #hd table.nav {\r
-       position:absolute;\r
-       margin-left:0;\r
+    position:absolute;\r
+    margin-left:0;\r
 }\r
 #hd table.nav tr {\r
 }\r
 #hd table.nav tr td {\r
-       padding-top:1px;\r
-       padding-left:0;\r
-       padding-right:0;\r
+    padding-top:1px;\r
+    padding-left:0;\r
+    padding-right:0;\r
 }\r
 #hd table.nav a, #hd table.main-nav a:hover, #hd table.main-nav a:visited {\r
-       color: #fff;\r
+    color: #fff;\r
 }\r
 \r
 #hd table.nav a, #hd table.main-nav a span {\r
-       color: #fff;\r
-       display:block;\r
+    color: #fff;\r
+    display:block;\r
 }\r
 #hd table.nav a {\r
-       line-height:14px;\r
+    line-height:14px;\r
 }\r
 #hd table.nav a span {\r
-       padding:6px 15px 7px 15px;\r
+    padding:6px 15px 7px 15px;\r
 }\r
 #hd table.nav a span {\r
-       font-family:tahoma,helvetica,arial,sans-serif;\r
-       font-size:12px;\r
+    font-family:tahoma,helvetica,arial,sans-serif;\r
+    font-size:12px;\r
 }\r
 \r
 /* Main nav */\r
 \r
 \r
 #hd table.main-nav {\r
-       left:15px;\r
-       top:40px;\r
+    left:15px;\r
+    top:40px;\r
 }\r
 #hd table.main-nav tr {\r
-       height:28px;\r
+    height:28px;\r
 }\r
 \r
 #hd table.main-nav a:hover {\r
-       text-decoration:underline;\r
+    text-decoration:underline;\r
 }\r
 \r
 #hd table.main-nav a:hover span {\r
-       text-decoration:underline;\r
+    text-decoration:underline;\r
 }\r
 \r
 #hd table.main-nav td.active a {\r
-       background:transparent url(../images/nav-left.png) repeat-x;\r
-       text-decoration:none;\r
+    background:transparent url(../images/nav-left.png) repeat-x;\r
+    text-decoration:none;\r
 }\r
 \r
 #hd table.main-nav td.active a span {\r
-       background:transparent url(../images/nav-right.png) no-repeat right 0;\r
-       font-weight:bold;\r
-       padding:7px 15px 6px 15px;\r
-       text-decoration:none;\r
+    background:transparent url(../images/nav-right.png) no-repeat right 0;\r
+    font-weight:bold;\r
+    padding:7px 15px 6px 15px;\r
+    text-decoration:none;\r
 }\r
 \r
 /* Sub nav */\r
 \r
 #hd .sub-nav {\r
-       position:absolute;\r
-       left:25px;\r
-       top:72px;\r
-       height:21px;\r
+    position:absolute;\r
+    left:25px;\r
+    top:72px;\r
+    height:21px;\r
 }\r
 #hd .sub-nav td {\r
-       font-size:11px;\r
-       color:#777;\r
-       font-family:tahoma,helvetica,arial,sans-serif;\r
+    font-size:11px;\r
+    color:#777;\r
+    font-family:tahoma,helvetica,arial,sans-serif;\r
 }\r
 #hd .sub-nav td span {\r
-       color:#777;\r
+    color:#777;\r
 }\r
 #hd .sub-nav td a {\r
-       color:#046BCA;\r
-       font-family:tahoma,helvetica,arial,sans-serif;\r
+    color:#046BCA;\r
+    font-family:tahoma,helvetica,arial,sans-serif;\r
 }\r
 #hd .sub-nav td.spacer {\r
-       padding:0 5px;\r
+    padding:0 5px;\r
 }\r
 /* Main header image */\r
 \r
 #hd h1 a {\r
-       background:transparent url(../images/extjs2.png) no-repeat;\r
+    background:transparent url(../images/extjs2.png) no-repeat;\r
     position:relative;\r
     float:left;\r
     top: 12px;\r
@@ -142,234 +140,234 @@ a:hover {
     width:227px;\r
 }\r
 #hd h1 a span {\r
-       display:none;\r
+    display:none;\r
 }\r
 \r
 /* body styles */\r
 \r
 #bd {\r
-       margin:5px 15px 0;\r
-       zoom:1;\r
+    margin:5px 15px 0;\r
+    zoom:1;\r
 }\r
 \r
 #bd p {\r
-       margin-top:8px;\r
-       margin-bottom:8px;\r
+    margin-top:8px;\r
+    margin-bottom:8px;\r
 }\r
 \r
 #bd br {\r
-       font-size:10px;\r
-       line-height:10px;\r
+    font-size:10px;\r
+    line-height:10px;\r
 }\r
 \r
 #bd .left-column {\r
-       width:700px;\r
-       float:left;\r
+    width:700px;\r
+    float:left;\r
 }\r
 #bd .right-column {\r
-       width:200px;\r
-       float:left;\r
-       margin-left:20px;\r
+    width:200px;\r
+    float:left;\r
+    margin-left:20px;\r
 }\r
 #bd .right-column p {\r
-       margin:5px;\r
-       font-size:12px;\r
+    margin:5px;\r
+    font-size:12px;\r
 }\r
 \r
 #bd h3 {\r
-       font-family: "Trebuchet MS", Tahoma,arial,sans-serif;\r
-       font-size:18px;\r
-       font-weight:normal;\r
-       color: #385F95;\r
-       margin:7px 0;\r
+    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;\r
+    font-size:18px;\r
+    font-weight:normal;\r
+    color: #385F95;\r
+    margin:7px 0;\r
 }\r
 #bd h4 {\r
-       font-family: "Trebuchet MS", Tahoma,arial,sans-serif;\r
-       font-size:14px;\r
-       font-weight:bold;\r
-       color: #555;\r
-       margin:5px 0;\r
+    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;\r
+    font-size:14px;\r
+    font-weight:bold;\r
+    color: #555;\r
+    margin:5px 0;\r
 }\r
 #bd h5 {\r
-       font-family: "Trebuchet MS", Tahoma,arial,sans-serif;\r
-       background-color:#F1F1F1;\r
-       padding:3px;\r
-       color:#789030;\r
-       font-size:11px;\r
-       font-weight:bold;\r
-       text-transform:uppercase;\r
+    font-family: "Trebuchet MS", Tahoma,arial,sans-serif;\r
+    background-color:#F1F1F1;\r
+    padding:3px;\r
+    color:#789030;\r
+    font-size:11px;\r
+    font-weight:bold;\r
+    text-transform:uppercase;\r
 }\r
 \r
 #bd .big-box h5.alt {\r
-       text-align:center;\r
-       font-size:13px;\r
-       border-bottom:1px solid #eee;\r
-       color:#385F95;\r
+    text-align:center;\r
+    font-size:13px;\r
+    border-bottom:1px solid #eee;\r
+    color:#385F95;\r
 }\r
 \r
 #bd .box {\r
-       padding: 3px 5px 15px;\r
+    padding: 3px 5px 15px;\r
 }\r
 \r
 /* footer */\r
 #ft {\r
-       margin-top:25px;\r
-       text-align:center;\r
-       background: transparent url(../images/ft-bg.png) no-repeat center 0;\r
-       padding-top:5px;\r
+    margin-top:25px;\r
+    text-align:center;\r
+    background: transparent url(../images/ft-bg.png) no-repeat center 0;\r
+    padding-top:5px;\r
 }\r
 #ft table.nav {\r
-       margin: 0 auto;\r
+    margin: 0 auto;\r
 }\r
 \r
 #ft table.nav a, #ft table.nav a:hover, #ft table.nav a:visited {\r
-       color:#789030;\r
-       font-size:12px;\r
-       display:block;\r
-       padding:5px 15px 0;\r
+    color:#789030;\r
+    font-size:12px;\r
+    display:block;\r
+    padding:5px 15px 0;\r
 }\r
 \r
 #ft div.copy {\r
-       margin: 0 auto;\r
-       padding:10px 0 25px;\r
-       color:gray;\r
+    margin: 0 auto;\r
+    padding:10px 0 25px;\r
+    color:gray;\r
 }\r
 \r
 /* feature list */\r
 ul.features, .content-box ul, .side-box ul {\r
-       margin-left:15px;\r
-       list-style-image: url(../images/c-sep-l.gif);\r
+    margin-left:15px;\r
+    list-style-image: url(../images/c-sep-l.gif);\r
 }\r
 ul.features li,  .content-box ul li, .side-box ul li {\r
-       margin-top:5px;\r
-       margin-bottom:5px;\r
+    margin-top:5px;\r
+    margin-bottom:5px;\r
 }\r
 /* flyout menus */\r
 .flyout-menu {\r
-       position:absolute;\r
-       left:-200px;\r
-       top:-200px;\r
-       background:#fff;\r
-       padding:10px 15px;\r
-       text-align:left;\r
-       border:1px solid #aaa;\r
-       font-family: helvetica,arial,tahoma,sans-serif;\r
+    position:absolute;\r
+    left:-200px;\r
+    top:-200px;\r
+    background:#fff;\r
+    padding:10px 15px;\r
+    text-align:left;\r
+    border:1px solid #aaa;\r
+    font-family: helvetica,arial,tahoma,sans-serif;\r
 }\r
 .flyout-menu a {\r
-       color:#046BCA;\r
+    color:#046BCA;\r
 }\r
 .flyout-menu p {\r
-       margin:4px 0;\r
-       font-size:11px;\r
-       color:#555;\r
-       line-height:16px;\r
+    margin:4px 0;\r
+    font-size:11px;\r
+    color:#555;\r
+    line-height:16px;\r
 }\r
 .flyout-menu br {\r
-       line-height:10px;\r
+    line-height:10px;\r
 }\r
 .flyout-menu h3 {\r
-       font-size:12px;\r
-       font-weight:bold;\r
-       line-height:16px;\r
+    font-size:12px;\r
+    font-weight:bold;\r
+    line-height:16px;\r
 }\r
 .flyout-menu ul {\r
-       font-size:11px;\r
-       list-style-type: square;\r
-       margin-left:15px;\r
+    font-size:11px;\r
+    list-style-type: square;\r
+    margin-left:15px;\r
 }\r
 .flyout-menu li {\r
-       color:#ccc;\r
-       line-height:16px;\r
+    color:#ccc;\r
+    line-height:16px;\r
 }\r
 \r
 /* rss feeds */\r
 \r
 .rss {\r
-       float:right;\r
-       margin: 3px 3px 0 0;\r
+    float:right;\r
+    margin: 3px 3px 0 0;\r
 }\r
 .rss a {\r
-       display:block;\r
-       width:14px;\r
-       height:14px;\r
-       background: transparent url(../images/home/rss.gif) no-repeat 0 -14px;\r
+    display:block;\r
+    width:14px;\r
+    height:14px;\r
+    background: transparent url(../images/home/rss.gif) no-repeat 0 -14px;\r
 }\r
 .rss a:hover {\r
-       background-position: 0 0;\r
+    background-position: 0 0;\r
 }\r
 \r
 /* side boxes */\r
 \r
 div.side-box {\r
-       background: transparent url(../images/side-box.png) no-repeat;\r
-       padding-top:9px;\r
-       width:200px;\r
-       margin-bottom:20px;\r
-       zoom:1;\r
+    background: transparent url(../images/side-box.png) no-repeat;\r
+    padding-top:9px;\r
+    width:200px;\r
+    margin-bottom:20px;\r
+    zoom:1;\r
 }\r
 div.side-box-inner {\r
-       background: transparent url(../images/side-box.png) no-repeat 0 bottom;\r
-       padding:0 15px 5px;\r
-       font-size:12px;\r
-       zoom:1;\r
+    background: transparent url(../images/side-box.png) no-repeat 0 bottom;\r
+    padding:0 15px 5px;\r
+    font-size:12px;\r
+    zoom:1;\r
 }\r
 #bd div.side-box-inner h5 {\r
-       background:transparent !important;\r
-       padding-top:0;\r
+    background:transparent !important;\r
+    padding-top:0;\r
 }\r
 \r
 \r
 div.big-box {\r
-       background: transparent url(../images/big-box.png) no-repeat;\r
-       padding-top:12px;\r
-       width:700px;\r
-       margin-bottom:20px;\r
+    background: transparent url(../images/big-box.png) no-repeat;\r
+    padding-top:12px;\r
+    width:700px;\r
+    margin-bottom:20px;\r
 }\r
 div.big-box-inner {\r
-       background: transparent url(../images/big-box.png) no-repeat 0 bottom;\r
-       padding:0 15px 12px;\r
-       font-size:12px;\r
+    background: transparent url(../images/big-box.png) no-repeat 0 bottom;\r
+    padding:0 15px 12px;\r
+    font-size:12px;\r
 }\r
 #bd div.big-box-inner h5 {\r
-       background:transparent !important;\r
-       padding-top:0;\r
+    background:transparent !important;\r
+    padding-top:0;\r
 }\r
 \r
 div.full-box {\r
-       background: transparent url(../images/full-box.png) no-repeat;\r
-       padding-top:12px;\r
-       width:920px;\r
+    background: transparent url(../images/full-box.png) no-repeat;\r
+    padding-top:12px;\r
+    width:920px;\r
 }\r
 div.full-box-inner {\r
-       background: transparent url(../images/full-box.png) no-repeat 0 bottom;\r
-       padding:0 15px 10px;\r
-       font-size:12px;\r
+    background: transparent url(../images/full-box.png) no-repeat 0 bottom;\r
+    padding:0 15px 10px;\r
+    font-size:12px;\r
 }\r
 \r
 \r
 div.content-box {\r
-       width:700px;\r
+    width:700px;\r
 }\r
 div.content-box p {\r
-       margin-left:5px;\r
-       margin-right:5px;\r
+    margin-left:5px;\r
+    margin-right:5px;\r
 }\r
 #bd div.content-box ul.features {\r
-       margin-left:20px;\r
+    margin-left:20px;\r
 }\r
 #bd .content-box h5 {\r
-       background-image: url(../images/med-shd.png);\r
-       padding-left:10px;\r
+    background-image: url(../images/med-shd.png);\r
+    padding-left:10px;\r
 }\r
 \r
 /* Store */\r
 \r
 #commercial strong {\r
-       font-size: 12px;\r
-       margin: 0 0 0 0;\r
-       font-family:tahoma,verdana,helvetica,sans-serif;\r
-       color: #083772;\r
-       font-weight:bold;\r
+    font-size: 12px;\r
+    margin: 0 0 0 0;\r
+    font-family:tahoma,verdana,helvetica,sans-serif;\r
+    color: #083772;\r
+    font-weight:bold;\r
 }\r
 table.license {\r
    margin-left:5px;\r
@@ -410,16 +408,16 @@ table.license td {
    border-top:1px dotted #ddd;\r
 }\r
 #commercial h3 {\r
-       margin:0 0 5px;\r
-       font-size:16px;\r
+    margin:0 0 5px;\r
+    font-size:16px;\r
 }\r
 #store .big-box h4 {\r
-       font-size:12px;\r
-       font-weight:bold;\r
-       color: #222;\r
-       padding:4px;\r
-       background:#efefef url(../images/inner-hd.png) repeat-x;\r
-       border: 1px solid #efefef;\r
+    font-size:12px;\r
+    font-weight:bold;\r
+    color: #222;\r
+    padding:4px;\r
+    background:#efefef url(../images/inner-hd.png) repeat-x;\r
+    border: 1px solid #efefef;\r
 }\r
 \r
 \r
@@ -445,7 +443,7 @@ a.buynow:hover, a.buynow:hover {
 }\r
 \r
 .saleprice, b.sale, .sale-msg strong{\r
-       color: #c33;\r
+    color: #c33;\r
 }\r
 \r
 /* comparison table */\r
@@ -454,142 +452,153 @@ a.buynow:hover, a.buynow:hover {
 \r
 }\r
 .compare th {\r
-       padding:5px 12px;\r
-       font-weight:bold;\r
-       text-align:center;\r
-       border:1px solid #dddddd;\r
-       color:#fff;\r
-       background:#083772;\r
-       font-size:12px;\r
+    padding:5px 12px;\r
+    font-weight:bold;\r
+    text-align:center;\r
+    border:1px solid #dddddd;\r
+    color:#fff;\r
+    background:#083772;\r
+    font-size:12px;\r
 }\r
 .compare td {\r
-       padding:5px;\r
-       text-align:center;\r
-       border:1px solid #dddddd;\r
-       font-size:12px;\r
+    padding:5px;\r
+    text-align:center;\r
+    border:1px solid #dddddd;\r
+    font-size:12px;\r
 }\r
 .compare th.cfirst {\r
-       padding-left:8px;\r
+    padding-left:8px;\r
 }\r
 .compare td.cfirst, .compare th.cfirst {\r
-       text-align:left;\r
+    text-align:left;\r
 }\r
 .compare td.cfirst {\r
-       padding-left:20px;\r
+    padding-left:20px;\r
 }\r
 .compare td.ctitle {\r
-       text-align:left;\r
-       font-weight:bold;\r
-       background:#ececec;\r
-       padding-left:12px;\r
-       font-size:12px;\r
+    text-align:left;\r
+    font-weight:bold;\r
+    background:#ececec;\r
+    padding-left:12px;\r
+    font-size:12px;\r
 }\r
 \r
 .compare tr.cprice td,.compare tr.cfoot td {\r
-       padding:5px 12px;\r
-       font-weight:bold;\r
-       border:1px solid #dddddd;\r
-       border-collapse:collapse;\r
-       color:#083772;\r
-       background:#c3daf9 url(/themes/ext/resources/images/grid-hrow.gif) repeat-x;\r
-       vertical-align:top;\r
+    padding:5px 12px;\r
+    font-weight:bold;\r
+    border:1px solid #dddddd;\r
+    border-collapse:collapse;\r
+    color:#083772;\r
+    background:#c3daf9 url(/themes/ext/resources/images/grid-hrow.gif) repeat-x;\r
+    vertical-align:top;\r
 }\r
 .compare tr.cfoot td {\r
     background:#fff;\r
     padding-left:2px;\r
     padding-right:2px;\r
-       border-color:#fff;\r
+    border-color:#fff;\r
 }\r
 .compare tr.cfoot td a {\r
     margin-top:0;\r
     margin-right:25px;\r
 }\r
 .compare tr.corder-note td {\r
-       background: #eee;\r
+    background: #eee;\r
 }\r
 \r
 .compare sup {\r
-       margin-left:3px;\r
-       font-size:10px;\r
+    margin-left:3px;\r
+    font-size:10px;\r
 }\r
 .compare-info {\r
-       font-size:11px;\r
-       padding:10px;\r
+    font-size:11px;\r
+    padding:10px;\r
 }\r
 \r
 /* downloads */\r
 \r
 table.dl {\r
-       width:650px;\r
+    width:650px;\r
 }\r
 \r
 table.dl td {\r
-       padding:5px;\r
-       vertical-align:top;\r
+    padding:5px;\r
+    vertical-align:top;\r
 }\r
 \r
 .expandable {\r
-       background:#F7F7F7;\r
-       padding:4px;\r
-       border:1px solid #DEDEDE;\r
+    background:#F7F7F7;\r
+    padding:4px;\r
+    border:1px solid #DEDEDE;\r
 }\r
 \r
 .expandable-body{\r
-       background:#fff;\r
-       padding:5px;\r
-       zoom:1;\r
+    background:#fff;\r
+    padding:5px;\r
+    zoom:1;\r
 }\r
 .expandable-body-inner{\r
-       zoom:1;\r
+    zoom:1;\r
 }\r
 \r
 .expandable-body dd {\r
-       float:left;\r
-       width:300px;\r
-       padding:5px;\r
+    float:left;\r
+    width:300px;\r
+    padding:5px;\r
 }\r
 \r
 .training-info {\r
-       font-size:11px;\r
+    font-size:11px;\r
 }\r
 \r
 a.link {\r
-       font-family:tahoma,helvetica,arial,sans-serif;\r
-       font-size:12px;\r
-       font-weight:bold;\r
-       line-height:19px;\r
+    font-family:tahoma,helvetica,arial,sans-serif;\r
+    font-size:12px;\r
+    font-weight:bold;\r
+    line-height:19px;\r
 }\r
 \r
 #msg-ct {\r
-       position:absolute;\r
-       left:680px;\r
-       top:17px;\r
-       width:217px;\r
-       height:22px;\r
+    position:absolute;\r
+    left:680px;\r
+    top:17px;\r
+    width:217px;\r
+    height:22px;\r
 }\r
 \r
 #msg {\r
-       width:217px;\r
-       height:22px;\r
-       background-image:url(../images/msg-bg.png);\r
-       color:#777;\r
-       font-family:tahoma,helvetica,arial,sans-serif;\r
-       font-size:11px;\r
-       cursor:pointer;\r
-       visibility:hidden;\r
+    width:217px;\r
+    height:22px;\r
+    background-image:url(../images/msg-bg.png);\r
+    color:#777;\r
+    font-family:tahoma,helvetica,arial,sans-serif;\r
+    font-size:11px;\r
+    cursor:pointer;\r
+    visibility:hidden;\r
 }\r
 #msg-inner {\r
-       padding:5px 10px 0;\r
-       zoom:1;\r
-       line-height:12px;\r
-       text-align:center;\r
+    padding:5px 10px 0;\r
+    zoom:1;\r
+    line-height:12px;\r
+    text-align:center;\r
 }\r
 .msg-over {\r
-       color:#789030 !important;\r
+    color:#789030 !important;\r
 }\r
 \r
 #msg img {\r
-       width:19px;\r
-       height:19px;\r
+    width:19px;\r
+    height:19px;\r
+}\r
+\r
+/**\r
+ * Ext.App#setAlert message-box styles.\r
+ */\r
+.app-msg .x-box-mc {\r
+    text-align: left;\r
 }\r
+.x-icon-text { background-repeat: no-repeat; padding-left: 20px; }\r
+.icon-status-ok { background-image: url(../../icons/fam/accept.png) !important; }\r
+.icon-status-error { background-image: url(../../icons/fam/error.png) !important; }\r
+.icon-status-notice { background-image: url(../../icons/fam/information.png) !important; }\r
 \r