body {
    font:14px/18px 'Open Sans',Helvetica,sans-serif;
    background:#e8e7e1;
}
h1,h2,h3,h4,h5,h6,p,dl,ol,ul,pre,hr,table,address, .section img {
    margin:0 0 1em;
}
h1 {
    font-size:24px;
    line-height:30px;
}
h2 {
    font-size:20px;
    line-height:30px;
}
h3 {
    font-size:18px;
    line-height:24px;
}
h4 {
    font-size:14px;
    line-height:18px;
}
h5 {
    font-size:12px;
    line-height:18px;
}
h6 {
    font-size:12px;
    line-height:12px;
}
a {
    color:#21a1d9;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
blockquote {
    font:italic 14px/22px Georgia, Serif;
    padding:5px 10px;
    margin-bottom:20px;
    background:#eef3f7;
}
hr {
    border:0 #ccc solid;
    border-top-width:1px;
    clear:both;
    height:0
}

/* responsive image sizes */
.main .module .section img {max-width:100%;}

/********* Miscellaneous **************************************************/
.clear {clear:both;}
.hidden {display:none;}

/* gradient vertical dividers */
.vert {
    height:100%;
    width:2px;
}
.vert span {
    display:inline-block;
    height:100%;
    width:1px;
}
.vert span.shadow {
    background:-webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 45%,rgba(0,0,0,0.2) 55%,rgba(0,0,0,0) 100%);
    background:-moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.2) 55%, rgba(0,0,0,0) 100%);
    background:-o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 45%,rgba(0,0,0,0.2) 55%,rgba(0,0,0,0) 100%);
    background:-ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 45%,rgba(0,0,0,0.2) 55%,rgba(0,0,0,0) 100%);
    background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 45%,rgba(0,0,0,0.2) 55%,rgba(0,0,0,0) 100%);
}
.vert span.highlight {
    background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.8) 55%,rgba(255,255,255,0) 100%);
    background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 45%, rgba(255,255,255,0.8) 55%, rgba(255,255,255,0) 100%);
    background:-o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.8) 55%,rgba(255,255,255,0) 100%);
    background:-ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.8) 55%,rgba(255,255,255,0) 100%);
    background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 45%,rgba(255,255,255,0.8) 55%,rgba(255,255,255,0) 100%);
}

/********* Icon Sprites **************************************************/
.icon {
    background:transparent url('../images/icons.png') no-repeat 0 0;
    display:inline-block;
    height:16px;
    overflow:none;
    pointer-events:none;
    width:16px;
    vertical-align:middle;
}
.icon.remove {
    background-position:0 -75px;
}
.icon.segment-edit {
    background-position:-75px -75px;
}
.icon.nested {
    background-position:-25px -75px;
}
.icon.calendar {
    background-position:-50px -75px;
}
.icon.apple,
.icon.ios {
    background-position:0px -175px;
}
.icon.android {
    background-position:-25px -175px;
}
.icon.windows {
    background-position:-50px -175px;
}
.icon.blackberry {
    background-position:-75px -175px;
}
.icon.search {
    background-position:-125px -100px;
}
.icon.windows {
    background-position:-50px -175px;
}
.icon.new-windows {
    background-position:-100px -175px;
}
.icon.explore {
    background-position:-100px -100px;
}
.icon.options {
    background-position:-50px -100px;
    width:10px;
}
.icon.share {
    background-position:-100px 0;
    width:18px;
}
.icon.download {
    background-position:-125px 0;
}
.icon.select {
    background-position:-50px 0;
    width:10px;
}
.icon.segments {
    background-position:-75px -50px;
}

.inapp-ico {
    background-position:0 -125px;
}
.sub-ico {
    background-position:0 -150px;
}

