.e1b-help strong { font-weight: bold; }
.e1b-help img { max-width: 100%; }

.e1b-img-1 {
	background-color:#fff;
	margin: 8em auto 0 1.1em;
	text-align:center;
	border: 1px solid #ececec;
	width:40%;
	position: relative;
}
.e1b-img-2 {
	background-color:#fff;
	margin: .5em auto 0 auto;
	text-align:center;
	border: 1px solid #ececec;
	width:225px;
	position: relative;
}
.e1b-img-1 img, .e1b-img-2 img {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
div.e1b-img-overlay {
	background:url(../images/detail-view.png) center center no-repeat #eee;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.e1b-img-default{
	margin-top:4.4em;
}
.e1b-help .ui-responsive h2 {
	font-size:1.1em;
	text-align:center;
	margin:0em;
}
.e1b-help .ui-body-d,
.e1b-help .ui-overlay-d {
	background-color:transparent !important;
	background-image:none !important;
	border:none; 
}

.e1b-mr { 
	padding: 3px 7px;  
	font-weight: bold; 
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; 
	border-radius: 12px;
	background-color:#949494;
}

/* Page */
.e1b-help  {
	font-size:1.23em;
}

/* Content */

/* Headings */
.e1b-content h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #555;
	clear:both;
}
.e1b-content h2,
.e1b-content h3,
.e1b-content h4,
.e1b-home-desc h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.6em;
	color: #74b042;
	padding-top: .6em;
	clear:both;
}
.e1b-home-desc h2 {
	font-size:1.5em;
	margin-left:.5em;
	margin-top:-.2em;
}
.e1b-home-desc .e1b-button {
	margin-left:.8em;
	margin-top:-.4em;
}
.e1b-home-desc .e1b-button .ui-btn-text {
	font-size:1.1em;
	font-weight:300;
}
.home-pop {
	max-width:350px;
}
.home-pop-step {
	max-width:860px;
}
.home-pop p, .home-pop-step p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	padding:.5em .5em;
	width:16em;
}
.home-pop a, .home-pop-step a,
.home-pop h3, .home-pop ol, .home-pop span, .home-pop table, 
.home-pop-step h1, .home-pop-step ol, .home-pop-step span, .home-pop-step table {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.home-pop a, .home-pop-step a {
	font-weight:normal !important;
}
.home-pop h2, .home-pop-step h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.6em;
	color: #74b042;
	padding-top: 0;
}
span.e1b-icon {
	width: 18px;
	display: inline-block;
	margin: 1px 1px 0;
	opacity: .5;
}


.home-pop .ui-btn-text {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.e1b-content h4 {
	font-size: 1.2em;
}
h1.e1b-home-level {
	font-size:1.8em;
	margin-left:.5em;
	padding-top: 1.7em !important;
}
h2.e1b-home-level {
	font-size:1.3em;
	margin-left:.6em;
	padding-top: .5em !important;
}

/* Paragraphs */
.e1b-content p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400; 
	font-size: 0.95em;
}
.e1b-content .e1b-intro {
	font-size: 120%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 110%;
	margin-top: -.5em;
	margin-bottom: .5em;
	padding-bottom: 2.6em;
	color: #555;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	border-bottom-color: rgba(0,0,0,.1);
}
.e1b-help-home .e1b-content .e1b-intro {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: .9em;
	margin: .5em .8em 1em .8em;
	padding-bottom: .5em;
	border: none;
	color: #555;
}
.e1b-help-index .e1b-content p.e1b-intro {
	border: none;
}
.e1b-content .e1b-home-desc .e1b-intro {
	line-height: 135%;
}
.e1b-content ul:not(.ui-listview),
.e1b-content ul:not(.ui-listview) li {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400; 
	font-size: 0.95em;
	line-height: 1.7;
}
.e1b-content ul:not(.ui-listview) {
	margin: 1em 0;
	padding-left: 1.3em;
}

