/* HTML5 Boilerplate */
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, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
/*  vertical-align: baseline;*/
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
/*input, select { vertical-align: middle; }*/

.hidden {
    display: none;
}

.clear {
    clear: both;
}

/* Standard Setup */
body {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 0.8em;
    -webkit-text-size-adjust: none;
    color:#000017;
    width:100%;
    /*
        Dec 15 2014 (Ben), added box-sizing for just the body element. can remove if necessary.
        this is helping with the vertical overflow scrollbar not causing the page to shift
        as the scrollbar appears/disappears.  only really helpful for a bootstrap dialog which
        hides the body scrollbar when the dialog appears (overflow:hidden) and then removes
        that CSS when the dialog closes.  this was causing a shift to occur, but does not
        occur with box-sizing: border-box.
    */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page { /* 100% up to 996px (which will become 1000px with 2px border wither side) - to fit on 1024*768 screens with scrollbar */
    width:100%;
    max-width:996px;
    position:relative;
    overflow:auto;
    margin: 0 auto 0 auto;    
    background:white;
}
.page.with-cookie-bar { padding-bottom: 68px; }

a {
    color: #183c6d;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

strong {
    font-weight: bold;
}

h1 {
    font-size: 1.2em;
    font-weight: bold;
    height:18px;
    padding: 6px 8px 8px 8px; 
}

header {
    position:relative;
    float:left;
    height:50px;
    width:100%;
    background: url(/Themes/Standard/Images/AZoNetwork-header-2015-1.png) no-repeat 0px 0px;
}

header .btnHome {
    position:relative;
    float:left;
    display:block;
    width:145px;
    height:44px; 
    cursor: pointer;
}

header #menu {
    float:right;
    background:url(/Themes/Standard/Images/Menu-2015-1.png) center center no-repeat;
    width:50px;
    height:50px;
    position:relative;
    cursor:pointer;
}

nav {
    width:100%;
    overflow:hidden;
    position:relative;
    background: #193d6e;
    display:none;
}

nav ul {
    float:left;
    width: 96%;
    margin:2px 8px 4px 8px ! important;
    list-style:none;
    position:relative;
}

nav ul li {
    display:block;
    width:100%;
    position:relative;
    font-size: 1.2em;
    color:#2c1871;
    text-transform:uppercase;
    margin: 6px 0 6px 0;
    padding: 2px 0 6px 0;
    border-bottom:1px solid white;
}

nav ul li.azoprofile-related { display: none; }

nav ul li a {
    color:white;
    font-weight:bold;
    display:block;
    background: none;
    margin: 0;
    padding: 0;
}

#main {
    position:relative;
    width:100%;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
    font-size: 1.0em;
    font-weight: bold;
    width: 92%;
    margin: 0;
    padding: 6px 8px 8px 0px; 
    height:inherit;
}

#main p { /* main paragraph style */
    margin: 0 0 8px 0;
    font-size:1.0em;
}

#main ul, #main ol {
    padding: 6px 0 6px 0;
}

#main ul { list-style: disc; }
#main ol { list-style: decimal; }

#main ul li {
    margin: 0 0 4px 3em;
    padding: 0;
}

#main ol li {
    margin: 0 0 8px 3em;
    padding: 0;
}

#content {
    position:relative;
    float:left;
    width:100%;
    min-height: 420px;
    overflow:hidden;
    line-height: 1.4em;
    font-size:1.2em;
}

#content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    margin-bottom: 5px;
}

#contentDiv {
    position:relative; float:left; overflow:hidden; padding: 8px 3.5%; width:93%; /* padding + width = 100% */
}

#contentDiv p {
    position:relative; max-width: 95% ! important;
}

#side {
    position:relative;
    float:right;
    display:none;
    overflow:hidden;
    line-height: 1.4em;
    font-size:1.2em;
}

#socialShare .recommend { display: none; }

#sideDiv {
    position:relative; padding:8px 8px 0 8px;
}

#sideDiv ul {
    font-weight:bold;
    list-style:none;
    display:block;
}