/********* Layout **************************************************/
.main {
    margin:0 auto;
    padding:60px 20px 20px;
    position:relative;
}
.full .main {
    max-width:100%;
}
#content {
    padding:0 10px;
}
.row {
    margin-bottom:20px;
    position:relative;
}
/* sub header */
.sub-header {
    min-height:30px;
    margin:0 0 20px;
    position:relative;
}
.sub-header h2 {
    margin:0
}
.sub-header p {
    color:#807e73;
    margin:0;
}
.sub-header-actions {
    margin:-15px 0 0;
    position:absolute;
    right:0;
    top:50%;
}
.sub-header:first-child + .col {
    margin-left: 0;
}
.sub-header-actions .plus-ico {
    background-position:-55px -77px;
}

/********* Header **************************************************/
.header {
    background:#e0e1dd;
    background:-webkit-linear-gradient(top, #ecede8, #e0e1dd);
    background:-moz-linear-gradient(top, #ecede8, #e0e1dd);
    box-shadow:rgba(255,255,255,.5) 0 1px inset, 
        rgba(0,0,0,.4) 0 0 5px 0;
    height:40px;
    left:0;
    position:fixed;
    top:0;
    width:100%;
    z-index:9999;
}
.header .logo {
    background:#e0e1dd;
    background:-webkit-linear-gradient(top, #ecede8, #e0e1dd);
    background:-moz-linear-gradient(top, #ecede8, #e0e1dd);
    left:50%;
    position:absolute;
    top:0;
    margin:0 0 0 -120px; 
    width:240px;
    z-index:50;
}
.header .logo a {
    background:url('../images/logo.png') no-repeat 50% 6px;
    display:block;
    height:40px;
    overflow:hidden;
    text-indent:100%;
    width:240px;
    white-space:nowrap;
    -webkit-transition:background-position .25s ease-in-out;
    -moz-transition:background-position .25s ease-in-out;
    -ms-transition:background-position .25s ease-in-out;
    -o-transition:background-position .25s ease-in-out;
    transition:background-position .25s ease-in-out;
}
.header .logo a:hover {
    background-position:50% -32px;
    }
.header .util-nav {
    position:absolute;
    right:0;
}
.header .appselect.util-nav {
    left:0;
}

/* Sphinx relbar */
.header .related {
    left:0;
    position:absolute;
    right:0;
}

/********* Layout **************************************************/
.sidebar {
    background:#393939;
    border-right:#222 1px solid;
    height:100%;
    overflow-y:auto;
    position:fixed;
    top:40px;
    width:239px;
    z-index:200;
}

.sidebar,
.app-footer {
    left:0;
}
body,
.nav-toggle,
.info,
.error-console {
    margin-left:240px;
}

/********* Sidebar **************************************************/
.sidebar {}
.sidebar h3,
.sidebar h3 > a {
    color:#fff;
    font-size:12px;
    font-weight:900;
    margin:0;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
}
.sidebar h3 {
    padding: 5px 15px 0;
    margin:0;
}
.sidebar .sprite  {
    height:20px;
    margin: 0 5px 0 0;
    width:25px;
}

/* sub-nav links */
.sidebar > ul > li a {
    border-radius:4px;
    color:#fff;
    display:block;
    margin:0 -10px;
    padding:5px 10px;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
}
.sidebar > ul > li a:hover {
    background:#333;
    text-decoration:none;
}
.sidebar > ul > li a:active,
.sidebar > ul.current > li.current > a {
    background:#1a1a1a;
}
.sidebar > ul > li a.current {
    background:#404040;
}

/* sub-nav */
.sidebar > ul {
    list-style:none;
    margin:0;
    position:relative;
}
.sidebar > ul:last-child {
    padding:0 0 100px;
}
.sidebar > ul > li {
    font-weight:bold;
    padding:0 20px;
}

.sidebar > ul > li > a {
    border-radius:0;
    margin:0 -20px;
    padding:10px 15px;
}
.sidebar > ul > li:last-child {
    border-bottom: 1px solid #2A2A2A;
    box-shadow: 0 1px 0 0 #404040;
}

/* sub-nav sub-nav */
.sidebar > ul > li ul {
    list-style:none;
    margin:.25em 0 0 .25em;
}
.sidebar > ul > li ul > li {
    font-size:12px;
    margin:0 0 .5em;
}
.sidebar > ul > li ul > li > a {
    color:#efefef;
}

/* sub-nav sub-nav sub-nav :P */
.sidebar > ul > li > ul > li > ul {
    margin-top:.5em;
}
.sidebar > ul > li > ul > li > ul li {
    margin:0 0 0 10px;
}
.sidebar > ul > li > ul > li > ul li a {
    color:#cfcfcf;
}

/* relbar prev/next */
.sidebar a[title="previous chapter"],
.sidebar a[title="next chapter"] {
    background:none;
}

/********* Footer **************************************************/
.footer {
    background:#e0e1dd;
    background:-webkit-linear-gradient(top, #ecede8, #e0e1dd);
    background:-moz-linear-gradient(top, #ecede8, #e0e1dd);
    background:linear-gradient(top, #ecede8, #e0e1dd);
    box-shadow:rgba(255,255,255,.5) 0 1px inset, 
        rgba(0,0,0,.4) 0 0 10px 0;
    border-top:#ccc 1px solid;
    bottom:0;
    box-shadow:#fff 0 1px 0 inset;
    height:30px;
    left:0;
    margin:0;
    position:fixed;
    width:100%;
    z-index:98;
}
.footer a {
    display:inline-block;
    font-size:0;
    float:right;
    line-height:20px;
    margin:0 5px 0 0;
    opacity:.8;
    padding:5px 10px;
}
.footer a:hover {
    opacity:1;
}
.footer .nav-toggle {
    float:left;
    line-height:20px;
    padding:5px 10px;
}
/* only show nav-toggle when there is a sidebar */
.footer a.nav-toggle {display:none;}
.sidebar-on .footer a.nav-toggle,
.sidebar-off .footer a.nav-toggle {display:inline-block;}

.bottom {
    bottom:0;
    left:0;
    position:fixed;
    width:100%;
    z-index:100;
}
.info { 
    background:#383838;
    box-shadow:rgba(0,0,0,.4) 0 0 40px inset;
    color:#fafafa;
    display:none;
    font-size:12px;
    height:0;
    overflow:auto;
}
.info p {
    padding:20px 20px 0;
    margin:0;
}
.info a {
    display:inline-block;
    font-weight:bold;
    padding:0 5px;
}
.info a.status {
    color:#C00;
}

/********* Protip **************************************************/
.protip {
    background:#f2f1e5;
    background:rgba(0,0,0,.05);
    border-radius:4px;
    box-shadow:rgba(0,0,0,.2) 0 1px 3px inset, rgba(255,255,255,.8) 0 1px 2px;
    font-size:12px;
    line-height:15px;
    overflow:hidden;
    margin:0 0 20px;
    padding:15px;
}
.protip :last-child {
    margin:0;
}
.protip strong {
    color:#333;
}
.protip .bullets > li > a {
    font-weight:bold;
}
.protip blockquote {
    background:#fcfcf9;
    background:rgba(255,255,255,.8);
    font-size:14px;
    line-height:20px;
    margin:0 0 10px;
}

/********* Loading **************************************************/
.module .loading {
    color:rgba(0,0,0,.4);
    font-size:14px;
    font-weight:bold;
    line-height:20px;
    text-align:center;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
    vertical-align: middle;
}
.spinner {
    background-image:url('../images/spinner.png');
    display:inline-block;
    font-size:0;
    height:20px;
    width:20px;
    vertical-align:middle;
    -webkit-animation:spinner .5s steps(8) infinite;
    -moz-animation:spinner .5s steps(8) infinite;
    -ms-animation:spinner .5s steps(8) infinite;
    -o-animation:spinner .5s steps(8) infinite;
    animation:spinner .5s steps(8) infinite;
}
 @-webkit-keyframes spinner {
    from { background-position:0px; }
    to { background-position:-160px; }
 }
 @-moz-keyframes spinner{
    from { background-position:0px; }
    to { background-position:-160px; }
 }
 @-ms-keyframes spinner {
    from { background-position:0px; }
    to { background-position:-160px; }
 }
 @-o-keyframes spinner{
    from { background-position:0px; }
    to { background-position:-160px; }
 }
 @-moz-keyframes spinner {
    from { background-position:0px; }
    to { background-position:-160px; }
}
input + .loader {
    display:none;
}
input.loading + .loader {
    display:inline-block;
    margin:-12px 0 0 0;
    position:absolute;
    right:13px;
    top:50%;
}

/********* platform logos **************************************************/
.platform-logo {
    background:url('../images/platform-logos.png') no-repeat 0 0;
    display:inline-block;
    height:20px;
    margin:0 5px 0 0;
    vertical-align:middle;
    width:20px;
}

.apple-logo {
    background-position:0 0;
}
.android-logo {
    background-position:-20px 0;
}
.windows-wns-logo {
    background-position:-40px 0;
}
.windows-mpns-logo {
    background-position:-60px 0;
}
.windows-he-logo {
    background-position:-80px 0;
}
.blackberry-logo {
    background-position:-100px 0;
}

/********* Sphinx relbar **************************************************/
.related h3 {
    display:none;
}
.related > ul {
    font-size:0;
    list-style:none;
    margin:0;
}
.related > ul > li {
    color:#666664;
    display:inline-block;
    font-size:12px;
    line-height:40px;
    margin:0;
    vertical-align:top;
    white-space:nowrap;
}
.related > ul > li > a,
.related > ul > li > span {
    display:inline-block;
    color:#666664;
    font-weight:bold;
    height:40px;
    padding:0 10px;
    text-shadow:rgba(255,255,255,.8) 0 1px 0;
}
.related > ul > li > a:hover {
    color:#4c4c45;
    text-decoration:none;
}
.related > ul > li > a .sprite {
    margin-top:-2px;
}
.related > ul > li > a .down-arrow-ico {
    width:16px;
}
.related > ul > li > p {
    padding:0 13px 0 15px;
}
.related > ul > li > a:active,
.related > ul > li > a.active {
    background:#929292;
    box-shadow:rgba(0,0,0,.5) 0 2px 13px inset;
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
}
.related > ul > li.vert {
    height: 40px;
    margin: 0 -2px 0 0;
}
.related > ul .popover { 
    right:10px;
    min-width:160px;
}

/********* Sphinx Default Sidebar **************************************************/
.sphinxsidebar .sphinxsidebarwrapper h3,
.sphinxsidebar .sphinxsidebarwrapper h3 > a {
    color:#fff;
    font-size:12px;
    font-weight:900;
    margin:0;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
}
.sphinxsidebar .sphinxsidebarwrapper h3 {
    background:#292929;
    border-bottom:#292929 1px solid;
    padding:5px 10px;
    margin:0 0 .5em;
}
.sphinxsidebar .sphinxsidebarwrapper > ul .sprite  {
    height:20px;
    margin: 0 5px 0 0;
    width:25px;
}

/* sub-nav links */
.sphinxsidebar .sphinxsidebarwrapper > ul > li a {
    border-radius: 20px;
    color:#fff;
    display:block;
    margin:0 -10px;
    padding:5px 10px;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0,0,0,.25);
}
.sphinxsidebar .sphinxsidebarwrapper > ul > li a:hover {
    background:#404040;
    text-decoration:none;
}
.sphinxsidebar .sphinxsidebarwrapper > ul > li a:active {
    background:#1a1a1a;
}

/* sub-nav */
.sphinxsidebar .sphinxsidebarwrapper > ul {
    border-bottom:#292929 1px solid;
    list-style:none;
    margin:0;
    position:relative;
}
.sphinxsidebar .sphinxsidebarwrapper > ul > li {
    font-weight:bold;
    margin:0 0 .5em;
    padding:0 20px;
}

/* sub-nav sub-nav */
.sphinxsidebar .sphinxsidebarwrapper > ul > li ul {
    list-style:none;
}
.sphinxsidebar .sphinxsidebarwrapper > ul > li ul > li {
    font-size:12px;
    margin:0 0 .5em;
}
.sphinxsidebar .sphinxsidebarwrapper > ul > li ul > li > a {
    color:#efefef;
}

/* sub-nav sub-nav sub-nav :P */
.sphinxsidebar .sphinxsidebarwrapper > ul > li > ul > li > ul {
    margin-top:.5em;
}
.sphinxsidebar .sphinxsidebarwrapper > ul > li > ul > li > ul li {
    margin:0 0 0 10px;
}
.sphinxsidebar .sphinxsidebarwrapper > ul > li > ul > li > ul li a {
    color:#cfcfcf;
}

/* relbar prev/next */
.sphinxsidebar .sphinxsidebarwrapper a[title="previous chapter"],
.sphinxsidebar .sphinxsidebarwrapper a[title="next chapter"] {
    background:none;
}

/********* Sphinx Sidebar Searchbox **************************************************/
#searchbox {
    margin-bottom:50px;
}
#searchbox input[type=text] {
    background-color:rgba(255,255,255,.25);
    border-color:rgba(0,0,0,.25);
    border-radius:15px;
    box-shadow:0 1px 0 rgba(255,255,255,0.1), 
        inset 0 1px 3px 0 rgba(0,0,0,.1);
    width:80%;
}
#searchbox input[type=submit] {
    vertical-align:middle;
    padding:6px;
}
#searchbox input[type=text]:focus {
    background-color:#fff;
}
#searchbox form,
#searchbox .highlight-link {
    padding:5px 10px;
}
#searchbox .searchtip {
    color:#cfcfcf;
    display:none;
    font-size:12px !important;
    padding:0 10px;
}

