@charset "UTF-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{

margin:0;

padding:0;

border:0;

outline:0;

font-size:100%;

vertical-align:baseline;

background:transparent

}

.mailto {

color:#66ab16;

color:#5383a8;


}

body{

line-height:1

}

ol,ul{

list-style:none

}

blockquote,q{

quotes:none

}

blockquote:before,blockquote:after,q:before,q:after{

content:'';

content:none

}

a:active,a:focus{

outline:0

}

ins{

text-decoration:none

}

del{

text-decoration:line-through

}

mark{

background-color:#ff9;

color:#000;

font-style:italic;

font-weight:bold

}

abbr[title],dfn[title]{

border-bottom:1px dotted #000;

cursor:help

}

table{

border-collapse:collapse;

border-spacing:0

}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{

display:block

}

nav ul{

list-style:none

}

pre{

margin-bottom:1em

}

.clearing:after,.pageblock:after,body.extjs4-preview .page-content section:after,#secondary-nav ul:after,#footer-nav-list:after{

clear:both;

content:'.';

display:block;

height:0px;

visibility:hidden

}

.base-block,#logo a,.theme-list a,.callout.demo-list a,.social-callout .icon-list li a,.categories-block ul li a{

display:block;

width:100%;

height:100%

}

.zero,body.extjs4-preview #extjs-4-charting-examples{

list-style:none;

margin:0;

padding:0

}

.last{

border:none !important

}

.dropdown{

background:url(../img/dropdown-arrow-down.png) no-repeat right 55%;

padding-right:14px

}

.rounded,pre,.top-list a{

-moz-border-radius:5px;

-webkit-border-radius:5px;

-o-border-radius:5px;

-ms-border-radius:5px;

-khtml-border-radius:5px;

border-radius:5px

}

.shadow{

-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0

}

.small{

font-size:13px;

line-height:1.2em

}

.light{

color:#808080

}

.bold{

font-weight:bold

}

.type13,.comment,.platforms a{

font-size:13px

}

.type14,dl dd + dt{

font-size:14px

}

.no-bottom{

margin-bottom:0

}

.no-top-padding{

padding-top:0 !important

}

.ee_edit{

position:absolute;

top:-6px;

right:-6px;

z-index:1000

}

* > .ee_edit{

display:none

}

*:hover > .ee_edit{

display:block

}

.columns .ee_edit{

right:2px;
top:6px

}

.text-center{

text-align:center

}

body{

background:#ededed url(../img/_bg-top.png) repeat-x top center;

color:#434343;

font:14px/1.4em "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

-webkit-font-smoothing:antialiased

}

#header,#content,#footer-content{

margin:0 auto;

width:870px

}

#content-wrapper{

background-color:#f8f8f8

}

#content-wrapper,#footer{

min-width:870px

}

a:link{

color:#126499;
text-decoration:none

}

a:visited{

color:#3378a5;

text-decoration:none

}

a:hover,a:focus{

text-decoration:underline

}

h1,h2,h3,h4,h5,h6{

text-rendering:optimizeLegibility;

line-height:1.0em;

text-shadow:rgba(255, 255, 255, 0.8) 0 1px 1px;


}

h2,h3,h4,h5,h6{

font-weight:bold;

color:#314e64

}

h1{

font-size:26px;

margin-bottom:4px;

font-weight:bold;

color:#66ab16;


}

h2{

font-size:28px;

font-weight:normal;

margin-bottom:8px

}

h2.intro{

padding:20px 0

}

h2 strong{

font-weight:500

}

h3{

font-size:16px;

line-height:20px;

margin-bottom:4px;

margin-top:1em

}

h3 small{

color:#999;

font-weight:normal

}

h4{

margin-top:1em;

font-size:14px;

line-height:16px;

margin-bottom:4px

}

ul h4 a{

display:block

}

h5{

font-size:14px;

margin-bottom:10px

}

h6{

font-size:14px;

margin-bottom:4px

}

p,ul,ol{

margin-bottom:1em

}

nav li{

float:left

}

h2.alt{

border-bottom:1px solid #dddddd;

padding-bottom:8px

}

.klavika,h2,blockquote.pullquote,.top-block h1,.social-callout p.between,.home-features h2,.feature-block h2,.home-products h2,.usedby-callout h4,.testimonials blockquote p{

font-family:"klavika-web-1", "klavika-web-2", sans-serif;

font-weight:200 !important

}

.wf-loading .klavika,.wf-loading h2,.wf-loading blockquote.pullquote,.wf-loading .top-block h1,.top-block .wf-loading h1,.wf-loading .social-callout p.between,.social-callout .wf-loading p.between,.wf-loading .home-features h2,.home-features .wf-loading h2,.wf-loading .feature-block h2,.feature-block .wf-loading h2,.wf-loading .home-products h2,.home-products .wf-loading h2,.wf-loading .usedby-callout h4,.usedby-callout .wf-loading h4,.wf-loading .testimonials blockquote p,.testimonials blockquote .wf-loading p{

visibility:hidden

}

.weight-normal,.usedby-callout h4{

font-weight:normal !important

}

ul{

list-style:square;
margin-left:18px

}

ol{

list-style:decimal;

margin-left:18px

}

.sidebar ul li{

margin-bottom:8px

}

.left,.alignleft,.glossy_left{

display:block;

float:left;

margin-right:16px;

margin-bottom:12px

}

.right,.alignright,.glossy_right{

display:block;

float:right;

margin-left:16px;

margin-bottom:12px

}

.top-block .left,.top-block .alignleft,.top-block .right,.top-block .alignright{

margin-bottom:0

}

.aligncenter{

margin:1em auto;

text-align:center;

display:block

}

dl dt{

color:#5383a8;

font-size:16px;

line-height:22px;

font-weight:bold;

line-height:1.2em;

margin-bottom:8px;

margin-top:8px

}

dl dd{

padding-right:20px;

margin-bottom:1em

}

dl dd + dt{

margin-top:16px

}

.callout h3{

margin-top:0.25em

}

tt,#content pre,code,kbd,samp{

font-family:Menlo, 'Courier New', Courier, monospace

}

pre{

background-color:#f7f7f7;

padding:10px 15px;

margin:1em 0 2em;

border:1px solid #e8e8e8;

color:#314e64

}

.meta,.post footer.author_info,.course table td em{

color:#8f8f8f;

font-style:normal

}

.verymeta{

color:#ccc

}

.errors li{

color:#BC120B

}

.big{

font-size:1.5em;

line-height:1.2em

}

blockquote.pullquote{

font-size:2em;

line-height:1.3em;

float:right;

clear:right;

width:50%;

margin:.7em 0 .7em 1.2em;

color:#999;

position:relative

}

blockquote.pullquote p{

color:#4c8e0e

}

blockquote.pullquote span{

font-size:4em;

position:absolute;

left:-0.37em;

top:.2em;

color:#e8e8e8;


}

@-webkit-keyframes fade-in{

from{
opacity:0;

}

to{
opacity:1;

}


}

@-webkit-keyframes pop-in{

	from{
opacity:0;

		-webkit-transform:scale(0.8) translateY(5px);

	
}

	90%{

		-webkit-transform:scale(1.01);
opacity:1;

	
}

	to{
-webkit-transform:scale(1);

	
}


}

@-webkit-keyframes slide-up{

	from{

		opacity:0;

		-webkit-transform:translateY(15px);

	
}

	to{

	opacity:1;

	-webkit-transform:translateY(0);

	
}


}
@-webkit-keyframes drop-in{

	from{

		-webkit-transform:translateY(-15px);
opacity:0;

	
}

	to{

		-webkit-transform:translateY(0);
opacity:1;

	
}


}

.home-carousel{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.25s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0s;


}

.top-content .left,.top-content .alignleft,.top-content .video,.top-content .right,.top-content .alignright{

-webkit-animation-name:pop-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0s;


}

.top-content h2{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0.2s;


}

.top-content p{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0.3s;


}

.theme-list{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.45s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0;


}

body:not(#blog):not(#store):not(.press):not(.careers):not(.events) .page-content,.home-products{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0.6s

}

body:not(#blog):not(#store):not(.press):not(.careers):not(.events) #secondary-nav{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0.4s

}

.feature-block{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0.6s

}

.feature-block .feature-content{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0.9s

}

.hi_again #nav{

position:relative;

-webkit-animation-name:drop-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0.9s

}

.hi_again #util-nav{

-webkit-animation-name:drop-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:1s

}

.hi_again .top-block h1,.hi_again nav.bc{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0s

}

.hi_again .top-block .button-group{

-webkit-animation-name:fade-in;

-webkit-animation-duration:0.5s;

-webkit-animation-fill-mode:both;

-webkit-animation-delay:0.1s

}

#header{

height:75px;

margin-bottom:36px;

padding-top:36px;

position:relative;

z-index:999

}

#logo-container{

float:left;

width:400px;

height:72px;

position:relative;

left:-13px

}

#logo-container:hover #glow{

opacity:0.83

}

#logo{

background:url(../img/logo-large.png) no-repeat;

float:left;

width:400px;

height:72px;

margin:0;

position:relative;

z-index:99

}

#logo a{

text-indent:-9999px

}

#logo a img{

display:none

}

/*
#glow{

background:url(../img/icon.png) 0 -72px no-repeat;

display:block;

height:72px;

opacity:0;

position:relative;

width:155px;

z-index:1;

-webkit-transition:opacity 0.2s ease-in-out

}
*/
.sencha-base-touch,.item-list li.touch,ul.grid.icons li.touch{

background:url(../img/icon.png) 0 -244px no-repeat

}

.sencha-base-desktop,.item-list li.desktop,ul.grid.icons li.desktop{

background:url(../img/icon.png) 0 -389px no-repeat

}

.sencha-base-gear,.item-list li.gear,ul.grid.icons li.gear{

background:url(../img/icon.png) 0 -528px no-repeat

}

.sencha-base-motion,.item-list li.motion,ul.grid.icons li.motion{

background:url(../img/icon.png) 0 -668px no-repeat

}

.sencha-base-geartool,.item-list li.geartool,ul.grid.icons li.geartool{

background:url(../img/icon.png) 0 -785px no-repeat

}

#content{

background:url(../img/_bg-content.png) no-repeat 50% 0;

padding:16px 16px 40px;

position:relative;

top:-38px

}

#content.alt{

background:none;
padding:0 0 40px

}

.top-block{

position:relative;

overflow:hidden

}

.top-block h1{

border-bottom:1px solid #f1f1f1;

font-size:39px;

font-weight:normal;

margin-bottom:12px;

padding-bottom:2px

}

.top-block h1.alt{

margin-bottom:22px

}

.top-block h1.icon{

padding-left:42px

}

.top-block h1.icon.touch{

background:url(../img/icon.png) 0 -925px no-repeat

}

.top-block h1.icon.desktop{

background:url(../img/icon.png) 0 -983px no-repeat

}

.top-block h1.icon.gears{

background:url(../img/icon.png) 0 -1038px no-repeat

}

.top-block h1.icon.geartool{

background:url(../img/icon.png) 0 -1095px no-repeat

}