/* Links */
.e1b-content p a.ui-link,
.e1b-content p.e1b-intro a.ui-link {
	font-weight: 400; 
	text-decoration: none;
}
.e1b-content p a.ui-link:hover,
.e1b-content p.e1b-intro a.ui-link:hover {
	text-decoration: underline;
}

/* Responsive - content */
@media all and (min-width:46em) {
	.e1b-help .e1b-content {
		padding: 15px 15% 4.5em; /* padding bottom is because of footer position absolute */
	}
	.e1b-help .e1b-content.e1b-fullwidth {
		padding: 15px;
	}
	.e1b-help-home .e1b-content p.e1b-intro {
		font-size: 1.1em;
	}
	
	/* Homepage */	
	.e1b-help-home .e1b-home-desc {
		float: left;
		width: 48%;
		padding-right:6%;
		margin-top:.4em;
	}
	.e1b-help-home .e1b-home-list {
		float: left;
		width: 45%;
	}
	.e1b-help-home h1.e1b-home-level, .e1b-help-home h2.e1b-home-level {
		clear:left;
		padding-top:2em;
	}
}

/* Code */
.e1b-content pre,
.e1b-content code {
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
	background: #e5e5e5;
	background: rgba(0,0,0,.05);
	padding: 0 .125em;
}
.e1b-content pre {
	padding: 0 1em 1.2em;
	white-space: pre-wrap;	
}
.e1b-content pre code {
	padding: 0;	
	background: none;
	font-size:.8em;
}

/* Buttons */
.e1b-content .e1b-button,
.e1b-view-source-link .ui-btn {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin-left:.8em;
}
.e1b-home-desc .e1b-button .ui-icon {
	opacity: .6;
}

/* Deeplinks */
.e1b-content a.e1b-deeplink {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	display: block;
	text-align: right;
	font-size: 0.8em;
	margin-top: 1.2em;
	margin-bottom: 1em;
	margin-right:.6em;
	text-decoration: none;
	float:right;
}
.e1b-content p.e1b-intro + a.e1b-deeplink {
	text-align: left;
}
.e1b-content a.e1b-deeplink span {
	width: 18px;
	display: inline-block;
	margin-top: 1px;
	margin-left: 10px;
	float: right;
	opacity: .5;
}
.e1b-content p.e1b-intro + a.e1b-deeplink span {
	float: right;
	margin-left: 10px;
}
.e1b-content a.e1b-open-quicklink-panel {
	margin-top: -3.3em;
}