/********* Sphinx Sections **************************************************/
.section {
    padding-top:50px;
}
.section:first-child {
    padding-top:0;
}
.section h1:first-child,
.module h1:first-child {
    background:#f5f5f5;
    border:none;
    border-bottom:1px solid #d9d7cc;
    border-radius:4px 4px 0 0;
    box-shadow:rgba(255,255,255,.8) 0 1px 0 inset;
    margin: -15px -20px 1em;
    padding: 10px 20px;
}
.section+.section h1:first-child {
    border-radius:0;
    border-top:1px solid #d9d7cc;
}
.section h2 {
    background:#f5f5f5;
    border-radius:4px;
    padding:.25em .5em;
    margin:0 -.5em 1em;
}
.headerlink {
    color:#ccc;
    display:none;
}
.headerlink:hover {
    color:#21A1D9;
    text-decoration:none;
}
h1:hover .headerlink,
h2:hover .headerlink,
h3:hover .headerlink {
    display:inline-block;
    padding:0 5px;
}

.section ul li {
    list-style-position:inside;
    list-style-type:disc;
    margin:.5em 0 0 1em;
}
.section ul li ul li {
    list-style-type:circle;
}
.section ul li ul li ul li {
    list-style-type:square;
}
.section ul li ul li ul li ul li {
    list-style-type:circle;
}