.top-block h1.icon.cart{

/*background:url(../img/icon.png) 0 -1149px no-repeat*/
background:url(../img/icon.png) 0px -1204px no-repeat

}

.top-block h1.icon.company{

background:url(../img/icon.png) 3px -1198px no-repeat

}

.top-block h1.icon.motion{

background:url(../img/icon.png) 0 -1238px no-repeat

}

.top-block h1 span{

color:#929292;

font-size:21px;

letter-spacing:-1px

}

.top-block .button-group{

position:absolute;

top:0;

right:0

}

.top-block .video{

margin-right:18px

}

.top-block .video img{

vertical-align:top

}

.top-block .top-content{

color:#434343;

font-size:16px

}

.top-block .top-content h2{

padding-top:64px

}

.top-block .top-content.alt h2{

padding-top:0

}

.top-block.with-bottom{

margin-bottom:18px

}

.page-content + .social-callout{

margin-top:36px

}

.columns{

overflow:hidden

}

.column,.auto_column{

float:left

}

.column.right,.auto_column.right{

float:right

}

.column p,.auto_column p{

margin-bottom:12px

}

.column p + h2,.auto_column p + h2{

margin-top:1em

}

.columns.layout .column:first-child{

width:636px

}

.columns.layout .sidebar{

float:right;

width:200px

}

.columns.layout .sidebar .callout{

background-image:none;

padding:11px

}

.columns.layout.reverse .column:last-child{

width:636px;

float:right

}

.columns.layout.reverse .sidebar{

float:left;

width:200px

}

.sidebar-290 .column:first-child{

width:550px

}

.sidebar-290 .sidebar{

float:right;

width:290px

}

.sidebar-290 .sidebar form.stacked{

padding-left:10px;

padding-right:10px

}

.sidebar-290 .sidebar form.stacked label{

width:80px

}

.sidebar-290 .sidebar form.stacked input,.sidebar-290 .sidebar form.stacked textarea{

width:160px

}

.sidebar-290 .sidebar form.stacked select{

width:172px

}

.sidebar-290 .sidebar form.stacked .note{

font-size:10px

}

.sidebar-290 .sidebar form.stacked .button-group{

padding:0 6px

}

.columns.two .column{

width:419px

}

.columns.two .column:first-child{

margin-right:32px

}

.columns.three .column{

width:268.667px

}

.columns.three .auto_column{

width:30%;

padding-right:3%

}

.columns.three .column + .column{

margin-left:32px

}

.pageblock,body.extjs4-preview .page-content section{

border-top:1px solid #e8e8e8;

margin-bottom:40px;

padding:40px 0

}

.top-list a{

background:white;

border:1px solid #d7d7d7;

display:block;

padding:4px;

margin-bottom:6px;

width:184px;

height:90px

}

.top-list a img{

display:block;

margin:0 auto

}

.numbered-list{

font-size:13px

}

.numbered-list li{

background:url(../img/line-fading.png) no-repeat 100% 100%;

margin-left:32px;

margin-bottom:8px;

padding-top:3px;

padding-bottom:12px;

position:relative

}

.numbered-list .num{

background:url(../img/number-circle.png) no-repeat 0 0;

color:#314e64;

display:block;

font-size:14px;

font-weight:bold;

line-height:1.0em;

padding-top:3px;

text-align:center;

width:23px;

height:23px;

position:absolute;

top:0;
left:-32px

}

.numbered-list.with-images li{

padding-right:114px

}

.numbered-list.with-images li img{

position:absolute;

top:4px;

right:0

}

h2 + .numbered-list{

margin-top:16px

}

.numbered-list + .button-group{

margin:18px 0 0 32px

}

.theme-list{

color:#929292;

font-size:12px;

line-height:1.2em

}

.theme-list li{

float:left;

padding:0 2px 24px

}

.theme-list li + li{

margin-left:30px

}

.theme-list img,.theme-list em{

display:block

}

.theme-list a{

text-decoration:none;
color:#333

}

.theme-list a:focus,.theme-list a:active,.theme-list a:hover{

color:#888

}

.theme-list a:focus img,.theme-list a:active img,.theme-list a:hover img{

background-color:#e8e8e8

}

.theme-list a:focus em,.theme-list a:active em,.theme-list a:hover em{

color:#0d66a3

}

.theme-list img{

margin-bottom:6px;

padding:4px;

-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0

}

.theme-list em{

color:#686868;

font-weight:bold;

font-style:normal

}

.touch .theme-list li + li{

margin-left:60px

}

.callout{

background:white url(../img/_bg-callout.jpg) repeat-x 0 0;

border:1px solid #dfdfdf;

margin-bottom:18px;

padding:18px;
clear:both

}

.callout.plain{

background-image:none

}

.callout.blue{

background-color:#ecf5fc;

background-image:none;

border:1px solid #c7d1d8

}

.callout.gray{

background-color:#eee;

background-image:none;

border:1px solid #ddd

}

.callout.no-padding{

padding:0

}

.feature-list,body.extjs4-preview #extjs-4-charting-examples{

overflow:hidden

}

.feature-list li,body.extjs4-preview #extjs-4-charting-examples li{

color:#686868;

float:left;

font-size:12px;

line-height:1.2em;

width:194px

}

.feature-list li img,body.extjs4-preview #extjs-4-charting-examples li img{

margin-bottom:8px;

-moz-box-shadow:null 0 1px 3px 0;

-webkit-box-shadow:null 0 1px 3px 0;

-o-box-shadow:null 0 1px 3px 0;

box-shadow:null 0 1px 3px 0

}

.feature-list li p,body.extjs4-preview #extjs-4-charting-examples li p{

margin:0

}

.feature-list li + li,body.extjs4-preview #extjs-4-charting-examples li + li{

margin-left:18px

}

.callout.demo-list{

font-size:12px;

overflow:hidden;

padding:8px 12px;

margin-top:3em;

-moz-box-shadow:null 0 1px 1px 0;

-webkit-box-shadow:null 0 1px 1px 0;

-o-box-shadow:null 0 1px 1px 0;

box-shadow:null 0 1px 1px 0

}

.callout.demo-list h3{

margin-bottom:12px;

color:#4c8e0e

}

.callout.demo-list li{

float:left;

text-align:center

}

.callout.demo-list li img{

display:block;

margin-bottom:6px;

-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0

}

.callout.demo-list li + li{

margin-left:22px

}

.plain-excerpt{

position:relative;

padding-bottom:24px;

border-bottom:1px solid #dfdfdf;

margin-bottom:24px

}

.plain-excerpt.small{

padding-bottom:18px;

margin-bottom:18px

}

.avatar{

width:72px;

height:72px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

-o-border-radius:3px;

-ms-border-radius:3px;

-khtml-border-radius:3px;

border-radius:3px

}

.separate-option{

background-color:#efefef;

font-size:12px;

padding:8px 11px;

position:absolute;

top:0;

right:0

}

.separate-option label{

margin-right:6px

}

.separate{

display:none

}

.bigsuccess{

padding:158px 20px 5px;

background:url(../img/checkmark-128.png) center 15px no-repeat

}

.sidebox{

margin-bottom:24px

}

.sidebar p{

line-height:1.3em

}

#nav{

float:right;

margin-top:20px

}

#nav ul{

float:right;

margin-right:-15px

}

#nav li{

height:27px;

-moz-border-radius:4px;

-webkit-border-radius:4px;

-o-border-radius:4px;

-ms-border-radius:4px;

-khtml-border-radius:4px;

border-radius:4px

}

#nav li + li{

background:url(../img/nav-separator.png) no-repeat 0 50%

}

#nav li.active{

background:#bde0f7 url(../img/button-bg.png) repeat-x !important;

cursor:pointer;

border-top:1px solid #d4ebfa;

-moz-box-shadow:rgba(0, 0, 0, 0.5) 0 1px 2px 0;

-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0 1px 2px 0;

-o-box-shadow:rgba(0, 0, 0, 0.5) 0 1px 2px 0;

box-shadow:rgba(0, 0, 0, 0.5) 0 1px 2px 0

}

#nav li.active a.main{

background:url(../img/nav-arrow.png) no-repeat bottom center;

color:#053454;

cursor:pointer;

text-decoration:none;

text-shadow:rgba(255, 255, 255, 0.6) 0 1px 0

}

#nav li.active a.main:focus,#nav li.active a.main:active,#nav li.active a.main:hover{

text-decoration:none

}

#nav li a.main{

color:#f8fcff;

display:block;

font-size:15px;

font-weight:bold;

line-height:1.0em;

text-decoration:none;

height:27px;

padding:5px 15px 4px

}

#nav li a.main:focus,#nav li a.main:active,#nav li a.main:hover{

text-decoration:underline

}

#nav li.with-sub.hover{

position:relative;

z-index:99

}

#nav li.with-sub.hover .main{

background-color:#fcfcfc;

background-image:none;

border:1px solid #fff;

border-bottom:0;

color:#0d66a3;

-moz-border-radius-topleft:4px;

-webkit-border-top-left-radius:4px;

-o-border-top-left-radius:4px;

-ms-border-top-left-radius:4px;

-khtml-border-top-left-radius:4px;

border-top-left-radius:4px;

-moz-border-radius-topright:4px;

-webkit-border-top-right-radius:4px;

-o-border-top-right-radius:4px;

-ms-border-top-right-radius:4px;

-khtml-border-top-right-radius:4px;

border-top-right-radius:4px;

padding-top:4px;

padding-bottom:1px;

padding-left:14px;

padding-right:14px;

height:22px;

position:relative;
z-index:99

}

#nav .pop-nav{

background-color:#fcfcfc;
border:1px solid #fff

}

#nav .pop-nav a{

color:#126499

}

#nav .pop-nav li + li{

background-image:url(../img/nav-sub-div.png);

background-repeat:no-repeat;

background-position:15px 0

}

#util-nav .pop-nav,#nav .pop-nav{

display:none;

float:none;

margin:0;

padding:6px 0;

position:absolute;

top:27px;

left:0;

min-width:175px;

z-index:98;

-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-moz-border-radius-bottomleft:4px;

-webkit-border-bottom-left-radius:4px;

-o-border-bottom-left-radius:4px;

-ms-border-bottom-left-radius:4px;

-khtml-border-bottom-left-radius:4px;

border-bottom-left-radius:4px;

-moz-border-radius-bottomright:4px;

-webkit-border-bottom-right-radius:4px;

-o-border-bottom-right-radius:4px;

-ms-border-bottom-right-radius:4px;

-khtml-border-bottom-right-radius:4px;

border-bottom-right-radius:4px;

-moz-border-radius-topright:4px;

-webkit-border-top-right-radius:4px;

-o-border-top-right-radius:4px;

-ms-border-top-right-radius:4px;

-khtml-border-top-right-radius:4px;

border-top-right-radius:4px

}

#util-nav .pop-nav li,#nav .pop-nav li{

float:none;

height:auto;

margin-right:16px;

margin-bottom:0

}

#util-nav .pop-nav li a,#nav .pop-nav li a{

display:block;

font-size:15px;

font-weight:bold;

min-height:15px;

padding:8px 15px;

height:auto;

white-space:nowrap

}

