3 * Copyright(c) 2006-2010 Ext JS, LLC
5 * http://www.extjs.com/license
7 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
10 /*font-family: helvetica,arial,tahoma,sans-serif;*/
\r
11 font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
\r
15 background-color:#fff;
\r
17 margin:0;padding:0;border:0;
\r
24 a:link, a:visited, a:active {
\r
26 text-decoration:none;
\r
30 text-decoration: underline;
\r
33 /* main document center */
\r
42 background:transparent url(../images/topbar.png) no-repeat 10px bottom;
\r
53 #hd table.nav tr td {
\r
58 #hd table.nav a, #hd table.main-nav a:hover, #hd table.main-nav a:visited {
\r
62 #hd table.nav a, #hd table.main-nav a span {
\r
69 #hd table.nav a span {
\r
70 padding:6px 15px 7px 15px;
\r
72 #hd table.nav a span {
\r
73 font-family:tahoma,helvetica,arial,sans-serif;
\r
80 #hd table.main-nav {
\r
84 #hd table.main-nav tr {
\r
88 #hd table.main-nav a:hover {
\r
89 text-decoration:underline;
\r
92 #hd table.main-nav a:hover span {
\r
93 text-decoration:underline;
\r
96 #hd table.main-nav td.active a {
\r
97 background:transparent url(../images/nav-left.png) repeat-x;
\r
98 text-decoration:none;
\r
101 #hd table.main-nav td.active a span {
\r
102 background:transparent url(../images/nav-right.png) no-repeat right 0;
\r
104 padding:7px 15px 6px 15px;
\r
105 text-decoration:none;
\r
119 font-family:tahoma,helvetica,arial,sans-serif;
\r
121 #hd .sub-nav td span {
\r
124 #hd .sub-nav td a {
\r
126 font-family:tahoma,helvetica,arial,sans-serif;
\r
128 #hd .sub-nav td.spacer {
\r
131 /* Main header image */
\r
134 background:transparent url(../images/extjs2.png) no-repeat;
\r
167 #bd .right-column {
\r
172 #bd .right-column p {
\r
178 font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
\r
180 font-weight:normal;
\r
185 font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
\r
192 font-family: "Trebuchet MS", Tahoma,arial,sans-serif;
\r
193 background-color:#F1F1F1;
\r
198 text-transform:uppercase;
\r
201 #bd .big-box h5.alt {
\r
204 border-bottom:1px solid #eee;
\r
209 padding: 3px 5px 15px;
\r
216 background: transparent url(../images/ft-bg.png) no-repeat center 0;
\r
223 #ft table.nav a, #ft table.nav a:hover, #ft table.nav a:visited {
\r
227 padding:5px 15px 0;
\r
232 padding:10px 0 25px;
\r
237 ul.features, .content-box ul, .side-box ul {
\r
239 list-style-image: url(../images/c-sep-l.gif);
\r
241 ul.features li, .content-box ul li, .side-box ul li {
\r
253 border:1px solid #aaa;
\r
254 font-family: helvetica,arial,tahoma,sans-serif;
\r
275 list-style-type: square;
\r
287 margin: 3px 3px 0 0;
\r
293 background: transparent url(../images/home/rss.gif) no-repeat 0 -14px;
\r
296 background-position: 0 0;
\r
302 background: transparent url(../images/side-box.png) no-repeat;
\r
305 margin-bottom:20px;
\r
308 div.side-box-inner {
\r
309 background: transparent url(../images/side-box.png) no-repeat 0 bottom;
\r
310 padding:0 15px 5px;
\r
314 #bd div.side-box-inner h5 {
\r
315 background:transparent !important;
\r
321 background: transparent url(../images/big-box.png) no-repeat;
\r
324 margin-bottom:20px;
\r
326 div.big-box-inner {
\r
327 background: transparent url(../images/big-box.png) no-repeat 0 bottom;
\r
328 padding:0 15px 12px;
\r
331 #bd div.big-box-inner h5 {
\r
332 background:transparent !important;
\r
337 background: transparent url(../images/full-box.png) no-repeat;
\r
341 div.full-box-inner {
\r
342 background: transparent url(../images/full-box.png) no-repeat 0 bottom;
\r
343 padding:0 15px 10px;
\r
351 div.content-box p {
\r
355 #bd div.content-box ul.features {
\r
358 #bd .content-box h5 {
\r
359 background-image: url(../images/med-shd.png);
\r
365 #commercial strong {
\r
368 font-family:tahoma,verdana,helvetica,sans-serif;
\r
375 table.license, table.license td {
\r
376 border-collapse: separate;
\r
377 border: 0 none !important;
\r
391 #bd .order-complete {
\r
394 #bd .order-complete p {
\r
398 #commercial table.order-review {
\r
399 border-collapse: separate;
\r
403 #commercial table.order-review td {
\r
404 padding:5px 20px 5px 5px;
\r
405 vertical-align:top;
\r
407 #commercial table.order-review tr.tsep td {
\r
408 border-top:1px dotted #ddd;
\r
414 #store .big-box h4 {
\r
419 background:#efefef url(../images/inner-hd.png) repeat-x;
\r
420 border: 1px solid #efefef;
\r
425 text-decoration:none;
\r
428 border-color:#ddd #bbb #bbb #ddd;
\r
430 font:bold 11px tahoma, arial, helvetica, sans-serif;
\r
431 color:#333 !important;
\r
438 a.buynow:hover, a.buynow:hover {
\r
439 text-decoration:none;
\r
440 border-color:#ccc #bbb #bbb #ccc;
\r
441 background-position:0 2px;
\r
442 background-color:#fafafa;
\r
445 .saleprice, b.sale, .sale-msg strong{
\r
449 /* comparison table */
\r
458 border:1px solid #dddddd;
\r
460 background:#083772;
\r
466 border:1px solid #dddddd;
\r
469 .compare th.cfirst {
\r
472 .compare td.cfirst, .compare th.cfirst {
\r
475 .compare td.cfirst {
\r
478 .compare td.ctitle {
\r
481 background:#ececec;
\r
486 .compare tr.cprice td,.compare tr.cfoot td {
\r
489 border:1px solid #dddddd;
\r
490 border-collapse:collapse;
\r
492 background:#c3daf9 url(/themes/ext/resources/images/grid-hrow.gif) repeat-x;
\r
493 vertical-align:top;
\r
495 .compare tr.cfoot td {
\r
501 .compare tr.cfoot td a {
\r
505 .compare tr.corder-note td {
\r
526 vertical-align:top;
\r
530 background:#F7F7F7;
\r
532 border:1px solid #DEDEDE;
\r
540 .expandable-body-inner{
\r
544 .expandable-body dd {
\r
555 font-family:tahoma,helvetica,arial,sans-serif;
\r
572 background-image:url(../images/msg-bg.png);
\r
574 font-family:tahoma,helvetica,arial,sans-serif;
\r
580 padding:5px 10px 0;
\r
586 color:#789030 !important;
\r
595 * Ext.App#setAlert message-box styles.
\r
597 .app-msg .x-box-mc {
\r
600 .x-icon-text { background-repeat: no-repeat; padding-left: 20px; }
\r
601 .icon-status-ok { background-image: url(../../icons/fam/accept.png) !important; }
\r
602 .icon-status-error { background-image: url(../../icons/fam/error.png) !important; }
\r
603 .icon-status-notice { background-image: url(../../icons/fam/information.png) !important; }
\r