.section ol li {
    list-style-position:inside;
    list-style-type:decimal;
    margin:.5em 0 0 1em;
}
.section ol li ol li {
    list-style-type:upper-alpha;
}
.section ol li ol li ol li {
    list-style-type:lower-alpha;
}
.section ol li ol li ol li ol li {
    list-style-type:upper-roman;
}

#search-documentation~form input[type=text] {
    width:75%;
}
#search-documentation~form input[type=submit] {
    vertical-align:middle;
}
#search-results {
    margin:1em 0 2em;
}
ul.search {}
ul.search li {
    margin:0 0 1em;
}

/********* Sphinx Syntax Highlights **************************************************/

.highlighted {
    background-color:#d2f4f7;
    border-bottom:1px solid #8de4eb;
    display:inline-block;
    margin:0 -2px;
    padding:0 2px;
}
.highlight {
    background:#f7f7f7;
    border:1px solid #f2f2f2;
    margin:1em 0;
    padding:10px;
}

/********* Sphinx Tables **************************************************/
table.docutils {
    background:#fff;
    border-bottom:1px solid #e6e5da;
    font-size:12px;
    line-height:20px;
    margin:0 0 20px;
    width:100%;
}
table.docutils tr th {
    background:#f3f2ed;
    box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5);
    color:#807e73;
    font-weight:bold;
    padding:5px 10px;
    text-align:left;
    text-shadow:0 1px 0 rgba(255,255,255,1);
}
table.docutils tr th a {
    color:#807e73;
    cursor: pointer
}
table.docutils tr {
    border-bottom:1px solid #e6e5da;
}
table.docutils tr td {
    color:#33322e;
    padding:5px 10px;
}
table.docutils tr td a {
    font-weight:bold;
    cursor:pointer;
}
table.docutils tr td em {
    color:#999;
    font-style:normal;
}