#util-nav .pop-nav.with-icons a,#nav .pop-nav.with-icons a{

padding-left:60px

}

#util-nav .pop-nav.with-icons li + li,#nav .pop-nav.with-icons li + li{

background-position:60px 0

}

#util-nav .pop-nav.with-icons li.touch a,#nav .pop-nav.with-icons li.touch a{

background:url(../img/icon.png) 16px -1282px no-repeat

}

#util-nav .pop-nav.with-icons li.desktop a,#nav .pop-nav.with-icons li.desktop a{

background:url(../img/icon.png) 16px -1316px no-repeat

}

#util-nav .pop-nav.with-icons li.geartool a,#nav .pop-nav.with-icons li.geartool a{

background:url(../img/icon.png) 16px -1347px no-repeat

}

#util-nav .pop-nav.with-icons li.motion a,#nav .pop-nav.with-icons li.motion a{

background:url(../img/icon.png) 16px -1381px no-repeat

}

#util-nav .pop-nav.with-icons li.tools a,#nav .pop-nav.with-icons li.tools a{

background:url(../img/icon.png) 16px -1411px no-repeat

}

#util-nav .pop-nav.with-icons li.gears a,#nav .pop-nav.with-icons li.gears a{

background:url(../img/icon.png) 16px -1443px no-repeat

}

#util-nav .pop-nav.with-icons li.gear-small a,#nav .pop-nav.with-icons li.gear-small a{

background:url(../img/icon.png) 16px -1479px no-repeat

}

#util-nav .end .pop-nav,#nav .end .pop-nav{

right:0;

left:auto

}

#nav .end .pop-nav{

-moz-border-radius-topright:0;

-webkit-border-top-right-radius:0;

-o-border-top-right-radius:0;

-ms-border-top-right-radius:0;

-khtml-border-top-right-radius:0;

border-top-right-radius:0;

-moz-border-radius-topleft:4px;

-webkit-border-top-left-radius:4px;

-o-border-top-left-radius:4px;

-ms-border-top-left-radius:4px;

-khtml-border-top-left-radius:4px;

border-top-left-radius:4px

}

#util-nav{

color:#cee7f7;

font-size:12px;

line-height:1.0em;

position:absolute;

padding-top:6px;

top:0;

right:0

}

#util-nav li{

padding:0 8px;

position:relative

}

#util-nav li a{

color:inherit;

display:inline-block;

font-weight:bold;

padding:4px 2px;

text-decoration:none

}

#util-nav li a:focus,#util-nav li a:hover,#util-nav li a:active{

color:#fff;

text-decoration:underline

}

#util-nav li .dropdown{

padding-right:14px

}

#util-nav .pop-nav{

width:222px;

position:absolute;

top:20px;

left:-8px;

background-color:#043452;

-moz-border-radius-topright:0;

-webkit-border-top-right-radius:0;

-o-border-top-right-radius:0;

-ms-border-top-right-radius:0;

-khtml-border-top-right-radius:0;

border-top-right-radius:0;

-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0

}

#util-nav .pop-nav ul{

margin:0

}

#util-nav .pop-nav li + li{

border:0

}

#util-nav .pop-nav a{

padding:6px 0

}

#util-nav .pop-nav label{

color:#0a81cc;

display:inline

}

#util-nav .pop-nav input{

font-weight:bold;

background:#ecf5fc;

display:block;

font-size:13px;

margin:3px 0 12px;

padding:8px 3px 5px;

color:#0d66a3;
text-shadow:white 0 1px 0

}

#util-nav .pop-nav input.checkbox{

background-color:transparent;

background-image:none;

border:none;

width:auto;
display:inline

}

#util-nav .pop-nav button{

float:left;

font-family:'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;

font-size:14px;

margin:0 14px 16px 2px

}

#util-nav .pop-nav .register-link{

color:#cee7f7;

font-weight:bold;

margin:0 0 0 11px;

font-size:12px

}

#util-nav #docs-dropdown{

right:0;

width:140px;

left:auto

}

#util-nav #forum_login_form{

padding:4px 16px

}

#util-nav #forum_login_form a{

margin:0

}

#langswitch{

display:block;

position:absolute;

top:6px;

left:0px

}

#util-nav li + li{

border-left:1px solid #064b80

}

#secondary-nav{

font-size:16px;

padding:1px 0 15px;

text-align:center;

z-index:100;

position:relative

}

#secondary-nav ul{

margin:0;

display:inline-block

}

#secondary-nav li{

background-color:#fff;

background-image:url(../img/nav-sub-separator.png);

background-repeat:no-repeat;
background-position:0 50%;

border-top:1px solid #dddddd;

border-bottom:1px solid #dddddd;

height:34px

}

#secondary-nav li:focus,#secondary-nav li:active,#secondary-nav li:hover{

background-color:#fafafa;

background-image:none;

border-left:1px solid #efefef;

border-right:1px solid #efefef

}

#secondary-nav li:focus + li,#secondary-nav li:active + li,#secondary-nav li:hover + li{

background-image:none

}

#secondary-nav li:focus a,#secondary-nav li:active a,#secondary-nav li:hover a{

color:#314e64;
margin:0 -1px

}

#secondary-nav li.active a{

color:#314e64;

font-weight:bold

}

#secondary-nav a{

color:#126499;

display:block;

line-height:1.0em;

padding:8px 20px 0;

text-decoration:none;
height:37px

}

#secondary-nav li:first-child{

-moz-border-radius-topleft:5px;

-webkit-border-top-left-radius:5px;

-o-border-top-left-radius:5px;

-ms-border-top-left-radius:5px;

-khtml-border-top-left-radius:5px;

border-top-left-radius:5px;

-moz-border-radius-bottomleft:5px;

-webkit-border-bottom-left-radius:5px;

-o-border-bottom-left-radius:5px;

-ms-border-bottom-left-radius:5px;

-khtml-border-bottom-left-radius:5px;

border-bottom-left-radius:5px;

border-left:1px solid #dddddd;

margin-left:0

}

#secondary-nav li:first-child a{

margin-left:0 !important

}

#secondary-nav li.end{

-moz-border-radius-topright:5px;

-webkit-border-top-right-radius:5px;

-o-border-top-right-radius:5px;

-ms-border-top-right-radius:5px;

-khtml-border-top-right-radius:5px;

border-top-right-radius:5px;

-moz-border-radius-bottomright:5px;

-webkit-border-bottom-right-radius:5px;

-o-border-bottom-right-radius:5px;

-ms-border-bottom-right-radius:5px;

-khtml-border-bottom-right-radius:5px;

border-bottom-right-radius:5px;

border-right:1px solid #dddddd

}

#secondary-nav li.end a{

margin-right:0 !important

}

#secondary-nav li:first-child,#secondary-nav li.active + li{

background-image:none

}

#secondary-nav li.active{

background-color:#ebf7ff;

background-image:none

}

#secondary-nav li.active a{

background:url(../img/nav-sub-arrow.png) no-repeat 50% 100%

}

nav.bc{

color:#e8e8e8;
padding-bottom:2px;

margin-top:-5px;

font-size:15px

}

nav.bc a{

color:#aaa

}

nav.bc a:hover{

color:#999

}

nav.bc span{

font-size:17px

}

.social-callout{

background-color:#d1ecff;

clear:both;

margin-bottom:36px;

overflow:hidden;

padding:14px 40px

}

.social-callout p,.social-callout .icon-list{

float:left;

margin:4px 0 0

}

.social-callout p:first-child{

color:#313131;

font-size:12px;

margin-top:0;

margin-right:40px

}

.social-callout p:first-child em{

color:#314e64;

display:block;

font-size:15px;

font-style:normal;

font-weight:bold

}

.social-callout p.between{

color:#4a7697;

font-style:italic

}

.social-callout p.between .button-link,.social-callout p.between form button,form .social-callout p.between button,.social-callout p.between #wpLoginattempt,.social-callout p.between #wpMailmypassword{

margin-left:5px;

font-style:normal

}

.social-callout .icon-list{

margin-right:5px

}
.social-callout .icon-list li{

float:left;

width:32px;

height:32px

}

.social-callout .icon-list li a{

text-indent:-9999px

}

.social-callout .icon-list li + li{

margin-left:3px

}

.social-callout .icon-list .facebook{

background:url(../img/social.png)

}

.social-callout .icon-list .linkedin{

background:url(../img/social.png) 0 -32px

}

.social-callout .icon-list .tumblr{

background:url(../img/social.png) 0 -64px

}

.social-callout .icon-list .twitter{

background:url(../img/social.png) 0 -96px

}

.social-callout .icon-list .vimeo{

background:url(../img/social.png) 0 -128px

}

.social-callout .icon-list .rss{

background:url(../img/social.png) 0 -160px

}

#footer{

border-top:1px solid #d5d5d5;

color:#47667b;

font-size:12px;

line-height:1.0em;

padding:20px 0

}

#footer-content{

overflow:hidden

}

#footer-nav-list{

padding:0 0 6px

}

#footer-nav-list li{

padding:0 12px

}

#footer-nav-list li:first-child{

padding-left:0

}

#footer-nav-list li + li{

border-left:1px solid #b9c8d1

}

#footer-nav-list a{

color:inherit;

font-weight:bold;

text-decoration:none

}

#footer-nav-list a:focus,#footer-nav-list a:active,#footer-nav-list a:hover{

text-decoration:underline

}

#copyright{

color:#adadad;

float:right;

text-align:right;

width:220px

}

.button-link,form button,#wpLoginattempt,#wpMailmypassword,a.button-link,a#wpLoginattempt,a#wpMailmypassword{

font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
border-color:#274807 !important;

background:url(../img/button-bg.png) 0 -27px #4c8e0e;

color:#fff;

-webkit-background-clip:padding-box;

border:1px solid #477a09;

display:block;

font-size:15px;

font-weight:bold;

line-height:1.0em;

padding:6px 8px 9px;

text-decoration:none;

text-shadow:rgba(0, 0, 0, 0.3) 0 -1px 0;

-moz-border-radius:3px;

-webkit-border-radius:3px;

-o-border-radius:3px;

-ms-border-radius:3px;

-khtml-border-radius:3px;

border-radius:3px

}

.button-link:hover,form button:hover,#wpLoginattempt:hover,#wpMailmypassword:hover,.button-link:focus,form button:focus,#wpLoginattempt:focus,#wpMailmypassword:focus,.button-link:active,form button:active,#wpLoginattempt:active,#wpMailmypassword:active,a.button-link:hover,a#wpLoginattempt:hover,a#wpMailmypassword:hover,a.button-link:focus,a#wpLoginattempt:focus,a#wpMailmypassword:focus,a.button-link:active,a#wpLoginattempt:active,a#wpMailmypassword:active{

background:url(../img/button-bg.png) 0 -75px #38690a

}

.button-link:active,form button:active,#wpLoginattempt:active,#wpMailmypassword:active,a.button-link:active,a#wpLoginattempt:active,a#wpMailmypassword:active{

position:relative;

top:1px

}

.button-link.arrow span,form button.arrow span,.arrow#wpLoginattempt span,.arrow#wpMailmypassword span,a.button-link.arrow span,a.arrow#wpLoginattempt span,a.arrow#wpMailmypassword span{

