/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://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: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	color:#555;
	line-height:20px;
	background-color:#fff;
	text-align:center;
	margin:0;padding:0;border:0;
	margin-left: auto;
    margin-right: auto;
}

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 {
	
	text-align:left;
        
	
}

/* header styles */
#hd {
	/*background:transparent url(lib/ext-2.2/examples/shared/extjs/images/topbar.png) no-repeat 10px bottom;*/
   	height:58px;
    WIDTH:950PX;
   	position:relative;
    LEFT:250PX;
    top:-40px;
    margin-left: auto;
    margin-right: auto;
}

#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: #000;
	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-size:12px;
}

/* Main nav */


#hd table.main-nav {
	left:15px;
	top:5px;
}
#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(lib/ext-2.2/examples/shared/extjs/images/nav-left.png) repeat-x;
	text-decoration:none;
}

#hd table.main-nav td.active a span {
	background:transparent url(lib/ext-2.2/examples/shared/extjs/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:72px;
	height:21px;
}
#hd .sub-nav td {
	font-size:11px;
	color:#777;
}
#hd .sub-nav td span {
	color:#777;
}
#hd .sub-nav td a {
	color:#046BCA;
}
#hd .sub-nav td.spacer {
	padding:0 5px;
}
/* Main header image */

#hd h1 a {
    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-size:18px;
	font-weight:normal;
	color: #385F95;
	margin:7px 0;
}
#bd h4 {
	font-size:14px;
	font-weight:bold;
	color: #555;
	margin:5px 0;
}
#bd h5 {
	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(lib/ext-2.2/examples/shared/extjs/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(lib/ext-2.2/examples/shared/extjs/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:#191919;
	padding:10px 15px;
	text-align:left;
	border:1px solid #000;
}
.flyout-menu a {
	color:#fff;
}
.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(lib/ext-2.2/examples/shared/extjs/images/home/rss.gif) no-repeat 0 -14px;
}
.rss a:hover {
	background-position: 0 0;
}

/* side boxes */

div.side-box {
	background: transparent url(lib/ext-2.2/examples/shared/extjs/images/side-box.png) no-repeat;
	padding-top:9px;
	width:200px;
	margin-bottom:20px;
	/*zoom:1;*/
}
div.side-box-inner {
	background: transparent url(lib/ext-2.2/examples/shared/extjs/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(lib/ext-2.2/examples/shared/extjs/images/big-box.png) no-repeat;
	padding-top:12px;
	width:700px;
	margin-bottom:20px;
}
div.big-box-inner {
	background: transparent url(lib/ext-2.2/examples/shared/extjs/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(lib/ext-2.2/examples/shared/extjs/images/full-box.png) no-repeat;
	padding-top:12px;
	width:920px;
}
div.full-box-inner {
	background: transparent url(lib/ext-2.2/examples/shared/extjs/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(lib/ext-2.2/examples/shared/extjs/images/med-shd.png);
	padding-left:10px;
}

/* Store */

#commercial strong {
	font-size: 12px;
	margin: 0 0 0 0;
	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(lib/ext-2.2/examples/shared/extjs/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 ;
    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(lib/ext-2.2/resources/images/default/grid/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-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(lib/ext-2.2/examples/shared/extjs/images/msg-bg.png);
	color:#777;
	font-size:10px;
	cursor:pointer;
	visibility:hidden;
}
#msg-inner {
	padding:5px 10px 0;
	/*zoom:1;*/
	line-height:12px;
	text-align:left;
}
.msg-over {
	color:#789030 !important;
}

#msg img {
	width:19px;
	height:19px;
}

.nav {
    width: 960px;
}

.topnav {
   position:absolute;
   left:-200px;
   top:-200px;
   background:#fff;
   padding:10px 15px;
   text-align:left;
   border:1px solid #aaa;
}
#wrap {
/*
min-height:100%;
width:905px;
border:1px solid #000;
background:#ccc;
*/
margin:-1px auto 0;


border-bottom:0;
}
* html #wrap {
height:100%;
}
/* ---------- Mega Drop Down --------- */
#mega {
list-style:none;
font-weight:normal;
height:2em;
margin:10px 0px 0 0;
}
#mega ul{
	list-style-image:url('images/ai1.png');

}
#mega li {
	/*
background:#999;
border:1px solid #000;
*/

float: left;
	width: 100px;
	text-align: left;
	position: relative;
}
#mega li:hover {
/*
background:#eee;
border-bottom:0;
padding:7px 0 1px 0;
margin-top:-7px;
*/

z-index:1; /* shadow above adjacent li */
}
#mega a {
      color:#fff;
      /*
      outline:0;
      */
      text-decoration:none;
      width:100px;
      line-height:2em;
      display: block;
}

/* ----------- Hide/Show Div ---------- */
#mega div {
      position:absolute;
      left:-999em;
      margin-top:1px;
      width:450px;
      /*
      padding:0 10px 10px;
      border:1px solid #000;
      border-top:0;
      font-weight:normal;
      text-align:left;
      background:#eee;
      padding:10px 15px;
      */
	  background:#191919;
	  text-align:left;
	  border:1px solid #000;
}
#mega li:hover div {
      left:-1px;top:auto;
}
#mega li.dif:hover div {
      left:-221px;
}
/* --------- Within Div Styles --------- */
#mega div h2 {
      background:#999;
      font-size:1em;
      padding:0 10px;
      margin:10px 0 5px 0;
      clear:both;
      float:left;
      width:330px;
      position:relative; /* makes above drop shadow */
}
#mega div p {
      float:left;
      width:106px;
      padding-left:10px;
      position:relative; /* makes above drop shadow */
}
#mega div p a {
      text-decoration:underline;
      float:left;
      clear:left;
      width:100%; /* For IE6/7 */
      line-height:1.4;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
      text-decoration:none;
}

#mega div .s1, #mega div .s2, #mega div .s3 {
      position:absolute;
      width:100%;
      height:100%;
}
#mega div .s1 {
      top:1px;
      right:-9px;
}
#mega div .s2 {
      bottom:-9px;left:1px;
}
#mega div .s3 {
      top:9px;
      right:-9px;
}
#mega li:hover .s4 {
      position:absolute;
      top:0;
      right:-9px;
      height:100%;
      padding:0 8px 0 0;
}
* html #mega li:hover .s4 {
       background:none;
}
#mega li:hover .dif-s4 {
      padding-bottom:9px
}