/********* Transitions **************************************************/

/* Stop transitions until the page has loaded */
.preload,
.preload * {
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -ms-transition:none !important;
    -o-transition:none !important;
    transition:none !important;
}
.sidebar,
.app-footer,
.footer,
.error-console {
    -webkit-transition:left .25s ease-in-out;
    -moz-transition:left .25s ease-in-out;
    -ms-transition:left .25s ease-in-out;
    -o-transition:left .25s ease-in-out;
    transition:left .25s ease-in-out;
}

body,
.nav-toggle,
.info,
.error-console {
    -webkit-transition:margin-left .25s ease-in-out;
    -moz-transition:margin-left .25s ease-in-out;
    -ms-transition:margin-left .25s ease-in-out;
    -o-transition:margin-left .25s ease-in-out;
    transition:margin-left .25s ease-in-out;
}

.console-on .main {
    padding-bottom:360px;
}
.console-on .error-console {
    display:block;
    height:300px;
}
.console-on .footer {
    bottom:300px;
}
.console-on .console-ico {
    background-position:-100px -75px;
}

.info-on .main {
    padding-bottom:160px;
}
.info-on .info {
    display:block;
    height:100px;
}
.info-on .footer {
    bottom:100px;
}
.info-on .info-ico {
    background-position:-75px -75px;
}