background:url(../img/link-down-arrow.png) center right no-repeat;

padding-right:20px

}



.button-link.arrow.small span,form button.arrow.small span,.arrow.small#wpLoginattempt span,.arrow.small#wpMailmypassword span,a.button-link.arrow.small span,a.arrow.small#wpLoginattempt span,a.arrow.small#wpMailmypassword span{

background-image:url(../img/link-down-arrow-small.png)

}

.button-link.arrow.next span,form button.arrow.next span,.arrow.next#wpLoginattempt span,.arrow.next#wpMailmypassword span,a.button-link.arrow.next span,a.arrow.next#wpLoginattempt span,a.arrow.next#wpMailmypassword span{

background-image:url(../img/link-arrow-next.png)

}

.button-link.arrow.previous span,form button.arrow.previous span,.arrow.previous#wpLoginattempt span,.arrow.previous#wpMailmypassword span,a.button-link.arrow.previous span,a.arrow.previous#wpLoginattempt span,a.arrow.previous#wpMailmypassword span{

background:url(../img/link-arrow-previous.png) center left no-repeat;

padding-right:0px;

padding-left:20px

}

.button-link.small,form button.small,.small#wpLoginattempt,.small#wpMailmypassword,a.button-link.small,a.small#wpLoginattempt,a.small#wpMailmypassword{

color:#fff;

font-size:12px;

padding:4px 10px 6px;

-moz-border-radius:3px;

-webkit-border-radius:3px;

-o-border-radius:3px;

-ms-border-radius:3px;

-khtml-border-radius:3px;

border-radius:3px

}

.button-link.grey,form button.grey,form button#wpMailmypassword,.grey#wpLoginattempt,#wpMailmypassword,.button-link#wpMailmypassword,a.button-link.grey,a.grey#wpLoginattempt,a#wpMailmypassword,a.button-link#wpMailmypassword{

border-color:#c2c2c2 !important;

background:url(../img/button-bg.png) 0 -123px #e8e8e8;

color:#516f83

}

.button-link.grey:hover,form button.grey:hover,form button#wpMailmypassword:hover,.grey#wpLoginattempt:hover,#wpMailmypassword:hover,.button-link#wpMailmypassword:hover,.button-link.grey:focus,form button.grey:focus,form button#wpMailmypassword:focus,.grey#wpLoginattempt:focus,#wpMailmypassword:focus,.button-link#wpMailmypassword:focus,.button-link.grey:active,form button.grey:active,form button#wpMailmypassword:active,.grey#wpLoginattempt:active,#wpMailmypassword:active,.button-link#wpMailmypassword:active,a.button-link.grey:hover,a.grey#wpLoginattempt:hover,a#wpMailmypassword:hover,a.button-link#wpMailmypassword:hover,a.button-link.grey:focus,a.grey#wpLoginattempt:focus,a#wpMailmypassword:focus,a.button-link#wpMailmypassword:focus,a.button-link.grey:active,a.grey#wpLoginattempt:active,a#wpMailmypassword:active,a.button-link#wpMailmypassword:active{

background:url(../img/button-bg.png) 0 -168px #d4d4d4

}

.button-link.dark-grey,form button.dark-grey,.dark-grey#wpLoginattempt,.dark-grey#wpMailmypassword,a.button-link.dark-grey,a.dark-grey#wpLoginattempt,a.dark-grey#wpMailmypassword{

border-color:#2f373d !important;

background:url(../img/button-bg.png) 0 -213px #505e68;

padding:4px 8px 6px

}

.button-link.dark-grey:hover,form button.dark-grey:hover,.dark-grey#wpLoginattempt:hover,.dark-grey#wpMailmypassword:hover,.button-link.dark-grey:focus,form button.dark-grey:focus,.dark-grey#wpLoginattempt:focus,.dark-grey#wpMailmypassword:focus,.button-link.dark-grey:active,form button.dark-grey:active,.dark-grey#wpLoginattempt:active,.dark-grey#wpMailmypassword:active,a.button-link.dark-grey:hover,a.dark-grey#wpLoginattempt:hover,a.dark-grey#wpMailmypassword:hover,a.button-link.dark-grey:focus,a.dark-grey#wpLoginattempt:focus,a.dark-grey#wpMailmypassword:focus,a.button-link.dark-grey:active,a.dark-grey#wpLoginattempt:active,a.dark-grey#wpMailmypassword:active{

background:url(../img/button-bg.png) 0 -261px #3e4951

}

.button-link.blue,form button.blue,.blue#wpLoginattempt,.blue#wpMailmypassword,a.button-link.blue,a.blue#wpLoginattempt,a.blue#wpMailmypassword{

border-color:#80b1d3 !important;

background:url(../img/button-bg.png) 0 -309px #b9d4e7;

color:#516f83

}

.button-link.blue:hover,form button.blue:hover,.blue#wpLoginattempt:hover,.blue#wpMailmypassword:hover,.button-link.blue:focus,form button.blue:focus,.blue#wpLoginattempt:focus,.blue#wpMailmypassword:focus,.button-link.blue:active,form button.blue:active,.blue#wpLoginattempt:active,.blue#wpMailmypassword:active,a.button-link.blue:hover,a.blue#wpLoginattempt:hover,a.blue#wpMailmypassword:hover,a.button-link.blue:focus,a.blue#wpLoginattempt:focus,a.blue#wpMailmypassword:focus,a.button-link.blue:active,a.blue#wpLoginattempt:active,a.blue#wpMailmypassword:active{

background:url(../img/button-bg.png) 0 -357px #9bc1dd

}

.button-link.blue:hover,form button.blue:hover,.blue#wpLoginattempt:hover,.blue#wpMailmypassword:hover,a.button-link.blue:hover,a.blue#wpLoginattempt:hover,a.blue#wpMailmypassword:hover{

color:#344754

}

.button-link.dark-blue,form button.dark-blue,.dark-blue#wpLoginattempt,.dark-blue#wpMailmypassword,a.button-link.dark-blue,a.dark-blue#wpLoginattempt,a.dark-blue#wpMailmypassword{

border-color:#073a5c !important;

background:url(../img/button-bg.png) 0 -405px #0d66a3

}

.button-link.dark-blue:hover,form button.dark-blue:hover,.dark-blue#wpLoginattempt:hover,.dark-blue#wpMailmypassword:hover,.button-link.dark-blue:focus,form button.dark-blue:focus,.dark-blue#wpLoginattempt:focus,.dark-blue#wpMailmypassword:focus,.button-link.dark-blue:active,form button.dark-blue:active,.dark-blue#wpLoginattempt:active,.dark-blue#wpMailmypassword:active,a.button-link.dark-blue:hover,a.dark-blue#wpLoginattempt:hover,a.dark-blue#wpMailmypassword:hover,a.button-link.dark-blue:focus,a.dark-blue#wpLoginattempt:focus,a.dark-blue#wpMailmypassword:focus,a.button-link.dark-blue:active,a.dark-blue#wpLoginattempt:active,a.dark-blue#wpMailmypassword:active{

background:url(../img/button-bg.png) 0 -453px #0a4e7d

}

.button-link.grey,form button.grey,form button#wpMailmypassword,.grey#wpLoginattempt,#wpMailmypassword,.button-link#wpMailmypassword,.button-link.blue,form button.blue,.blue#wpLoginattempt,.blue#wpMailmypassword,a.button-link.grey,a.grey#wpLoginattempt,a#wpMailmypassword,a.button-link#wpMailmypassword,a.button-link.blue,a.blue#wpLoginattempt,a.blue#wpMailmypassword{

text-shadow:rgba(255, 255, 255, 0.8) 0 1px 0

}

.button-link.shadow,form button.shadow,.shadow#wpLoginattempt,.shadow#wpMailmypassword,a.button-link.shadow,a.shadow#wpLoginattempt,a.shadow#wpMailmypassword{

-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0

}

.button-link.no-border,form button.no-border,.no-border#wpLoginattempt,.no-border#wpMailmypassword,a.button-link.no-border,a.no-border#wpLoginattempt,a.no-border#wpMailmypassword{
border:0
}
.button-link.inline,form button.inline,form button#wpLoginattempt,form button#wpMailmypassword,#wpLoginattempt,.inline#wpMailmypassword,#wpMailmypassword,.button-link#wpMailmypassword,a.button-link.inline,a#wpLoginattempt,a.inline#wpMailmypassword,a#wpMailmypassword,a.button-link#wpMailmypassword{

display:inline-block

}

.button-group{

padding-bottom:1px

}

.button-group .button-link,.button-group form button,form .button-group button,.button-group #wpLoginattempt,.button-group #wpMailmypassword{

display:inline-block

}

.top-block .button-group .button-link,.top-block .button-group form button,form .top-block .button-group button,.top-block .button-group #wpLoginattempt,.top-block .button-group #wpMailmypassword,.course .button-group .button-link,.course .button-group form button,form .course .button-group button,.course .button-group #wpLoginattempt,.course .button-group #wpMailmypassword{

vertical-align:middle;

margin-left:5px

}

a.more-icon,a.vid-icon,a.pdf-icon,a.doc-icon{

background-repeat:no-repeat;

background-position:right center;

color:#126499;

font-size:12px;

font-weight:bold;

padding-right:16px

}

a.more-icon{

background-image:url(../img/more.png)

}

a.more-icon.alt{

background-image:url(../img/more-dark.png);

color:#000;

line-height:1.0em

}

a.vid-icon{

background-image:url(../img/play-icon.png)

}

a.pdf-icon{

background-image:url(../img/pdf-icon.png)

}

a.doc-icon{

background-image:url(../img/doc-icon.png)

}

table.standard{

font-size:12px;

margin-bottom:18px;

width:100%

}

table.standard thead th{

border-bottom:1px solid #dddddd;

font-size:14px;

font-weight:bold;

line-height:1.1em;

padding-bottom:10px;

text-align:center;

vertical-align:middle;

width:80px

}

table.standard thead th:first-child{

text-align:left;

width:auto

}

table.standard tbody tr.alt td{

background-color:#f1f1f1

}

table.standard tbody td{

background-position:50% 50%;

background-repeat:no-repeat;

border-right:1px solid #dddddd;

text-align:center

}

table.standard tbody td:first-child{

border-left:1px solid #dddddd;
padding:10px 8px 10px 16px;

text-align:left

}

table.standard tbody td.check,table.standard tbody td.dash{

text-indent:-9999px

}

table.standard tbody td.check{

background-image:url(../img/table-check.png)

}

table.standard tbody td.dash{
background-image:url(../img/table-dash.png)

}

table.standard tfoot{
font-size:11px
}

table.standard tfoot td{

border-top:1px solid #dddddd;
padding-top:10px

}

table.foot-right tfoot td{
text-align:right
}

table.with-caption{
border-bottom:1px solid #dddddd
}

table.with-caption caption{
font-size:16px;
font-weight:bold;
padding-bottom:6px;
text-align:left
}

table.training thead th{
padding:6px 0
}

table.training thead th.col-date,table.training thead th.col-info{
padding-left:6px;
text-align:left
}

