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:12px;
	color:#555;
	line-height:18px;
	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(../gfx/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(../gfx/nav-left.png) repeat-x;
	text-decoration:none;
}

#hd table.main-nav td.active a span {
	background:transparent url(../gfx/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(../gfx/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: verdana,arial,sans-serif;
	font-size:18px;
	letter-spacing:-1px;
	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;
	line-height:20px;
	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(../gfx/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;
	color:gray;
}

/* feature list */
ul.features, .content-box ul, .side-box ul {
	margin-left:15px;
	list-style-image: url(../gfx/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 #ccc;
	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(../gfx/rss.gif) no-repeat 0 -14px;
}
.rss a:hover {
	background-position: 0 0;
}

/* side boxes */

div.side-box {
	background: transparent url(../gfx/side-box.png) no-repeat;
	padding-top:9px;
	width:200px;
	margin-bottom:20px;
	zoom:1;
}
div.side-box-inner {
	background: transparent url(../gfx/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(../gfx/big-box.png) no-repeat;
	padding-top:12px;
	width:700px;
	margin-bottom:20px;
}
div.big-box-inner {
	background: transparent url(../gfx/big-box.png) no-repeat 0 bottom;
	padding:0 15px 12px;
	font-size:12px;
}
div.big-box-solid {
	background: transparent url(../gfx/big-box-solid.png) no-repeat;
	padding-top:8px;
	width:700px;
	margin-bottom:20px;
}
div.big-box-solid-inner {
	background: transparent url(../gfx/big-box-solid.png) no-repeat 0 bottom;
	padding:0 15px 5px;
	font-size:12px;
	color:#555577;
}
#bd div.big-box-inner h5 {
	background:transparent !important;
	padding-top:0;
}

div.full-box {
	background: transparent url(../gfx/full-box.png) no-repeat;
	padding-top:12px;
	width:920px;
}
div.full-box-inner {
	background: transparent url(../gfx/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(../gfx/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(../gfx/inner-hd.png) repeat-x;
	border: 1px solid #efefef;
}

#store .sale-banner {
	background:#FFE;
	border:1px solid #FF9;
	padding:0 10px 5px;
	margin:10px 0;
	font:normal 11px/16px arial, tahoma, helvetica, sans-serif;
}
#store .sale-banner h4 {
	color:#C33;
	background:none;
	border:0;
}
#store .sale-banner p {
	padding-left:10px;
}


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(../js/lib/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;
}

/* contact us */

.contact-list {
	margin-top: 5px;
}
.contact-list td {
	vertical-align:top;
	padding: 5px 10px 10px;
}
.contact-list li {
	margin-top:0 !important;
}
.contact-list strong {
	font-weight:bold;
}

/* 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(../gfx/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;
}

#gsearch-box {
	color:#999;
}
.gs-active #gsearch-box {
	color:#333;
}

.ext-ie #gsearch-box {
	height:18px;
	position:relative;
	left:0;
	top:-2px;
}

/* Show bullets in forum lists */
#posts ul {
	list-style-type: disc;
}
#posts ol {
	list-style-type: decimal;
}

#bd .entry h3 {
	margin-top: 15px;	
}

#samples {
    width: 902px;
    height: 373px;
    background: #fff url(../gfx/bg.png) no-repeat;
    position:relative;
	left:0;
	top:0;
	margin-bottom:10px;
	margin-top:15px;
	margin-left:2px;
	font-family:tahoma,arial,sans-serif;
}
#sample-menu {
    position:absolute;
    left:30px;
    top:42px;
    width:186px;
    overflow:visible;
	font-family:arial,tahoma,sans-serif;
	z-index:1;
}
#sample-menu-inner {
    /*border:1px solid;
    border-color:#7095c4 #3e6598 #3e6598 #7095c4;*/
	zoom:1;
}
#sample-menu a {
	text-align:right;
    color:#fff;
    font-size:12px !important;
	line-height:16px;
	padding:5px 0 3px;
    cursor:pointer;
	display:block;
	padding-right:16px;
	-moz-outline:none;
	outline: 0 none;
	zoom:1;
	/*border:1px solid #fff;*/
}

#sample-menu a:hover {
    background: transparent url(../gfx/over-item.png) no-repeat;
	text-decoration: none;
}

.ext-ie #sample-menu a:hover {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/over-item.png', sizingMethod='scale');
}

#sample-menu a.active {
    background: transparent url(../gfx/active-item.png) no-repeat;
	text-decoration: none;
	color:#1860A8;
	font-weight:bold;
}

.ext-ie #sample-menu a.active {
	background:transparent !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/active-item.png', sizingMethod='scale') !important;
}

#sample-menu a img {
	background-image: url(../gfx/icons.gif);
	background-repeat: no-repeat;
	width:16px;
	height:16px;
	margin:0 4px 0 0;
	vertical-align:top;
	display:none;
}

#sample-menu h4 {
	display:none;
	font-size:11px !important;
	font-weight:bold;
	font-family:tahoma,arial,sans-serif;
	color:#284F85;
	margin:0;
	padding:4px;
	line-height:16px;
	background:transparent url(../js/lib/resources/images/default/panel/top-bottom.gif) repeat-x 0 -1px;
	border-bottom:1px solid #89a8cf;
}