/********* Animations **************************************************/
/* fadeInUp */
@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInUp {
  0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); }
}
@-ms-keyframes fadeInUp {
  0% { opacity: 0; -ms-transform: translateY(20px); }
  100% { opacity: 1; -ms-transform: translateY(0); }
}
@-o-keyframes fadeInUp {
  0% { opacity: 0; -o-transform: translateY(20px); }
  100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
/* bulge */
@keyframes bulge {
  0% { transform-origin:50% 50%; transform:scale(1.0); }
  50% { transform-origin:50% 50%; transform:scale(1.3); }
  100% { transform-origin:50% 50%; transform:scale(1.0); }
}
@-webkit-keyframes bulge {
  0% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.0); }
  50% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.3); }
  100% { -webkit-transform-origin:50% 50%; -webkit-transform:scale(1.0); }
}
@-moz-keyframes bulge {
  0% { -moz-transform-origin:50% 50%; -moz-transform:scale(1.0); }
  50% { -moz-transform-origin:50% 50%; -moz-transform:scale(1.3); }
  100% { -moz-transform-origin:50% 50%; -moz-transform:scale(1.0); }
}
@-ms-keyframes bulge {
  0% { -ms-transform-origin:50% 50%; -ms-transform:scale(1.0); }
  50% { -ms-transform-origin:50% 50%; -ms-transform:scale(1.3); }
  100% { -ms-transform-origin:50% 50%; -ms-transform:scale(1.0); }
}
@-o-keyframes bulge {
  0% { -o-transform-origin:50% 50%; -o-transform:scale(1.0); }
  50% { -o-transform-origin:50% 50%; -o-transform:scale(1.3); }
  100% { -o-transform-origin:50% 50%; -o-transform:scale(1.0); }
}