table.training thead th.col-date{
width:100px
}

table.training thead th.col-info{
width:auto
}

table.training tbody td:first-child{
padding:10px 6px
}

table.training tbody td.with-info{
padding:10px 6px;
text-align:left
}

table.training tbody td.with-info .view-more{
color:#666;
font-size:90%
}

table.training tbody td.with-info .info{
display:none
}

table.training tbody td.with-info .info p{
margin-bottom:0
}

form{
font-size:12px;
line-height:1.4em
}

form p{
margin-bottom:12px
}

form label{
display:block;
font-size:12px;
font-weight:bold;
margin-bottom:3px
}

form .confirm-field{
display:none
}

form input,form textarea{

background:white url(../img/_bg-field-shadow-top.png) repeat-x 0 0;

border:1px solid #ccc;

font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

font-size:14px;

padding:5px 3px 4px;

width:96%;

-moz-border-radius:3px;

-webkit-border-radius:3px;

-o-border-radius:3px;

-ms-border-radius:3px;

-khtml-border-radius:3px;

border-radius:3px;

-moz-transition-property:background-color;

-webkit-transition-property:background-color;

-o-transition-property:background-color;

transition-property:background-color;

-moz-transition-duration:0.2s;

-webkit-transition-duration:0.2s;

-o-transition-duration:0.2s;

transition-duration:0.2s;

-moz-transition-timing-function:ease-in-out;

-webkit-transition-timing-function:ease-in-out;

-o-transition-timing-function:ease-in-out;

transition-timing-function:ease-in-out

}

form textarea{
height:10em
}

form input[type='text']:focus,form input[type='email']:focus,form input[type='tel']:focus,form input[type='password']:focus,form textarea:focus{

background-color:#ffffcc

}

form button{
font-size:12px;
margin:0;
text-align:center;
cursor:pointer
}

form button.disabled,form button.disabled:hover{

cursor:default;

border-color:#80b1d3 !important;

background:url(../img/button-bg.png) 0 -309px #b9d4e7;

color:#516f83;

text-shadow:rgba(255, 255, 255, 0.8) 0 1px 0;

opacity:.5

}
form button.disabled:hover,form button.disabled:focus,form button.disabled:active,form button.disabled:hover:hover,form button.disabled:hover:focus,form button.disabled:hover:active{
background:url( ../img/button-bg.png) 0 -357px #9bc1dd
}

form p.checkbox{
padding-left:20px;
overflow:hidden
}
form p.checkbox label{
display:inline;
text-align:left;
position:relative;
top:2px
}
form p.checkbox input{
border:none;
display:inline;
float:left;
margin-left:-20px;
margin-right:6px;
width:auto
}
form.in-content{
padding:18px 18px 12px
}
form.in-content input,form.in-content textarea{
color:#8e8e8e;
display:inline;
font-size:12px;
padding:4px 6px
}
form.in-content label{
display:block;
float:left;
margin-right:10px;
padding-top:4px;
text-align:right;
vertical-align:top;
width:80px
}
form.in-content label span{
text-align:left
}
form.in-content textarea{
line-height:19px;
padding:6px;
height:11em
}
form.in-content select{
width:185px
}
form.in-content .button-group{
clear:both;
margin:0;
overflow:hidden
}
form.in-content .button-group .note{
display:block;
float:left;
margin-top:8px
}
form.in-content .button-group button{
float:right;
font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight:bold;
padding:6px 8px;
height:auto;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px
}
form.columns.two .column{
width:49%
}
form.columns.two .column:first-child{
margin-right:10px
}
form.columns.two .column input,form.columns.two .column textarea{
width:172px
}
form.columns .row{
clear:both
}
form.columns .row label{
float:none;
text-align:left;
width:auto
}
form.columns .row .checkbox input{
width:auto !important
}
form.stacked label{
width:23%
}
form.stacked input,form.stacked textarea{
width:70%
}
form.alt{
padding-top:12px
}
form.alt .column{
width:294px
}
form.alt .column p{
margin-bottom:3px
}
form.alt .column.alt{
float:right
}
form.alt label{
display:block;
float:none;
text-align:left;
width:auto
}
form.alt .row textarea{
height:10em;
width:618px !important
}
.form-message{
margin-bottom:20px;
padding:7px 15px;
color:#789700;
border:2px solid #dcdcdc;
font-weight:bold
}
.form-message.error{
background-color:#f7c2c2;
border-color:#f39797
}
.form-message p{
margin-bottom:0;
padding-left:18px
}
.form-message .form-message ul{
margin:0;
margin-left:0 !important;
list-style:none
}
.error{
color:#333
}
.error li,label.error{
padding:0 0 0 18px;
margin:3px 0;
font-weight:normal;
background:url(../img/icon_error.gif) no-repeat 0 50%
}
.error span,label span{
color:#c00;
font-weight:bold
}
.required span{
background:url('/img/icon.png?1299094871') 0 -1514px no-repeat;
width:10px;
display:inline-block !important;
text-indent:-9999px
}
button{
cursor:pointer
}
.ux-carousel-container{
overflow:hidden;
position:relative
}
.ux-carousel-slides-wrap{
position:absolute;
top:0;
left:0
}
.ux-carousel-slide{
float:left;
overflow:hidden
}
.ux-carousel-nav{
height:29px;
width:100%;
background-color:#d1ccc7;
position:absolute;
top:0;
left:0;
opacity:0.7;
filter:alpha(opacity=70)
}
.ux-carousel-caption{
display:none
}
.ux-carousel-nav-prev,.ux-carousel-nav-next,.ux-carousel-nav-play{
height:24px;
display:block;
float:right;
margin:2px 0;
background-position:0 24px
}
#ux-lightbox{
position:absolute;
left:0;
width:100%;
z-index:15000;
text-align:center;
line-height:0
}
#ux-lightbox img{
width:auto;
height:auto
}
#ux-lightbox a img{
border:none
}
#ux-lightbox-outerImageContainer{
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;
-o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;
box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
position:relative;
background-color:#fff;
width:250px;
height:250px;
margin:0 auto
}
#ux-lightbox-imageContainer{
padding:10px
}
#ux-lightbox-loading{
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0
}
#ux-lightbox-hoverNav{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10
}
#ux-lightbox-imageContainer > #ux-lightbox-hoverNav{
left:0
}
#ux-lightbox-hoverNav a{
outline:none
}
#ux-lightbox-navPrev,#ux-lightbox-navNext{
width:49%;
height:100%;
background-image:url(data:image/gif;
base64,AAAA);
display:block
}
#ux-lightbox-navPrev{
left:0;
float:left
}
#ux-lightbox-navNext{
right:0;
float:right
}
#ux-lightbox-outerDataContainer{
margin:0 auto;
width:100%
}
#ux-lightbox-dataContainer{
overflow:auto;
line-height:1.4em
}
#ux-lightbox-data{
padding:0 10px;
color:#666
}
#ux-lightbox-data #ux-lightbox-details{
width:80%;
float:left;
text-align:left
}
#ux-lightbox-data #ux-lightbox-caption{
font-weight:bold
}
#ux-lightbox-data #ux-lightbox-imageNumber{
display:block;
clear:left;
padding-bottom:1.0em
}
#ux-lightbox-overlay,#ux-lightbox-shim{
border:0;
position:absolute;
top:0;
left:0;
z-index:14999;
width:100%;
height:500px;
background-color:#fff;
padding:0;
margin:0
}
#ux-lightbox-shim{
z-index:89;
background-color:transparent;
filter:alpha(opacity=0)
}


.blog-search{
width:200px;
position:absolute;
bottom:20px;
right:1px
}

.blog-search label{
visibility:hidden
}

.blog-search input{
border:1px solid #7e7e7e;
padding-right:34px;
width:162px
}

.blog-search button{
font-family:"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
border:none;
margin:0;
padding:0;
text-indent:-9999px;
width:32px;
height:25px;
position:absolute;
bottom:1px;
right:0
}

.blog-search button,.blog-search button:hover,.blog-search button:focus,.blog-search button:active{

background:url(../img/icon.png) 0 -1528px no-repeat;
position:absolute
}

.blog-search button:active{
top:auto;
bottom:0
}

#content.blog{
background-image:url(../img/_bg-content-blog2.png)
}

#content.blog .page-content{
overflow:visible
}

#content.blog .columns .sidebar{
padding-top:22px
}

