body {
	background-image:none;
	padding:0px;
	background-color:#ffffff;
	overflow:auto;
	font-size:0.6em;
}
h1 {
    font-size:3em;
    font-weight:bold;
}
h2 {
    font-size:2.3em;
    font-weight:bold;
}
h3 {
    font-size:2.1em;
    font-weight:normal;
}
div#main tt, tt {
    font-size:1.4em;
    line-height:auto;
}
pre, tt {
    max-width:100%;
    font-size:.8em;
    white-space:pre-wrap;
    overflow:auto;
    word-wrap:break-word;
}
div#main p tt {
    font-size:.4em;
    padding:0px;
    width:100%;
}
blockquote {
    width:85%;
    padding:0px;
}
blockquote p {
    font-size:1.6em;
}
div#main {
	width:100%;
	min-width:100%;
	max-width:100%;
	margin:0px;
	padding:0em .2em .2em .2em;
	background-color:#ffffff;
	position:relative;

    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
div#main p,
table {
	font-size:1.7em;
	line-height:normal;
}
div#main p.footnote,
p.footnote,
div#main dd {
    font-size:1.3em;
	line-height:auto;
}
dt {
    margin-top:10px;
}
dt, dd, div#main li, div#main ul li, div#main ol li, div#main blockquote p {
	font-size:.8em;
}
dd {
    margin:0px;
}
li {
    margin-top:4px;
}
div#main ol li,
div#main ul li,
pre {
	font-size:1.3em;
}
div#main p.intro {
	font-size:2em;
	line-height:1.7em;
}
div#header {
    height:211px;
    background-image:url('/images/global/Openesque-logo-header-mobile.png');
    background-color:#fff;
    border:none;
}
div#header img#logoPrint {
    display:none;
}
div#header:active {
    background-image:url('/images/global/Openesque-logo-header-mobile.png');
}
div#subheader {
    margin-bottom:20px;
    padding:2px 10px;
}
div#subheader p {
    line-height:1.6em;
    margin:0;
    padding:0px;
    text-align:center;
}
div#subheader a {
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin:0 0 0.6em 0;
}
div#footer {
	margin-top:10px;
}
div#footer p.footnote {
    font-size:.8em;
}
div#main div.fullWidthFeature {
	clear:both;
	border:solid 1px #000000;
	margin:10px 0px;
	padding:10px;
}
table {
    background-image:none;
}
div.inset,
div.insetWide {
	width:96%;
	float:none;
	margin:10px auto;
	padding:5px;
    background-image:none;
}
div.inset h1 {
	background-image:none;
    font-size:2em;
}
div#main div.inset h3 {
    font-size:1.4em;
}
div#main div.inset h3 + p,
div#main div.insetWide h3 + p {
    margin-top:0px;
    font-size:.75em;
}
div.insetWide h2,
div.insetWide p {
    margin:0px;
}
div#main div.inset p,
div#main div.insetWide p {
    font-size:1.4em;
}
div#main p tt {
    font-size:1.1em;
}
div#main blockquote p {
    font-size:1.3em;
}
div.insetWide dl dt {
    font-size:1.2em;
}
table.sections td {
	border-left:dotted 1px #4caec6;
	padding:0px 10px;
}
.button:active {
	position:relative;
	top:1px;
}
div#subheader a, div#subheader a.phone-link {
    color:#000000;
    border:none;
    background-color:#ccc;
    white-space:nowrap;
    padding:2px 10px;
}
div#subheader a.phone-link {
    color:auto;
    border:none;
    pointer-events:auto;
}
span.mobileNarrow {
    font-size:.5em; /* This is a magic number, not intended for readability but for displaying
    (in tiny size) an RSA fingerprint key on one line without forcing (a) the entire page to scale
    down to fit this one line's width or (b) potentially forcing the user to scroll horizontally
    on some devices. */
}

/* The following makes the nav's <ul> and <li> entries behave as a drop-down menu.
IN MOBILE's CSS, only really need the first display:none unless we decide to reveal 
the menu for mobile devices. */
#navUL {
	margin-top:8px;
	width:98% !important;
}
#navUL li.centered {
    text-align:center;
}
#navUL li {
	position:relative;
    top:-9px;
    margin:0px;
    margin-left:-10px !important;
    line-height:20px;
    font-size:2em !important;
}
#navUL ul#navContent {
    position:relative;
    top:-10px;
    margin-left:-6px;
    width:100% !important;
    text-align:left;
}
#navUL ul#navContent ul {
    position:relative;
    padding-left:26px;
    width:270px !important;
}
#navUL ul#navContent ul li {
    height:auto !important;
}

/*--- DROPDOWN ---*/
#navUL ul li {
    font-size:1em !important;
}
#navUL ul a {
	margin:16px 0 0 6px;
    overflow:hidden;
    text-overflow:ellipsis !important;
}

/* RESPONSIVE FINE-TUNING: mobile horizontal e.g., iPhone 4S horizontal */
@media only screen 
and (min-width : 321px) {
    /* Styles */
    div#main div.inset p,
    div#main div.inset li {
        font-size:1em;
        line-height:normal;
    }
    div#main p,
    table {
        font-size:1em;
        line-height:normal;
    }
    div#main p tt {
        font-size:1.3em;
    }
    div.insetWide dl dt {
        font-size:1.3em;
    }
    div#main blockquote p {
        font-size:0.9em;
    }
    div#main ol li,
    div#main ul li,
    pre {
        font-size:0.9em;
    }
    div#main p.footnote,
    p.footnote,
    div#main dd {
        font-size:1em;
        line-height:auto;
    }
    #navUL {
        width:100% !important;
        margin-left:-10px !important;
    }
    #navUL li.centered {
        text-align:center;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    #navUL li {
        font-size:1.5em !important;
        max-width:90% !important;
        margin-left:0px !important;
        padding-top:0;
    }
    #navUL ul#navContent,
    #navUL ul#navContent ul {
        width:100% !important;
        margin-left:10px !important;
    }
    #navUL ul a {
        margin-top:24px;
    }
}