Upgrade to ExtJS 3.2.1 - Released 04/27/2010
[extjs.git] / examples / shared / extjs / css / extjs.css
index fc88151..218fcf5 100644 (file)
 /*!
 /*!
- * 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
  */
  * 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
-}\r
-\r
-td {\r
-    font-size:13px;\r
-}\r
-\r
-a:link, a:visited, a:active {\r
-    color: #0464BB;\r
-    text-decoration:none;\r
-}\r
-a:hover {\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
-}\r
-\r
-/* header styles */\r
-#hd {\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
-}\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
-}\r
-#hd table.nav a, #hd table.main-nav a:hover, #hd table.main-nav a:visited {\r
-    color: #fff;\r
-}\r
-\r
-#hd table.nav a, #hd table.main-nav a span {\r
-    color: #fff;\r
-    display:block;\r
-}\r
-#hd table.nav a {\r
-    line-height:14px;\r
-}\r
-#hd table.nav a span {\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
-}\r
-\r
-/* Main nav */\r
-\r
-\r
-#hd table.main-nav {\r
-    left:15px;\r
-    top:40px;\r
-}\r
-#hd table.main-nav tr {\r
-    height:28px;\r
-}\r
-\r
-#hd table.main-nav a:hover {\r
-    text-decoration:underline;\r
-}\r
-\r
-#hd table.main-nav a:hover span {\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
-}\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
-}\r
-\r
-/* Sub nav */\r
-\r
-#hd .sub-nav {\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
-}\r
-#hd .sub-nav td span {\r
-    color:#777;\r
-}\r
-#hd .sub-nav td a {\r
-    color:#046BCA;\r
-    font-family:tahoma,helvetica,arial,sans-serif;\r
-}\r
-#hd .sub-nav td.spacer {\r
-    padding:0 5px;\r
-}\r
-/* Main header image */\r
-\r
-#hd h1 a {\r
-    background:transparent url(../images/extjs2.png) no-repeat;\r
-    position:relative;\r
-    float:left;\r
-    top: 12px;\r
-    left: 20px;\r
-    height:18px;\r
-    width:227px;\r
-}\r
-#hd h1 a span {\r
-    display:none;\r
-}\r
-\r
-/* body styles */\r
-\r
-#bd {\r
-    margin:5px 15px 0;\r
-    zoom:1;\r
-}\r
-\r
-#bd p {\r
-    margin-top:8px;\r
-    margin-bottom:8px;\r
-}\r
-\r
-#bd br {\r
-    font-size:10px;\r
-    line-height:10px;\r
-}\r
-\r
-#bd .left-column {\r
-    width:700px;\r
-    float:left;\r
-}\r
-#bd .right-column {\r
-    width:200px;\r
-    float:left;\r
-    margin-left:20px;\r
-}\r
-#bd .right-column p {\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
-}\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
-}\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
-}\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
-}\r
-\r
-#bd .box {\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
-}\r
-#ft table.nav {\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
-}\r
-\r
-#ft div.copy {\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
-}\r
-ul.features li,  .content-box ul li, .side-box ul li {\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
-}\r
-.flyout-menu a {\r
-    color:#046BCA;\r
-}\r
-.flyout-menu p {\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
-}\r
-.flyout-menu h3 {\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
-}\r
-.flyout-menu li {\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
-}\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
-}\r
-.rss a:hover {\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
-}\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
-}\r
-#bd div.side-box-inner h5 {\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
-}\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
-}\r
-#bd div.big-box-inner h5 {\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
-}\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
-}\r
-\r
-\r
-div.content-box {\r
-    width:700px;\r
-}\r
-div.content-box p {\r
-    margin-left:5px;\r
-    margin-right:5px;\r
-}\r
-#bd div.content-box ul.features {\r
-    margin-left:20px;\r
-}\r
-#bd .content-box h5 {\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
-}\r
-table.license {\r
-   margin-left:5px;\r
-}\r
-table.license, table.license td {\r
-   border-collapse: separate;\r
-   border: 0 none !important;\r
-   font-size:12px;\r
-}\r
-table.license td {\r
-   padding:0 5px 5px;\r
-}\r
-\r
-.order-type {\r
-   float:left;\r
-   width:300px;\r
-   margin:10px;\r
-   font-size:11px;\r
-}\r
-\r
-#bd .order-complete {\r
-\r
-}\r
-#bd .order-complete p {\r
-   margin-left:0;\r
-}\r
-\r
-#commercial table.order-review {\r
-   border-collapse: separate;\r
-   margin-left:10px;\r
-   font-size:12px;\r
-}\r
-#commercial table.order-review td {\r
-   padding:5px 20px 5px 5px;\r
-   vertical-align:top;\r
-}\r
-#commercial table.order-review tr.tsep td {\r
-   border-top:1px dotted #ddd;\r
-}\r
-#commercial h3 {\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
-}\r
-\r
-\r
-a.buynow {\r
-    text-decoration:none;\r
-    padding:4px 7px;\r
-    border:1px solid;\r
-    border-color:#ddd #bbb #bbb #ddd;\r
-    background:#eee;\r
-    font:bold 11px tahoma, arial, helvetica, sans-serif;\r
-    color:#333 !important;\r
-    cursor:pointer;\r
-    margin:0 2px;\r
-    display:block;\r
-    float:right;\r
-}\r
-\r
-a.buynow:hover, a.buynow:hover {\r
-    text-decoration:none;\r
-    border-color:#ccc #bbb #bbb #ccc;\r
-    background-position:0 2px;\r
-    background-color:#fafafa;\r
-}\r
-\r
-.saleprice, b.sale, .sale-msg strong{\r
-    color: #c33;\r
-}\r
-\r
-/* comparison table */\r
-\r
-.compare {\r
-\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
-}\r
-.compare td {\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
-}\r
-.compare td.cfirst, .compare th.cfirst {\r
-    text-align:left;\r
-}\r
-.compare td.cfirst {\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
-}\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
-}\r
-.compare tr.cfoot td {\r
-    background:#fff;\r
-    padding-left:2px;\r
-    padding-right:2px;\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
-}\r
-\r
-.compare sup {\r
-    margin-left:3px;\r
-    font-size:10px;\r
-}\r
-.compare-info {\r
-    font-size:11px;\r
-    padding:10px;\r
-}\r
-\r
-/* downloads */\r
-\r
-table.dl {\r
-    width:650px;\r
-}\r
-\r
-table.dl td {\r
-    padding:5px;\r
-    vertical-align:top;\r
-}\r
-\r
-.expandable {\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
-}\r
-.expandable-body-inner{\r
-    zoom:1;\r
-}\r
-\r
-.expandable-body dd {\r
-    float:left;\r
-    width:300px;\r
-    padding:5px;\r
-}\r
-\r
-.training-info {\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
-}\r
-\r
-#msg-ct {\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
-}\r
-#msg-inner {\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
-}\r
-\r
-#msg img {\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
+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; }
+