X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6e39d509471fe9b4e2660e0d1631b350d0c66f40..530ef4b6c5b943cfa68b779d11cf7de29aa878bf:/examples/shared/extjs/css/extjs.css?ds=sidebyside

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