#content.blog .blog-content{
background-color:#fff;
border-left:1px solid #dedede;
border-bottom:1px solid #dedede;
border-right:1px solid #dedede;
padding:0 16px;
width:100%;
position:relative;
left:-16px;
min-height:600px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-o-border-bottom-left-radius:5px;
-ms-border-bottom-left-radius:5px;
-khtml-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
-o-border-bottom-right-radius:5px;
-ms-border-bottom-right-radius:5px;
-khtml-border-bottom-right-radius:5px;
border-bottom-right-radius:5px
}
#content.blog .blog-content.detail{
padding-top:22px
}
#content.blog .blog-content img{
max-width:100%
}
#content.blog .blog-content pre{
overflow:auto
}
#content.blog .keywords{
color:#4c8e0e;
font-style:italic;
font-weight:bold
}
.post h2{
font-size:30px;
line-height:1.0em
}
.post h3{
font-size:18px;
line-height:20px
}
.post h2,.post h3{
margin-bottom:6px
}
.post.latest{
background:url(../img/_bg-blog-featured.png) no-repeat bottom center;
padding:0 14px 14px;
font-size:15px;
line-height:24px
}
.post.latest h2{
margin-top:6px;
padding-top:12px
}
.post.latest p{
margin-bottom:24px
}
.post.latest .legend{
color:#748693;
font-size:14px;
font-weight:bold;
line-height:1.0em;
margin-bottom:10px
}
.post.latest .legend + h2{
margin-top:0
}
.post footer{
clear:both;
font-size:12px;
text-align:right
}
.post footer a{
color:#314e64;
font-weight:bold
}
.post footer .button-link,.post footer form button,form .post footer button,.post footer #wpLoginattempt,.post footer #wpMailmypassword{
display:inline-block;
vertical-align:middle;
margin-left:12px
}
.post footer .tags{
float:right
}
.post footer .tags em{
color:#a4a4a4;
font-weight:bold
}
.post footer.author_info{
font-size:1.2em;
text-align:left
}
.post footer.author_info a{
color:#0d66a3
}
.post.summary{
padding:12px 0 24px 150px
}
.post.summary + .post.summary,.post.summary.with-top{
border-top:1px solid #dedede
}
.post.summary .thumb{
float:left;
margin-left:-150px;
margin-top:22px
}
.post .meta,.post footer.author_info,.post .course table td em,.course table td .post em{
font-size:13px;
margin-top:0;
margin-bottom:10px !important
}
.email-signup-form{
margin-bottom:20px;
position:relative
}
.email-signup-form h5{
background:url(../img/icon.png) 0 -1551px no-repeat;
padding-left:18px;
margin-bottom:2px
}
.email-signup-form label span{
color:#434343;
display:block;
font-size:12px;
font-weight:normal;
margin-bottom:8px
}
.email-signup-form .email-field{
border:1px solid #7e7e7e;
height:18px;
width:130px;
margin:0
}
.email-signup-form button{
width:auto;
position:absolute;
bottom:0;
right:0;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
-o-border-top-right-radius:3px;
-ms-border-top-right-radius:3px;
-khtml-border-top-right-radius:3px;
border-top-right-radius:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
-o-border-bottom-right-radius:3px;
-ms-border-bottom-right-radius:3px;
-khtml-border-bottom-right-radius:3px;
border-bottom-right-radius:3px
}
.email-signup-form button:active{
position:absolute;
top:auto;
bottom:-1px
}
.email-signup-form p.thanks{
display:none
}
form.email-signup-form.thanks *{
display:none
}
form.email-signup-form.thanks h5,form.email-signup-form.thanks p.thanks{
display:block
}
.ext-gecko3.ext-mac .email-signup-form .email-field{
width:122px
}
.ext-gecko3.ext-mac .email-signup-form button{
padding:3px 8px 6px
}
.side-social{
margin-bottom:12px;
overflow:hidden;
font-size:11px;
font-weight:bold;
margin-top:6px
}
.side-social li{
display:block;
float:left;
width:50%;
margin-bottom:8px
}
.side-social li a{
color:#314e64;
display:block;
line-height:1.0em;
padding:2px 0 3px 22px;
background-position:left center;
background-repeat:no-repeat
}
.side-social li a.facebook{
background:url('../img/social.png') 0 -192px no-repeat
}
.side-social li a.linkedin{
background:url('/img/social.png? ') 0 -208px no-repeat
}
.side-social li a.tumblr{
background:url('../img/social.png') 0 -224px no-repeat
}
.side-social li a.twitter{
background:url('../img/social.png') 0 -240px no-repeat
}
.side-social li a.vimeo{
background:url('../img/social.png') 0 -256px no-repeat
}
.side-social li a.rss{
background:url('/img/social.png? ') 0 -272px no-repeat
}
.categories-block{
background-color:#fff;
border:1px solid #dedede;
font-size:12px;
margin-bottom:20px;
padding:10px
}
.categories-block ul li{
clear:both;
margin:0
}
.categories-block ul li a{
color:#314e64;
padding:3px;
overflow:hidden
}
.categories-block ul li a:hover{
text-decoration:none;
font-weight:bold
}
.categories-block ul li span{
background-color:#ececec;
-moz-box-shadow:white 0 1px 2px 0;
-webkit-box-shadow:white 0 1px 2px 0;
-o-box-shadow:white 0 1px 2px 0;
box-shadow:white 0 1px 2px 0;
font-size:11px;
line-height:1.0em;
padding:2px 10px 3px;
text-align:center;
display:inline-block;
vertical-align:middle;
float:right;
margin-right:4px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px
}
.categories-block ul li span:hover,.categories-block ul li span:active,.categories-block ul li span:focus{
cursor:pointer
}
#share{
border-top:1px solid #dedede;
font-size:12px;
margin:20px -16px 0;
padding:10px 16px;
position:relative
}
#share h5{
float:left;
font-size:12px;
margin:10px 8px 0 0
}
#share .link-to{
position:absolute;
top:20px;
right:16px
}
#share a + a{
margin-left:8px
}
#comments{
margin-top:28px;
margin-left:-17px;
margin-right:-17px
}
#comments h3{
margin-top:0
}
#comments .callout{
margin-bottom:28px
}
.comment{
padding:12px 16px 0;
position:relative;
overflow:hidden
}
.comment + .comment{
border-top:1px solid #eee
}
.comment h4{
font-size:13px;
margin-top:0
}
.comment img.avatar{
width:53px;
height:53px;
float:left;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
margin-bottom:12px
}
.comment .posted{
color:#999;
font-weight:bold;
line-height:1.0em;
position:absolute;
right:16px;
top:12px
}
.comment .comment-body{
margin-left:65px;
margin-right:100px
}
.official_comment h4{
color:#4c8e0e
}
.detail-data{
font-size:12px;
font-weight:bold;
line-height:1.1em
}
.detail-data li{
background-position:0 0;
background-repeat:no-repeat;
min-height:17px;
padding-top:2px;
padding-left:32px
}
.detail-data li + li{
margin-top:10px
}
.detail-data li.responses{
background-image:url(../img/chat-blue.png)
}
.detail-data li.tags{
background-image:url(../img/tags-blue.png)
}
.detail-data li.rss{
background-image:url(../img/rss-blue.png)
}
#comment_form .comment-options .checkbox label{
width:auto
}
#comment_form .button-group{
padding-top:1.5em
}
.noborder{
border:0
}
.company .feature-block{
background:url(../img/_bg-feature-company2.jpg) no-repeat 0 0
}
.team .feature-block{
background:url(../img/_bg-feature-team.jpg) no-repeat 0 0
}
.feature-block.team,.feature-block.overview{
margin-bottom:-20px;
z-index:1;
position:relative
}
.company.events h2{
padding-top:.7em
}
.company.team h2{
padding-top:.7em
}
.company.team .avatar{
position:relative;
top:.2em;
margin-bottom:10px
}
.company.team h3{
margin-top:0
}
.company.team h3 small{
font-size:90%;
padding-left:6px
}
.company.team .person{
position:relative;
padding:12px 0
}
.support-tickets .top-block h2{
margin-top:12px
}
.conference .feature-block.videos{
margin-bottom:-20px;
position:relative;
z-index:1
}
.videos .feature-block{
background:url(../img/conf-videos.jpg) no-repeat 0 0
}
#contest.apps #runnersup .icon{
background:url(../img/bg-x-grad.png) no-repeat 0 0;
-webkit-border-radius:9px;
-moz-border-radius:9px;
-o-border-radius:9px;
border-radius:9px;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.35);
-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.35);
-o-box-shadow:0 1px 2px rgba(0, 0, 0, 0.35);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.35);
display:block;
height:50px;
position:absolute;
top:0;
left:0;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
width:50px
}
#contest.apps #runnersup li:hover .icon{
-webkit-box-shadow:0 0 10px rgba(0, 89, 208, 0.45);
-moz-box-shadow:0 0 10px rgba(0, 89, 208, 0.45);
-o-box-shadow:0 0 10px rgba(0, 89, 208, 0.45);
box-shadow:0 0 10px rgba(0, 89, 208, 0.45)
}

#contest.apps #runnersup .vimeo .icon{
background-image:url(../img/run-vimeo.png)
}

#contest.apps #runnersup .trafiki .icon{
background-image:url(../img/run-trafiki.png)
}

#contest.apps #runnersup .photoexplorer .icon{
background-image:url(../img/run-photoexplorer.png)
}

#contest.apps #runnersup .mobileguestservices .icon{
background-image:url(../img/run-mobileguestservices.png)
}

#contest.apps #runnersup .beattouch .icon{
background-image:url(../img/run-beattouch.png)
}

#contest.apps #runnersup .evolution .icon{
background-image:url(../img/run-evolution.png)
}

#contest.apps #runnersup .worldbank .icon{
background-image:url(../img/run-worldbank.png)
}

#contest.apps #runnersup .bubus .icon{
background-image:url(../img/run-bubus.png)
}

#contest.apps #runnersup .mobiaudit .icon{
background-image:url(../img/run-mobiaudit.png)
}

#contest.apps #runnersup .weddingfile .icon{
background-image:url(../img/run-weddingfile.png)
}

#contest.apps #runnersup .touchnoc .icon{
background-image:url(../img/run-touchnoc.png)
}

#contest.apps #runnersup .touchmahjong .icon{
background-image:url(../img/run-touchmahjong.png)
}

#contest.apps #runnersup h4{
color:#333;
font-size:16px;
margin:0 0 4px
}

#contest.apps #runnersup h4 a{
text-decoration:none
}

#contest.apps #runnersup h4 a span{
background:url(../img/external-arrow.gif) no-repeat 100% 50%;
opacity:0;
padding-right:24px;
-webkit-transition:opacity 0.25s ease-in;
-moz-transition:opacity 0.25s ease-in;
-o-transition:opacity 0.25s ease-in;
transition:opacity 0.25s ease-in;
visibility:hidden
}
#contest.apps #runnersup li:hover a span,#contest.apps #runnersup h4 a:hover span{
opacity:0.4;
visibility:visible
}
#contest.apps #runnersup p{
color:#555;
line-height:16px
}
#contest.apps #runnersup strong.author{
color:#000
}
.download form input{
display:block;
float:left;
margin:0px 10px 0px 0px;
width:74%
}
.extcore.download .download-image,.extjs.download .download-image,.extgwt.download .download-image{
position:absolute;
top:0;
right:53px
}
.extcore.download .second-column,.extjs.download .second-column,.extgwt.download .second-column{
padding-top:40px
}
.touch.download .download-image{
position:absolute;
top:-6px;
right:53px
}
.touch.download .second-column{
padding-top:74px
}
.designer.download .columns,.animator.download .columns{
overflow:auto;
overflow:visible;
position:relative
}
.designer.download .download-image,.animator.download .download-image{
position:absolute;
top:-58px;
right:8px
}
.designer.download .second-column h3,.animator.download .second-column h3{
margin-top:20px
}
.home-features,.feature-block{
overflow:hidden;
border:2px solid #fff;
margin-bottom:23px;
position:relative;
height:310px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;
-o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;
box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;
text-shadow:rgba(255, 255, 255, 0.2) 0 1px 0;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-o-border-top-left-radius:5px;
-ms-border-top-left-radius:5px;
-khtml-border-top-left-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-o-border-top-right-radius:5px;
-ms-border-top-right-radius:5px;
-khtml-border-top-right-radius:5px;
border-top-right-radius:5px;
background-clip:padding-box
}
.home-features .feature-content,.feature-block .feature-content{
background:url(../img/_bg-feature-content.png) repeat 0 0;
padding:80px 18px 0;
width:278px;
background-clip:padding-box;
overflow:hidden;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-o-border-top-right-radius:5px;
-ms-border-top-right-radius:5px;
-khtml-border-top-right-radius:5px;
border-top-right-radius:5px;
position:absolute;
top:0;
bottom:0;
right:0
}
.home-features .feature-content p,.feature-block .feature-content p{
margin-bottom:8px
}
.home-features h2,.feature-block h2{
font-size:30px;
font-weight:normal
}
.home-features ul{
height:312px;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
position:relative
}
.home-features .ux-carousel-slide{
background-clip:padding-box;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-o-border-top-left-radius:5px;
-ms-border-top-left-radius:5px;
-khtml-border-top-left-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-o-border-top-right-radius:5px;
-ms-border-top-right-radius:5px;
-khtml-border-top-right-radius:5px;
border-top-right-radius:5px;
overflow:hidden
}
.home-features ul li{
background-color:#ccc;
background-position:0 0;
background-repeat:no-repeat;
background-clip:padding-box;
display:block;
overflow:hidden;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-o-border-top-left-radius:5px;
-ms-border-top-left-radius:5px;
-khtml-border-top-left-radius:5px;
border-top-left-radius:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-right-radius:5px;
-o-border-top-right-radius:5px;
-ms-border-top-right-radius:5px;
-khtml-border-top-right-radius:5px;
border-top-right-radius:5px;
position:relative;
width:100%;
height:100%
}
.home-features .button-group{
background:url(../img/feature-content-line.png) no-repeat center top;
color:#fff;
font-size:12px;
font-weight:bold;
padding-top:12px
}
.home-features .sencha-touch{
background-image:url(../img/_fpo-feature.jpg)
}