.ext-ie #sample-menu a img {
	vertical-align:middle;
}

#sample-menu .sample-inactive-over span {
    text-decoration:underline;
}
#sample-box {
    position:absolute;
    left:215px;
    top:12px;
    line-height:14px;
    font-size:11px;
	background-color:#fff;
    border-style:solid;
    border-color:#fff;
	border-width: 0;
}
#sample-box-inner {
    width:675px;
	height:350px;
    line-height:14px;
    font-size:11px;
	background-color:#fff;
    border:1px solid;
    border-color:#3e6598 #3e6598 #3e6598 #3e6598;
	overflow:auto;
}

#sample-ct {
    padding:2px;
}

#sample-ct p i {
    color: #c33;
	font-style:normal;
	font-weight:bold;
}

#sample-ct h2 {
    border-bottom: 2px solid #99bbe8;
    cursor:pointer;
    padding-top:6px;
	-moz-user-select:none;
	-khtml-user-select:none;
}
#sample-ct h2 div {
    background:transparent url(../js/lib/resources/images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
    padding:4px 4px 4px 17px;
    color:#3764a0;
    font:bold 11px tahoma, arial, helvetica, sans-serif;
}
#sample-ct .collapsed h2 div {
    background-position: 3px 3px;
}
#sample-ct .collapsed dl {
    display:none;
}

#sample-ct dd {
    float:left;
    width:300px;
    height:100px;
    margin:5px 5px 5px 10px;
    cursor:pointer;
    zoom:1;
}
#sample-ct dd img {
    width:120px;
    height:90px;
    margin:5px 0 0 5px;
    float:left;
}

#sample-ct dd div {
    float:left;
    width:160px;
    margin-left:10px;
}

#sample-ct dd h4 {
    font-family:tahoma,arial,san-serif;
    color:#555;
    font-size:11px;
    font-weight:bold;
}
#sample-ct dd p {
    color:#777;
}
#sample-ct dd.over {
    background: #ebf7d2 url(../js/lib/examples/shared/extjs/images/sample-over.gif) no-repeat;
}

.icon-apps {
	background-position: 0 0;
}
.icon-grid {
	background-position: 0 -16px;
}
.icon-tree {
	background-position: 0 -32px;
}
.icon-win {
	background-position: 0 -112px;
}
.icon-misc {
	background-position: 0 -144px;
}
.icon-layout {
	background-position: 0 -48px;
}
.icon-combo {
	background-position: 0 -64px;
}
.icon-form {
	background-position: 0 -80px;
}
.icon-menu {
	background-position: 0 -96px;
}
.icon-tabs {
	background-position: 0 -128px;
}

/* condensed view */

.condensed-view #sample-ct dd {
    float:left;
    width:135px;
    height:114px;
    margin:5px 5px 5px 10px;
    cursor:pointer;
    zoom:1;
	text-align:center;
}
.condensed-view #sample-ct dd img {
    width:120px;
    height:90px;
    margin:5px 2px 0;
    float:none;
}

.condensed-view #sample-ct dd div {
    float:none;
    width:auto;
    margin-left:0;
}

.condensed-view #sample-ct dd h4 {
    font-family:tahoma,arial,san-serif;
    color:#666;
    font-size:11px;
    font-weight:normal;
	text-align:center;
	margin:0;
}
.condensed-view #sample-ct dd p {
    display:none;
}
.condensed-view #sample-ct dd.over {
	background:transparent url(../gfx/sample-over.gif) no-repeat;
}
.condensed-view #sample-ct dd.over h4 {
	color:#1860A8;
}

/* mini view */

.mini-view #sample-ct dd {
    float:left;
    width:75px;
    height:69px;
    margin:5px 5px 5px 10px;
    cursor:pointer;
    zoom:1;
	text-align:center;
}
.mini-view #sample-ct dd img {
    width:60px;
    height:45px;
    margin:5px 2px 0;
    float:none;
}

.mini-view #sample-ct dd div {
    float:none;
    width:auto;
    margin-left:0;
}

.mini-view #sample-ct dd h4 {
    font-family:tahoma,arial,san-serif;
    color:#666;
    font-size:9px;
    font-weight:normal;
	text-align:center;
	margin:0;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.mini-view #sample-ct dd p {
    display:none;
}
.mini-view #sample-ct dd.over {
	background:#ebf7d2;
}
.mini-view #sample-ct dd.over h4 {
	color:#1860A8;
}

#samples-cb {
	position:absolute;
	left:775px;
	top:-10px;
	zoom:1;
	width:97px;
	height:24px;
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	color:#fff;
	background: transparent url(../gfx/details-btn.gif) no-repeat 0 0;
	cursor:pointer;
	white-space:nowrap;
	zoom:1;
	overflow:hidden;
}

.condensed-view #samples-cb {
	background-position: 0 -25px;
}

.mini-view #samples-cb {
	background-position: 0 -50px;
}

#samples-cb img {
	width:32px;
	height:27px;
}