-/*\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.1.1
+ * Copyright(c) 2006-2010 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
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
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
}\r
\r
.saleprice, b.sale, .sale-msg strong{\r
- color: #c33;\r
+ color: #c33;\r
}\r
\r
/* comparison table */\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
+ 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