.home-features #feature-nav{

color:#fff;

font-size:10px;

font-weight:bold;

line-height:1.0em;

text-transform:uppercase;

z-index:999;

position:absolute;

bottom:10px;

right:18px

}

.home-features #feature-nav p,.home-features #feature-nav ol{

float:left;

letter-spacing:0;

line-height:1.0em;

margin:0;

vertical-align:top

}

.home-features #feature-nav li{

float:left;

margin-top:1px;

margin-left:4px

}

.home-features #feature-nav li a{

background-image:url(../img/feature-nav-dots.png);

background-position:-16px 0;

background-repeat:no-repeat;

text-indent:-9999px;

vertical-align:middle;

display:block;

width:11px;

height:11px

}

.home-features #feature-nav li .active{

background-position:0 0

}

.feature-block{

margin-bottom:12px

}
.feature-block .feature-content{
padding-top:30px
}

.feature-block .feature-content.bg_75percent{
background-image:url(../img/_bg-feature-content-75percent.png)
}

h2.with-arrow-up{

background:url(../img/_bg-callout-arrow-up.png) no-repeat 20px bottom;

margin-bottom:0;

padding-bottom:15px;

position:relative;

bottom:-1px

}

.item-list li{
margin-bottom:26px;
padding-left:56px
}

.item-list li a{

font-size:18px

}

.item-list li a span{

color:#6d6d6d;

font-size:10px;

font-weight:bold

}

.item-list a,.event-list a{
color:#126499;
display:block;
font-weight:bold;
padding:2px 0
}

.event-list{
margin-bottom:12px
}

.event-list li{
border-bottom:1px solid #dddddd;
font-size:13px;
padding:12px 0
}

.event-list li:first-child{
padding-top:0
}

.event-list li a{
font-size:14px
}

.home-products{
color:#434343
}

.home-products .callout{
padding:0
}

.home-products h2{
color:#314e64;
font-size:30px;
font-weight:normal
}

.home-products em{
color:#66ab16;
font-size:39px;
font-style:normal
}

.home-products .column{
min-height:320px
}

.home-products .column + .column{
border-left:1px solid #dddddd
}

.home-products .column h3{
color:#314e64;
font-size:15px
}

.columns.callout.three{
padding:12px 0
}

.columns.callout.three .column{
padding:16px 20px 0 12px;
width:256px;
margin:0
}

.usedby-callout{
text-align:center
}

.usedby-callout h4{
color:#314e64;
font-size:20px;
font-weight:normal;
margin-top:0
}

.usedby-callout h4 em{
color:#66ab16;
font-style:normal;
font-size:1.2em
}

.logo-list{
margin:0 auto;
text-align:center
}

.logo-list li{
display:inline-block;
vertical-align:middle;
*zoom:1;
*display:inline
}

.logo-list li + li{
margin-left:30px
}

#wpLoginattempt,#wpMailmypassword{
-webkit-transition:none;
width:auto !important
}

#login-form td.mw-label{
padding:18px 0 12px 18px !important
}

#login-form td.mw-input{
padding:18px 12px 0 0 !important
}

#login-form td.mw-submit{
padding:12px 12px 18px 0 !important
}

#p-personal #pt-register,#p-personal #pt-usercp,#p-personal #pt-mytalk,#p-personal #pt-preferences,#p-personal #pt-watchlist,#p-personal 
#pt-mycontris{
display:none
}


#p-personal #pt-userpage a.new{
color:#777;
cursor:default;
text-decoration:none
}


#p-personal{

color:#777;

border:none;

overflow:visible;

font-size:11px;

line-height:17px;

position:absolute;

top:10px;

right:195px;

text-align:right;

white-space:nowrap;

z-index:0

}


#p-personal h5{
display:none
}


#p-personal .portlet,#p-personal .pBody{

z-index:0;

padding:0;

margin:0;

border:none;

overflow:visible;

background:none;


}


#p-personal ul{
border:none;
line-height:1.4em;
color:#2f6fab;
margin:2px 0 0;
list-style:none;
z-index:0;
background:none;
cursor:default
}

#p-personal li{
background:none;
border:none;
color:#2f6fab;
display:inline;
padding:0;
margin-left:1em;
line-height:1.2em;
z-index:0
}


#p-personal li a{

background:none;

color:#777;

padding-bottom:0;

text-decoration:none;

text-transform:capitalize

}


#p-personal li a:hover{
padding-bottom:.2em;
text-decoration:underline
}

#p-personal li.active a:hover{
background-color:transparent
}

li#pt-userpage,li#pt-anonuserpage,li#pt-login{
background:url(../img/user.gif) top left no-repeat;
padding-left:20px;
text-transform:none
}

#p-personal ul{
text-transform:lowercase
}

#left{
float:left;
padding-left:10px;
width:600px
}

#right{
padding-top:11px;
margin-left:650px;
width:280px
}

#right ul{
color:#555;
list-style:disc;
margin-left:16px
}
#learn.landing{
margin:0 auto
}

#intro p{
font-size:13px;
line-height:20px
}

#login-register{
background-color:#D9F0FE;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
padding:12px
}

#login-register p{
margin-bottom:0
}

#login-register h3,div#right div.section h3{
color:#000;
font-size:16px;
margin-top:0
}

#right div.section{
margin-bottom:12px;
padding:12px
}

#books .author{
color:#777;
font-size:90%;
padding-left:4px;
text-decoration:none;
white-space:nowrap
}

ul#articles{
width:100%
}

ul#articles li{
background:url(../img/dots.png) repeat-x 0 11px
}

ul#articles li a{
display:block;
text-decoration:none
}

ul#articles li a:hover span{
text-decoration:underline
}

ul#articles li span{
background:white
}

ul#articles li span.article{
padding-right:6px
}

ul#articles li span.date{
float:right;
padding-left:6px
}

#jump{
border-bottom:1px solid #d7d7d7;
margin:0 0 24px 0;
overflow:auto
}

#jump div{
float:left;
width:300px
}

#jump div h2{
margin-top:12px
}

.small.imageBlock img{
margin:0 2px 20px 0;
width:60px
}

#left h2,#faq h2{
color:#333;
font-size:16px;
font-weight:bold;
margin-bottom:2px
}

#intro2extjs,#html5{
float:left;
margin-bottom:24px;
width:330px
}

#resources{
margin-left:365px
}

#resources div h3{
color:#333;
font-size:14px;
font-weight:bold;
margin:10px 0 0
}

#resources div p{
color:#777;
font-size:12px;
line-height:16px
}

#resources .imageBlock img{
margin:12px 10px 12px 0;
width:55px
}

.medium.imageBlock img{
margin:0 16px 12px 0;
width:90px
}

#bottom{
clear:both;
margin-top:124px
}

#faq{
clear:both;
overflow:auto
}

#faq dl{
margin:0 40px 18px 0
}

#faq dl.even{
margin-right:0
}

#faq dt{
font-weight:bold
}

.imageBlock{
overflow:auto
}

.imageBlock img{
display:block;
float:left
}

.sidebar .section{
margin-bottom:20px
}

.learn-front-page .sidebar ul li,.mediawiki .sidebar ul li{
margin-bottom:0
}

#learn .item-list li{
margin-bottom:36px
}

#learn .item-list li a{
display:inline;
font-size:12px;
font-weight:normal
}

.products .top-block h1{
padding-right:200px
}

.testimonials blockquote{
margin:0 0 30px
}

.testimonials blockquote p{

background-color:#fff;

padding:10px 15px;

margin-bottom:0;

-moz-border-radius:5px;

-webkit-border-radius:5px;

-o-border-radius:5px;

-ms-border-radius:5px;

-khtml-border-radius:5px;

border-radius:5px;

border:1px solid #bfbfbf;

font-size:1.7em;

line-height:1.2em;

color:#314e64;

text-rendering:optimizeLegibility

}


.testimonials blockquote span{

margin-top:-1px;

position:relative;

z-index:10;

display:block;
background:url(../img/white-arrow.png) no-repeat 17px -27px;

padding-top:20px

}

.testimonials blockquote span a{
font-weight:bold
}


.touch .video{
margin-bottom:0
}


.pagination{

overflow:hidden;

position:relative;

vertical-align:middle;

text-align:center;

border-top:1px solid #dddddd;

border-bottom:1px solid #dddddd;

color:#686868;

font-weight:bold;

margin-top:12px;

margin-bottom:36px;

padding:8px 0;

text-align:right;


}

.pagination a{

position:relative;

z-index:10;

margin:0

}

.pagination .left,.pagination .alignleft,.pagination .right,.pagination .alignright{
margin-bottom:0
}

.pagination.notop{
margin-top:0;
border-top:0
}

.pagination .meta,.pagination .post footer.author_info,.post .pagination footer.author_info,.pagination .course table td em,.course table td .pagination em{
z-index:1;
position:absolute;
width:100%;
padding:8px 0;
text-align:center
}

body.extjs4-preview #extjs-4-charting-examples{
clear:both;
margin-top:6px
}

body.extjs4-preview #extjs-4-charting-examples img{
width:160px
}

#app-directory ul{
margin-left:0
}

#app-directory li{
display:block;
float:left;
padding-right:12px;
width:50%
}

.platforms{
overflow:hidden
}

.platforms .platform{
float:left;
margin-right:6px
}

.platforms a{
display:block;
padding:43px 0 5px;
width:100px;
text-align:center;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
-khtml-border-radius:5px;
border-radius:5px;
border:1px solid #e8e8e8
}

.platforms a:hover{
background-color:#fff
}

.platforms .linux_32 a,.platforms .linux_64 a{
background:url(../img/os-icon.png) 35px -25px no-repeat
}

.platforms .mac a{
background:url(../img/os-icon.png) 35px -85px no-repeat
}

.platforms .windows a{
background:url(../img/os-icon.png) 35px -143px no-repeat
}


.platforms .platform a:hover{

background-color:#fff;

text-decoration:none;

font-weight:bold

}
h2.mac,h2.linux_32,h2.linux_64,h2.windows{
padding:3px 0 3px 40px
}


h2.mac{
background:url(../img/apple.png) 0 0 no-repeat
}

h2.linux_32,h2.linux_64{
background:url(../img/linux.png) 0 0 no-repeat
}

h2.windows{
background:url(../img/windows.png) 0 0 no-repeat
}

#store .top-content{
font-size:14px;
line-height:18px
}

#store .top-content img{
margin-top:24px
}

#store .top-content h2{
font-size:50px;
letter-spacing:-2px
}

#store .top-content p{
line-height:22px;
margin-bottom:16px
}

#store .top-content em{
font-weight:bold;
font-style:normal;
color:#314e64
}

.store-detail .detail-list{
background-color:#fff;
border:1px solid #dddddd;
margin-bottom:26px
}

.store-detail .detail-list li{
min-height:3em;
padding:11px 14px;
position:relative;
overflow:visible
}