#sideDiv ul li {list-style:none;}

input[type=submit] {
    color:white;
    background: #193d6e;
    border: 2px solid black;
    padding:5px 10px 5px 10px;
    font-weight:bold;
}

#socialShare {
    position:relative;
    float:left;
    text-align:center;
    width:100%;
}

#socialShare div.holder {
    position:relative;
    width:270px;
    height:32px;
    padding: 8px;
    margin: 0 auto 0 auto;
}

#socialShare div.holder .instruction {
    display: block;
    font-weight: bold;
    padding: 6px 0 0 0;
    float:left; 
    position: relative;
}

#socialShare div.holder .addthis_toolbox {
    display: block;
    float: left; 
    position: relative;
}

#socialShare div.holder a {
    display: block;
    margin: 0 0 0 10px;
    float:left; 
    position: relative;
}

#socialShare div.holder a.addthis_button_google_plusone {
    padding:6px 0 0 0; /* needed as currently the G+1 icon is not available as 32x32 */
}

.unavailable-content {  }
#main .unavailable-content h1 { padding-top: 20px; }
.unavailable-content img.not-found-page-face { border: none; float: right; margin: 0 0 10px 17px; }


.dividerBig {
    position:relative;
    display:block;
    float:left;
    width: 100%;
    height: 3px; 
    position: relative;
    background-color: #193d6e;
}

.dividerPad {
    position:relative;
    display:block;
    float:left;
    width: 100%;
    height: 3px; 
    position: relative;
    background-color: #193d6e;
    margin: 1em 0 1em 0;
}

.dividerBigPadTop {
    position:relative;
    display:block;
    float:left;
    width: 100%;
    height: 3px; 
    position: relative;
    background-color: #193d6e;
    margin: 1em 0 0 0;
}

.gap {
    width:100%; height:30px; position:relative; float:left;
}

.gap1em {
    width:100%; height:1em; position:relative; float:left;
}

.first-side-gap  {
    margin-top: 10px;
}

footer {
    position:relative;
    display:block;
    float:left;
    width:96%;
    height: 32px;
    margin: 6px;
    background-color:#ffffff;
    position:relative;
    background: url(/Themes/Standard/Images/AZoNetwork-footer-2015-1.png) no-repeat top left;
}

footer p {
    position: relative;
    float: right;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    text-align: right;
}

#content .iframeHolder {position:relative; width:100%; height:auto; text-align:center; overflow:visible; }
#content .iframeHolder iframe {position:relative; }

#cookie-notice-msg {
    position: relative; width: 980px; margin: 0 auto; padding: 24px 12px 27px 25px; text-align: left;
    border: 1px solid #898497; border-bottom: none; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;
                     
