/*!
 * 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: 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; }