.store-detail .detail-list li .separate{
display:none;
margin-top:8px
}

.store-detail .detail-list li .separate li{
border:none;
line-height:1.0em;
min-height:0;
padding:2px 0
}

.store-detail .detail-list li .separate li a{
margin-top:-0.5em;
text-align:center;
width:80px;
position:absolute;
top:50%;
right:0
}

.store-detail .detail-list li .separate .price{
font-size:1.0em;
font-weight:normal;
margin-top:-0.5em;
top:50%;
left:365px
}

.store-detail .detail-list .total{
background-color:#ecf5fc;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-o-border-bottom-left-radius:5px;
-ms-border-bottom-left-radius:5px;
-khtml-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
-o-border-bottom-right-radius:5px;
-ms-border-bottom-right-radius:5px;
-khtml-border-bottom-right-radius:5px;
border-bottom-right-radius:5px

}


.store-detail .detail-list .total .price_flush{
font-size:1.8em;
color:#314e64
}


.store-detail .detail-list .total .meta,.store-detail .detail-list .total .post footer.author_info,.post .store-detail .detail-list .total footer.author_info,.store-detail .detail-list .total .course table td em,.course table td .store-detail .detail-list .total em{

font-weight:normal

}

.store-detail .detail-list li + li{
border-top:1px solid #dddddd;

}

.store-detail .detail-list h3{

font-size:18px;

margin:0;


}

.store-detail .detail-list .meta,.store-detail .detail-list .post footer.author_info,.post .store-detail .detail-list footer.author_info,.store-detail .detail-list .course table td em,.course table td .store-detail .detail-list em{

font-size:12px;

font-weight:bold;

margin-bottom:0;


}

.store-detail .detail-list p.meta{
margin-top:6px;
font-weight:normal
}

.store-detail .detail-list .info a{

background:url(../img/icon.png) 0 -1565px no-repeat;

cursor:help;

display:inline-block;

margin-left:3px;

text-decoration:none;

text-indent:-9999px;

width:14px;

height:16px;

position:relative;

overflow:visible

}

.store-detail .detail-list .info a span{

background-color:#fdefb0;

border:2px solid #fff;

color:#434343;

display:none;

font-size:12px;

font-weight:normal;

line-height:1.5em;

padding:8px;

text-indent:0;

width:350px;

position:absolute;

left:14px;

z-index:999;

-moz-border-radius:5px;

-webkit-border-radius:5px;

-o-border-radius:5px;

-ms-border-radius:5px;

-khtml-border-radius:5px;

border-radius:5px;

-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

-o-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;

box-shadow:rgba(0, 0, 0, 0.3) 0 1px 2px 0;


}


.store-detail .detail-list .info a:hover span{
display:block
}

.store-detail .detail-list .price{
width:120px
}

.store-detail .detail-list .price,.store-detail .detail-list .price_flush{

color:#314e64;

display:block;

font-size:16px;

font-weight:bold;

margin-left:0;

position:absolute;

top:19px;

left:380px;

text-align:right;

z-index:99;


}

.store-detail .detail-list .price_flush{
color:#314e64;
left:auto;
right:14px
}
.store-detail .detail-list .discount .price_flush{
color:#4c8e0e
}

.store-detail .detail-list .button-link,.store-detail .detail-list form button,form .store-detail .detail-list button,.store-detail .detail-list #wpLoginattempt,.store-detail .detail-list #wpMailmypassword{
text-align:center;
position:absolute;
top:13px;
right:14px
}

.pack-list{
background-color:#fff;
border:1px solid #dddddd;
margin-bottom:26px;
padding:0 18px;
overflow:hidden
}

.pack-list li{
float:left;
padding-right:18px;
padding-top:18px;
padding-bottom:18px
}
.pack-list li.end{
padding-right:0
}

.pack-list li .button-group{
margin-bottom:0
}
.pack-list .price{
font-size:16px
}

.pack-list h3{
margin-top:0
}


.pack-list .button-link,.pack-list form button,form .pack-list button,.pack-list #wpLoginattempt,.pack-list #wpMailmypassword{

margin-left:0

}

.pack-list li + li{
border-left:1px solid #dddddd;
padding-left:18px
}

.pack-list.three li{
width:30%
}

ul.grid{
border-bottom:1px solid #dddddd;
margin-bottom:30px;
overflow:hidden
}

ul.grid li{
float:left;
height:130px;
line-height:16px;
padding-bottom:10px
}

ul.grid li h3{
margin-top:0;
margin-bottom:6px
}

ul.grid.two li{
padding-right:25px;
width:44%
}


ul.grid.icons li{
padding-left:50px;
width:200px
}

ul.grid .button-group .button-link,ul.grid .button-group form button,form ul.grid .button-group button,ul.grid .button-group #wpLoginattempt,ul.grid .button-group #wpMailmypassword{
margin-left:0
}


.price{
font-weight:bold;
margin-left:10px
}

.block.services-support{
background:url(../img/big-chat-bubbles.png) no-repeat top right
}


#bd h3{
margin-top:1em
}

#bd .left-column{
width:666px
}

#bd .note{
color:#999;
font-size:12px;
margin:-50px 0 20px;
padding:21px
}

#order fieldset{

border:1px solid #dfdfdf;

-moz-border-radius:5px;

-webkit-border-radius:5px;

-o-border-radius:5px;

-ms-border-radius:5px;

-khtml-border-radius:5px;

border-radius:5px;

margin:0 0 40px;

position:relative

}

.fieldset-inner{
padding:20px;
position:relative
}

.ext-ie #order fieldset{
padding:40px 20px
}

#order #paymenttype{
margin-bottom:10px
}

#order legend{

background-color:#f8f8f8;

font-size:14px;

font-weight:bold;

padding:0 8px;

margin:0 10px

}

.ext-ie #order legend{
margin-bottom:30px
}

#order .row{
height:36px;
padding:3px 0;
overflow:auto
}

#order label{
clear:left;
color:#181818;
display:block;
float:left;
font-weight:bold;
padding-right:14px;
text-align:right;
width:110px
}

#order .row label{
font-size:13px;
position:relative;
top:5px
}

#order input.text{
font-size:14px;
margin:0 6px 6px 0;
padding:2px 3px;
width:180px
}

#order #address1,#order #address2,#order #ccnumber,#order #organization{
width:380px
}

#order #citystate{
overflow:hidden
}

#order #city-sub{
float:left;
display:block;
padding-right:20px
}

#order #statereg-sub{
float:left;
display:block
}

#order input#region{
width:100px
}
#order #statereg-sub label{
width:auto
}

#order select#state{
width:60px
}

#order input.inactive{
color:#ccc
}

#order input.inactive,#order input::-webkit-input-placeholder{
color:#ccc
}

#order #cvv{
width:138px
}

#order select{
font-size:16px;
width:190px;
padding:2px 4px
}

#order #paymenttype label{
display:inline-block;
float:none;
vertical-align:middle
}

#order #paymenttype button{
margin-right:0;
position:absolute;
right:20px;
top:20px
}
#order #cc_exp_month{
width:90px
}
#order #cc_exp_year{
width:90px
}
#order input.radio{
position:relative;
top:2px;
width:auto
}
.ext-ie #order input.radio{
top:-6px
}

#order .submit{
margin-top:20px
}

#order #creditcardlabel,#order #paypallabel,#order #googlecheckoutlabel,#order #cvvimage{

background:url(../img/sprite-store.png) no-repeat;

margin-left:5px;

overflow:hidden;

text-indent:150%;

white-space:nowrap;

height:32px;

width:51px;


}

#order #creditcardlabel{
width:167px
}

#order #paypallabel,#order #googlecheckoutlabel{
background-position:0 -50px
}
#order #googlecheckoutlabel{
background-position:0 -100px
}

#order #cvvimage{
background-position:0 -150px;
display:block;
float:left;
height:21px;
margin:0 5px 0 0;
width:34px
}

.training .top-content{
border-bottom:1px solid #dddddd;
font-size:14px;
width:590px
}

.training .top-content p{
margin-bottom:16px
}

.training .top-content .jump-nav{
color:#c7c7c7
}

.training .top-content .jump-nav em{
color:#313131;
font-style:normal;
font-weight:bold
}

.training .top-content .jump-nav a{
padding:0 8px
}

.training .page-content h2{
margin-top:24px;
color:#434343
}

.schedule{
background-color:#efefef;
float:right;
padding:11px 11px 0;
width:230px
}

.schedule table{
width:100%
}

.schedule caption{
border-bottom:1px solid #dddddd;
font-size:16px;
font-weight:bold;
line-height:1.0em;
padding-bottom:6px
}

.schedule caption a{
font-size:11px;
font-weight:normal;
margin-left:16px
}

.schedule tbody th{
font-weight:bold;
padding-right:20px;
text-align:right
}

.schedule tbody td{
font-size:11px;
padding-bottom:11px;
width:104px
}

.schedule tbody tr:first-child th,.schedule tbody tr:first-child td{
padding-top:10px
}


.course{

background-color:#fff;
border:1px solid #dddddd;

margin-bottom:14px;

padding:0 14px 14px;

position:relative;

overflow:hidden

}

.course h3.blue,.course h3.green{

background-color:#ecf5fc;

border-bottom:1px solid #dddddd;

font-size:18px;

font-weight:bold;

margin:0 -14px 22px;

padding:16px 14px 14px;

-moz-border-radius-topleft:5px;

-webkit-border-top-left-radius:5px;

-o-border-top-left-radius:5px;

-ms-border-top-left-radius:5px;

-khtml-border-top-left-radius:5px;

border-top-left-radius:5px;

-moz-border-radius-topright:5px;

-webkit-border-top-right-radius:5px;

-o-border-top-right-radius:5px;

-ms-border-top-right-radius:5px;

-khtml-border-top-right-radius:5px;

border-top-right-radius:5px

}

.course h3.blue a,.course h3.green a{
color:#314e64
}

.course h3.green{
background-color:#e6fbd3
}

.course h3{
margin-top:2em
}

.course .description{
float:left;
width:370px
}

.course table{
float:right;
width:370px
}

.course table th{
font-weight:bold;
padding-right:12px;
text-align:right;
vertical-align:top;
width:80px
}

.course table td{
padding-bottom:10px
}

.course table li{
margin:0
}

.course .button-group{
position:absolute;
top:8px;
right:8px
}

.course.no-table p.alt{
font-weight:bold;
float:right;
padding-left:11px;
width:359px
}

.detail-page .column{
width:604px
}

.detail-page .column.sidebar{
float:right;
width:252px
}

.detail-page .column.sidebar .schedule{
margin-bottom:20px
}

.detail-page .course{
margin-bottom:20px
}

.detail-page .course .description{
float:none;
width:auto
}

.detail-page .course table{
float:none;
width:100%
}

.detail-page .course .column{
padding-top:3px;
width:47%
}

.detail-page .course h5{
font-size:1.0em;
margin-bottom:4px
}

.detail-page .course ul{
margin-bottom:1em
}

.detail-page .course li{
float:none;
width:auto
}

.detail-page .course li + li{
margin-left:0
}