/* Lists */
.e1b-list h2 {
	padding:0em;
}
.e1b-search .e1b-list {
	font-weight: 400; 
	font-size: 0.88em;
}
.e1b-list .ui-li-heading  {
	font-weight: 700; 
	font-size: .9em;
	color: #07ade0;
	margin-top: .1em;
}
.e1b-list .ui-li-desc  {
	font-weight: 300; 
	font-size: .8em;
	color: #777;
	margin-bottom: .1em;
}
/* List dividers */
.e1b-list .ui-bar-d {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: .9em;
	padding: .7em 15px;
	background-image: none;
	background-color: #f8f8f8;
	border-color: #e8e8e8;
	color: #74b042;
	text-shadow: none;
}
/* List buttons */
.e1b-list .ui-btn-inner {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300; 
	font-size: 0.95em;
	border-top: none;
}
.e1b-list .ui-btn-up-d, 
.e1b-list .ui-btn-hover-d, 
.e1b-list .ui-btn-down-d {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300; 
	border-color: #eee;
}
.e1b-list .ui-btn-up-d {
	background-color: #fff;
}
.e1b-list .ui-btn-hover-d {
	background-color: #f8f8f8;
}
.e1b-list .ui-btn-up-d,
.e1b-list .ui-btn-hover-d {
	-webkit-background-image: none;
	-moz-background-image: none;
	-o-background-image: none;
	background-image: none;
}
.e1b-list .ui-btn-up-d.ui-btn-active, 
.e1b-list .ui-btn-hover-d.ui-btn-active, 
.e1b-list .ui-btn-down-d.ui-btn-active,
.e1b-list .ui-btn-up-d.ui-focus, 
.e1b-list .ui-btn-hover-d.ui-focus, 
.e1b-list .ui-btn-down-d.ui-focus {
	border-color: #34bae8;
	background-color: #34bae8;
	-webkit-background-image: none;
	-moz-background-image: none;
	-o-background-image: none;
	background-image: none;
	color: #fff;
	text-shadow: 0 1px 0 #369;	
}
.e1b-list .ui-btn-up-d.ui-focus, 
.e1b-list .ui-btn-hover-d.ui-focus, 
.e1b-list .ui-btn-down-d.ui-focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.e1b-list .ui-btn-active a.ui-link-inherit,
.e1b-list .ui-btn-active .ui-li-heading,
.e1b-list .ui-btn-active .ui-li-desc,
.e1b-list .ui-focus a.ui-link-inherit,
.e1b-list .ui-focus .ui-li-heading,
.e1b-list .ui-focus .ui-li-desc {
	color: #fff;
}
.e1b-help .e1b-list .ui-li .ui-btn-text a.ui-link-inherit,
.e1b-help .e1b-list .ui-li .ui-li-desc {
	text-overflow: clip;
	overflow: visible;
	white-space: normal;
}

	
/* These apply across all breakpoints because they are outside of a media query */
/* Make the labels light gray all caps across the board */
.step-list {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 300; 
	color: #555;
}
.step-list thead th,
.step-list tbody th .ui-table-cell-label,
.step-list tbody td .ui-table-cell-label {
    text-transform: uppercase;
    font-size: .8em;
    color: rgba(0,0,0,0.5);
    font-weight: normal;
}
/* White bg, large blue text for rank and title */
.step-list tbody th {
    font-size: 1.2em;
    background-color: #fff;
    color: #77bbff;
    text-align: center;
	padding-top:.2em;
}
/*  Add a bit of extra left padding for the title */
.step-list tbody td.title {
	padding-left: .8em;
}
/*  Custom stacked styles for mobile sizes */
/*  Use a max-width media query so we don't have to undo these styles */
@media (max-width: 40em) {
	.e1b-help .e1b-img-1 {
		width:91%;
		margin-top:auto;
		margin-left:1em;
	}
	.e1b-help .e1b-img-2 {
		width:100%;
	}
	.nowrap {
		white-space:normal;
	}
	/*  Negate the margin between sections */
    .step-list tbody th {
        margin-top: 0;
        text-align: left;
    }
    /*  White bg, large blue text for rank and title */
    .step-list tbody th,
    .step-list tbody td.title {
        display: block;
        font-size: 1.2em;
        line-height: 110%;
        padding: .5em .5em;
        background-color: #fff;
        color: #77bbff;
        -moz-box-shadow: 0 1px 6px rgba(0,0,0,.1);
        -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.1);
        box-shadow: 0 1px 6px rgba(0,0,0,.1);
    }
    /*  Hide labels for rank and title */
    .step-list tbody th .ui-table-cell-label,
    .step-list tbody td.title .ui-table-cell-label {
        display: none;
    }
    /*  Position the title next to the rank, pad to the left */
    .step-list tbody td.title {
        margin-top: -2.1em;
        padding-left: 2.2em;
        border-bottom: 1px solid rgba(0,0,0,.15);
    }
    /*  Make the data bold */
    .step-list th,
    .step-list td {
    }
    /* Make the label elements a percentage width */
    .step-list td .ui-table-cell-label,
    .step-list th .ui-table-cell-label {
        min-width: 20%;
    }
}
/* Media query to show as a standard table at wider widths */
@media ( min-width: 40em ) {
    /* Show the table header rows */
    .step-list td,
    .step-list th,
    .step-list tbody th,
    .step-list tbody td,
    .step-list thead td,
    .step-list thead th {
        display: table-cell;
        margin: 0;
    }
    /* Hide the labels in each cell */
    .step-list td .ui-table-cell-label,
    .step-list th .ui-table-cell-label {
        display: none;
    }
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this */
@media ( max-width: 40em ) {
    .step-list td,
    .step-list th {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        clear: left;
    }
}