background: rgb(156,175,214); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(156,175,214,1) 0%, rgba(75,138,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(156,175,214,1)), color-stop(100%,rgba(75,138,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(156,175,214,1) 0%,rgba(75,138,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(156,175,214,1) 0%,rgba(75,138,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(156,175,214,1) 0%,rgba(75,138,209,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(156,175,214,1) 0%,rgba(75,138,209,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cafd6', endColorstr='#4b8ad1',GradientType=0 ); /* IE6-9 */
}

#cookie-notice-bar { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 300; }
#cookie-notice-msg, #cookie-notice-msg a.find-out-more, #cookie-notice-msg a.find-out-more:hover { font-size: 12px; color: #0D0D11; text-decoration: none; text-shadow: 1px 1px 2px #C8CDDA; }
#cookie-notice-msg a.find-out-more, #cookie-notice-msg a.find-out-more:hover { }
#cookie-notice-msg a.find-out-more:hover { text-decoration: underline; }
#cookie-notice-close { position: absolute; cursor: pointer; right: 35px; top: 25px; display: block; width: 13px; height: 12px; background: transparent url(/pics/close-cookie-info-bar.png) no-repeat 0 0; }
#cookie-notice-close, #cookie-notice-close:hover { text-decoration: none; }
#cookie-notice-close:hover { background-position: 0 -12px; }

/* Page Specific */

/* Team Page */
h2.section {margin: 0 0 10px 0 ! important; text-decoration:underline ! important;}
.bioPerson {position:relative; width: 100%; float:left; margin: 0 0 16px 0; }
.bioPerson .bioImage {position:relative; width: 16%; float:left; text-align:left;}
.bioPerson .bioImage img {position:relative; width: 100%; float:left; }
.bioPerson .bioText {position:relative; width: 82%; float:right; text-align:left;}
.bioPerson .bioText p { margin: 0 0 16px 0;}
.bioPerson .bioText strong { font-size: 1.0em; display:block; margin: 0 0 0 0;}

.teamLinks {margin: 0 ! important; padding: 0 ! important; font-size: 0.8em;}
.teamLinks .linkFacebook {position:relative; float:left; background: url(/pics/team/icons/facebook-16-16.gif) no-repeat 0 2px; text-indent: 20px; margin:0 10px 0 0;}
.teamLinks .linkYouTube {position:relative; float:left; background: url(/pics/team/icons/youtube-16-16.gif) no-repeat 0 2px; text-indent: 20px; margin:0 10px 0 0;}
.teamLinks .linkLinkedIn {position:relative; float:left; background: url(/pics/team/icons/linkedin-16-16.gif) no-repeat 0 2px; text-indent: 20px; margin:0 10px 0 0;}
.teamLinks .linkTwitter {position:relative; float:left; background: url(/pics/team/icons/twitter-16-16.gif) no-repeat 0 2px; text-indent: 20px; margin:0 10px 0 0;}
.teamLinks .linkGooglePlus {position:relative; float:left; background: url(/pics/team/icons/googleplus-16-16.gif) no-repeat 0 2px; text-indent: 20px; margin:0 10px 0 0;}
.teamLinks .linkWebsite {position:relative; float:left; background: url(/pics/team/icons/website-16-16.gif) no-repeat 0 2px; text-indent: 20px; margin:0 0 0 0;}

/* Home Page Sites etc */
.site {position:relative; width: 100%; float:left; margin: 2em 0 2em 0; }
.site p {margin: 0 0 16px 0;}
.site .name {position:relative; text-align:left; font-weight:bold; font-size:1.2em ! important; }
.site a {font-weight:bold; }
.site img {max-width: 95% ! important; }
.site .teamLinks div {margin-bottom: 1em ! important; }
.site .teamLinks .linkWebsite {margin:0 10px 0 0;}
.site .teamLinks .linkYouTube {margin:0 10px 0 0;}
.site a img {clear:both;} /* screenshot after links */
img.quant {float:right; margin:0 0 1em 1em}

.testimonialAnchors {float:none; max-width:95% ! important; }
.testimonialAnchors a {display:block; position:relative; float:left; width:130px; height:75px; margin: 0 1em 1em 0; overflow:hidden; z-index:10;}
.testimonialAnchors .testimonialLogoAnchor {float:left; width:130px; z-index:9;}
.testimonialAnchors .top {margin: 0.5em 0 0 0; }
.testimonialAnchors .topMore {margin: 1em 0 0 0; }
.testimonialAnchors .topEvenMore {margin: 1.5em 0 0 0; }

.testimonialLogo {float:none; max-width:95% ! important; }

.policy-page { }
.policy-page em { font-style: italic; }
.policy-page ol.top-level-policy-items { margin: 0 !important; padding: 0 0 0 1.5em !important; }
.policy-page ol.top-level-policy-items > li { margin-left: 0 !important; }
.policy-page p { position: static !important; }

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.policy-page ol li, .policy-page ul li { margin-left: 1.5em !important; }
	.policy-page ol.top-level-policy-items { padding-left: 1.7em !important; }
	.policy-page .related-content-box { width: 88% !important; margin:12px auto !important; float: none !important; }
}

/* App Detail Pages */
.downloadLinks {position:relative; text-align: center; width: 100%; overflow: hidden; }
.downloadLink {position:relative; float: left; margin: 0 1em 1em 0; text-align:center;}
.downloadLink img {position:relative; height: 40px;}
.downloadLink label {font-size: 0.9em; text-decoration:underline;}

/* Responsive Design */


/* Short, show mobile */
@media only screen and (min-device-width : 320px) {
    h2.section {margin: 0 0 10px 0 ! important; text-decoration:underline ! important;}
}

/* Full Size - Show Side Bar */
@media screen and (min-width: 1000px) {
    body {background:url(/Themes/Standard/Images/Background.png) repeat-y top center white; }
    .page {border-left: 2px solid #d1d1d1; border-right: 2px solid #d1d1d1; border-bottom: 2px solid #d1d1d1; }
    #contentDiv { padding-right: 0; padding-left: 0; width: 100%; }
    #main a {color: #183c6d !important;}
    #content {display: block; width:610px; padding:8px 8px 8px 24px; min-height:1850px; }
    #side {display: block; width:316px; padding:8px 16px 0 16px;}
	#sideDiv .instagram {width:288px; border: 1px solid #aaaaaa; padding: 10px 0px 0px 10px;}
	#sideDiv .instagram  .right {text-align:center; position: relative; }
	#sideDiv .socialDivide {width:96%; height: 1px; margin: 5px 4% 10px 0px; background-color: #d8dfea; }
    #socialShare {float:left; width:316px; height:50px; padding:0 16px 8px 16px; padding-top: 0 ! important; margin-top: 0 ! important; }
    #socialShare .recommend {margin-top: 0.5em; font-size: 15px; text-align: left; margin-left: 8px; display: block; }
    #socialShare div.holder { padding: 0 ! important; margin: 0 ! important; }
    #socialShare div.holder .instruction {display: none; }
    #content img {margin:0;}
    #menu {display:none;}
    nav {display:block;}
    nav ul li {text-transform:none;}
    nav ul li a { display:block; float:left; background: transparent url(/Themes/Standard/images/nav-bullet.png) no-repeat right center; padding-right: 9px; margin-right: 6px; }
    nav ul li.is-last a { background: none; padding-right: 0; margin-right: 0; }
    nav ul {margin:2px 8px 2px 8px; list-style:none; position:relative; }    
    nav ul li {position:relative; width:auto; float:left ! important; color:#2c1871; text-transform:uppercase; margin: 6px 0 6px 0; padding:0; font-size: 1.0em; border:none; }    header {height:110px; background: url(/Themes/Standard/Images/AZoNetwork-header-desktop-2015-1.png) no-repeat 10px center;}
    header .btnHome {width:320px; height:97px; }
    footer {width: 98%}
    .site img {max-width: 600px; width: 600px;}
    h2.section {font-size:1.6em; margin: 0 0 24px 0; text-decoration:none ! important;}
    .bioPerson {position:relative; width: 100%; float:left; margin: 0 0 16px 0; }
    .bioPerson .bioImage {position:relative; width: 17%; float:left; text-align:left;}
    .bioPerson .bioImage img {width:100px; }
    .bioPerson .bioText {position:relative; width: 81%; float:right; text-align:left;}
    .bioPerson .bioText p { margin: 0 0 16px 0;}
    .bioPerson .bioText strong { font-size: 1.2em; display:block; margin: 0 0 10px 0;}

    .teamLinks {margin: 0 ! important; padding: 0 ! important;  }
    .teamLinks .linkLinkedIn {position:relative; float:left; background: url(/pics/team/icons/linkedin-16-16.gif) no-repeat 0 1px; text-indent: 20px; margin:0; }
    .teamLinks .linkYouTube {position:relative; float:left; background: url(/pics/team/icons/youtube-16-16.gif) no-repeat 0 1px; text-indent: 20px; margin:0 0 0 16px;}
    .teamLinks .linkFacebook {position:relative; float:left; background: url(/pics/team/icons/facebook-16-16.gif) no-repeat 0 1px; text-indent: 20px; margin:0 0 0 16px;}
    .teamLinks .linkTwitter {position:relative; float:left; background: url(/pics/team/icons/twitter-16-16.gif) no-repeat 0 1px; text-indent: 20px; margin:0 0 0 16px;}
    .teamLinks .linkGooglePlus {position:relative; float:left; background: url(/pics/team/icons/googleplus-16-16.gif) no-repeat 0 1px; text-indent: 20px; margin:0 0 0 16px;}
    .teamLinks .linkWebsite {position:relative; float:left; background: url(/pics/team/icons/website-16-16.gif) no-repeat 0 1px; text-indent: 20px; margin:0 0 0 16px;}

    .site .teamLinks .linkWebsite {position:relative; float:left; background: url(/pics/team/icons/website-16-16.gif) no-repeat 0 1px; text-indent: 20px; margin:0;}
    .site .teamLinks div a {font-weight:bold;}

    .testimonialLogo {float:right; width:300px; max-width:300px; margin-left: 1em ! important; margin-bottom: 1em ! important; }

    .testimonialAnchors {float:none; max-width:95% ! important; }
    .testimonialAnchors a {float:left; width:150px; height:75px ! important ; margin: 0 1em 1em 0 ! important; overflow:hidden;}
    .testimonialAnchors .testimonialLogoAnchor {float:left; width:150px; }
    .testimonialAnchors .top {margin: 0.5em 0 0 0 ! important; }
    .testimonialAnchors .topMore {margin: 1em 0 0 0 ! important; }
    .testimonialAnchors .topEvenMore {margin: 1.5em 0 0 0 ! important; }
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#main ol li { margin-left: 1.5em; }
    #main ul li { margin-left: 1.5em; }
}

/* Retina Display and high-density display graphics */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 999px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 999px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 999px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 999px) {
    header {
        background-image: url(/Themes/Standard/Images/AZoNetwork-header-2015-1@2x.png);
		-webkit-background-size: 79px 44px;
		-moz-background-size: 79px 44px;
		background-size: 79px 44px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1000px),
only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1000px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1000px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 1000px) {
    header {
        background-image: url(/Themes/Standard/Images/AZoNetwork-header-desktop-2015-1@2x.png);
		-webkit-background-size: 157px 97px;
		-moz-background-size: 157px 97px;
		background-size: 157px 97px;
    }
}

@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) {
    footer {
        background-image: url(/Themes/Standard/Images/AZoNetwork-footer-2015-1@2x.png);
		-webkit-background-size: 57px 32px;
		-moz-background-size: 57px 32px;
		background-size: 57px 32px;
    }
}

/* Retina 'HD' Display i.e. iPhone 6 Plus */
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 999px),
only screen and (min--moz-device-pixel-ratio: 3) and (max-width: 999px),
only screen and (-o-min-device-pixel-ratio: 3/1) and (max-width: 999px),
only screen and (min-device-pixel-ratio: 3) and (max-width: 999px) {
    header {
        background-image: url(/Themes/Standard/Images/AZoNetwork-header-2015-1@3x.png);
		-webkit-background-size: 79px 44px;
		-moz-background-size: 79px 44px;
		background-size: 79px 44px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) and (min-width: 1000px),
only screen and (min--moz-device-pixel-ratio: 3) and (min-width: 1000px),
only screen and (-o-min-device-pixel-ratio: 3/1) and (min-width: 1000px),
only screen and (min-device-pixel-ratio: 3) and (min-width: 1000px) {
    header {
        background-image: url(/Themes/Standard/Images/AZoNetwork-header-desktop-2015-1@3x.png);
		-webkit-background-size: 157px 97px;
		-moz-background-size: 157px 97px;
		background-size: 157px 97px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (min--moz-device-pixel-ratio: 3),
only screen and (-o-min-device-pixel-ratio: 3/1),
only screen and (min-device-pixel-ratio: 3) {
    footer {
        background-image: url(/Themes/Standard/Images/AZoNetwork-footer-2015-1@3x.png);
		-webkit-background-size: 57px 32px;
		-moz-background-size: 57px 32px;
		background-size: 57px 32px;
    }
}