/********* Responsive Media Queries  **************************************************/
@media only screen and (min-width:940px) {
    .main {max-width:1120px;}
}
@media only screen and (max-width:940px) {
    .header .logo {
        margin:0 0 0 -22px; 
        width:44px;
    }
    .header .logo a,
    .header .logo a:hover { 
        background-position:0 6px;
        width:44px;
    }
    .tabbar a {
        border:1px solid #d9d9d9;
        border-radius:4px;
        margin:0 5px 5px 0;
    }
}
@media only screen and (max-width:860px) {
    body {
        background-color:#fff;
    }
    .main {
        padding:40px 0 0;
    }
    .main .row,
    .main .module {
        border:0;
        border-radius:0;
        box-shadow:none;
        margin:0;
    }
    .main .row {
        margin:0 0 12px;
    }
}
@media only screen and (max-width:767px) {
    .header {
        min-width:320px;
    }
    .util-nav > li > a {
        padding:0 13px 0 15px;
    }
    .util-nav > li .label {
       font-size:0;
    }  
    .util-nav .popover {
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -ms-box-sizing::border-box;
        box-sizing:border-box;
        left:1%;
        width:98%;
    }
    fieldset div input[type="submit"] {
        display:block;
        margin-bottom:15px;
    }
    .sidebar {
        left:-240px;
    }
    body,
    .nav-toggle,
    .info,
    .error-console {
        margin-left:0;
    }
    .footer a.nav-toggle {display:block;}
    /* JS controlled - Default state is off */
    .sidebar-on .sidebar,
    .sidebar-on .app-footer {
        left:0;
    }
    .sidebar-on,
    .sidebar-on .nav-toggle,
    .sidebar-on .info,
    .sidebar-on .error-console {
        margin-left:240px;
    }
    .header .related {
        top:-100px;
    }
}

/* Retina */
@media
only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2/1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
    .header .logo a {
        background-image:url('../images/logo@2x.png');
        background-size:212px 60px;
    }
    .icon {
        background-image:url('../images/icons@2x.png');
        background-size:150px 200px;
    }
    .sprite {
        background-image:url('../dui/images/sprites@2x.png');
        background-size:150px 200px;
    }
    .service-icon {
        background-image:url('../images/services-icons@2x.png');
        background-size:240px 180px;
    }
    .service-badge {
        background-image:url('../images/services-badges@2x.png');
        background-size:110px 110px;
    }
    .platform-logo {
        background-image:url('../images/platform-logos@2x.png');
        background-size:150px 20px;
       } 
    .spinner {
        background-image:url('../images/spinner@2x.png');
        background-size:160px 20px;
    }
}

/********* Clear Floats **************************************************/
/*IE6 float fix*/
* html .header,
* html .header .related,
* html .main,
* html .row,
* html .tabbar,
* html .module,
* html ul.form,
* html ul.horizontal,
* html .list > li,
* html .list > li > div,
* html .date-pick,
* html .datetime,
* html .pages,
* html .btn-group {
    height:1%;
}
/* IE7 float clear */
*:first-child+html .header,
*:first-child+html .header .related,
*:first-child+html .main,
*:first-child+html .row,
*:first-child+html .tabbar,
*:first-child+html .module,
*:first-child+html ul.form,
*:first-child+html ul.horizontal,
*:first-child+html .list > li,
*:first-child+html .list > li > div,
*:first-child+html .date-pick,
*:first-child+html .datetime,
*:first-child+html .pages,
*:first-child+html .btn-group {
    min-height:1px;
}
/* Browsers that support :after */
.header:after,
.header .related:after,
.main:after,
.row:after,
.tabbar:after,
.module:after,
ul.form:after,
ul.horizontal:after,
.list > li:after,
.list > li > div:after,
.date-pick:after,
.datetime:after,
.pages:after,
.btn-group:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}