@import url(//web-archive.nli.org.il/National_Library/20161130034600cs_///fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@font-face {font-family:'CompleteInHimPro'; src:url('/National_Library/20161130034600oe_/http://www.instructables.com/static/css/completeinhim/2211C6_0_0.eot'); src:url('/National_Library/20161130034600oe_/http://www.instructables.com/static/css/completeinhim/2211C6_0_0.eot#iefix') format('embedded-opentype'),url('/National_Library/20161130034600oe_/http://www.instructables.com/static/css/completeinhim/2211C6_0_0.woff') format('woff'),url('/National_Library/20161130034600oe_/http://www.instructables.com/static/css/completeinhim/2211C6_0_0.ttf') format('truetype');}
.CompleteInHimPro {font-family:CompleteInHimPro; font-weight:normal; font-style:normal;}
.openCondensed {font-family:'Open Sans Condensed'}
@font-face {font-family:RBNo2; src: url('/National_Library/20161130034600oe_/http://www.instructables.com/static/css/RBNo2/RBNo2Light.otf'); src: url('/National_Library/20161130034600oe_/http://www.instructables.com/static/css/RBNo2/RBNo2Light_a.otf')}
.RBNo2 {font-family:RBNo2;font-weight: normal; font-style: normal}

body {background-color: #d4e1e7; font-family: Helvetica, Arial, sans-serif; color: #555; margin: 0px;font-size:12px;min-width: 970px; line-height: normal;}
html,body {height:100%}

div#omni {position:relative; min-height:100px; width:1016px; margin:0 auto; padding:23px 0; background:#fff; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; border:1px solid rgba(119,130,135,.4)}
div#omni:after {content: "."; display:block; height:0; clear:both; visibility:hidden}

#container, .container { width:970px; margin:0 auto; position:relative}
#main-content, #main_content {width:646px; float:left; margin:0}
#sidebar {width:300px; float:right}

h1,h2,h3,h4,.h1,.h2,.h3,.h4 {font-size:22px; font-weight:bold; color:#333; padding:0; margin:0; line-height:normal}
h2,.h2 {font-size:22px}
h3,.h3 {font-size:18px}
h4,.h4 {font-size:14px}

p, td, th {margin: 3px 0 10px;}
ul, ol {list-style: none outside none; margin: 0; padding: 0;}
li {line-height: normal;}
label { font-weight: bold}
form { margin:0; padding:0}
input { padding: 2px; padding-left: 3px; font: inherit; border: 1px solid #857561}
input.small { padding: 1px; padding-left: 3px; font-size: 11px; border: 1px solid #857561}
.inputBorder { border: 1px solid #857561}
select,textarea { border: 1px solid #857561; padding: 2px; padding-left: 3px}
pre { margin-left: 10px}
button, input, select, textarea, img {vertical-align:baseline}
img {max-width:none}
:focus {outline:none}
.pager-container {margin:10px 0px 15px 0px;}
.pager-container .pagination {margin:0}
.pager-container > p {text-align:center}
blockquote {font-style: italic;margin: 0 0 10px;}
blockquote p {font-size:inherit; line-height:normal}

a { color: #ff5200; text-decoration: none; cursor: pointer}
a.bold { color: #ff5200; text-decoration: none; cursor: pointer; font-weight: bold}
a:hover { text-decoration: underline; color:#ff5200}
a:active, a:focus { outline: none}
a img { border:0}
a.bright { color: #ff5200; text-decoration: none; cursor: pointer}
a.bright:hover { text-decoration: underline}
a.dull { color: #cabfb1; text-decoration: none}
a.dull:hover { color: #857561;  text-decoration: underline}
a.unadorned:hover {text-decoration: none;}
a.liexternal { background:transparent url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/external_link.gif) no-repeat scroll right center; padding-right:16px}
a.highlight { border:1px solid #fff}
a.highlight:hover { border:1px solid #ff5200}
a.icon { border:2px solid #fff; width: 12px; height:20px; display:block; float:left; margin: -6px 8px  0 0}
a.icon:hover { border:2px solid #f64000}

.clearfix {*zoom: 1;}
.clearfix:before,
.clearfix:after {display: table; content: "";}
.clearfix:after {clear: both;}

.highlight,
.heading { color: #ff5200}
.strong { font-weight: bold}
.mt15 { margin-top: 15px}
.mb15 { margin-bottom: 15px}
.mt5 { margin-top: 5px}
.mt10 { margin-top: 10px}
.ml5 { margin-left: 5px}
.ml15 { margin-left: 15px}
.mr5 { margin-right: 5px}
.fr { float: right}
.fl { float: left}
.tr { text-align: right}
.fs-1 { font-size: .9em}
.center { text-align: center}
.char { color: #404040 ; }
.nb {border: none;}
.null { display: none}
.h-list li { float: left;}
.h-list li.line-end {margin-right:0px !important;}
.ilist a {display:block; min-width:302px; padding-left:4px; font-size:13px; line-height:34px; border-bottom:1px solid #e6e6e6; background:url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/ilist-bg.png) no-repeat bottom center}
.ilist li:first-child a {border-top:1px solid #e6e6e6}
.ib {display:inline-block; *display: inline; *zoom: 1; overflow:hidden;}
.spinner {  background: url('/National_Library/20161130034600oe_/http://www.instructables.com/static/IMGS/spinner.gif') no-repeat; background-position: 0px 0px; padding-left: 15px; padding-top: 1px; height: 15px;}
.orange-grey-spinner {background-repeat: no-repeat; background-image: url(data:image/gif;base64,R0lGODlhEAAQAPIAANl0NgAAAKVYKTgeDgAAAFMsFG87G3xCHyH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==); background-position: 0 2px; padding-left:15px; padding-top:1px; height:14px;}
.grey-spinner {background-repeat: no-repeat;background-image: url(data:image/gif;base64,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); background-position: 0 2px;background-size: 20px;padding-left:20px; padding-top:1px;}
.txt {font-size:17px; line-height:1.3em;}
.txt ul {list-style: disc outside none}
.txt ol {list-style: decimal outside none}
.txt ul, .txt ol {margin:12px 0 0; padding-left:40px}
div.txt.step-body {margin:20px;word-wrap: break-word;}
.feedback { position: fixed; top: 50px; margin: 0 auto;  width: 300px; background: #fff; padding: 1em; font-size: 16px; font-weight: bold; text-align: center; z-index: 2950; border-radius: 5px; box-shadow: 0 0 5px #000; border: 3px solid #fe5200; }
.feedback a { color: #00e; text-decoration: underline}
.minor-feedback { background: #ff7b00; color: #fff; border: 1px solid #f69; padding: 1em; font-size: 16px; font-weight: bold; text-align: center}
.titleButton { float: right; margin-top: 4px}
.itooltip { position:absolute; border:1px solid black; background:#fff; padding: 4px; overflow: hidden; z-index: 2050}
.clear { clear:both; margin:0; height:0; padding:0px; line-height:0.0; list-style-type:none; text-decoration:none; font-size:0}
ul.curly { list-style: none; margin: 0px; margin-left: 5px; padding-left:1px}
ul.curly li { background:url(/National_Library/20161130034600oe_/http://www.instructables.com/static/IMGS/bullet-1.gif) no-repeat; padding-left:18px; padding-right: 3px; padding-bottom: 5px}
.txt ul.curly li { background-position: 0 5px; }
hr.separator { margin: 20px 0; border: 0 none; color: #eee; background-color: #eee; height: 1px}
.bold-label,
.bold-label-faded { font-size: 14px; font-weight:bold; white-space:nowrap}
.bold-label-faded { color: #999}
.rsslink { margin-top: 10px; background: url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/rss.gif) no-repeat left center; padding: 0 0 0 15px}
.rsslink a { font-weight: 900; font-size: 14px}
.rsslink a:hover { text-decoration: none; border-bottom: 1px dotted #f8ab02}
.callout {color:#333; background:#fff; font-size:13px; position:relative; border:1px solid #d5d5d5; display:inline-block; *display:inline; zoom:1; padding:6px; margin-left:8px; border-radius:3px; line-height:13px}
.callout:before {content:""; display:block; width:0; height:0; border:6px solid #d5d5d5; border-color:transparent #d5d5d5 transparent transparent; position:absolute; right:100%; margin-right:0; top:50%; margin-top:-6px}
.callout:after {content:""; display:block ;width:0; height:0; border:6px solid #fff; border-color:transparent #fff transparent transparent; position:absolute; right:100%; margin-right:-1px; top:50%; margin-top:-6px}
.ilabel {white-space:normal; color:#857561}
.pipe {color:#ccc}

.button,
.button_over,
.buttonSmall,
.buttonSmall_over,
.buttonSmallBlue,
.buttonSmallBlue_over,
.buttonLarge,
.buttonLarge_over { display: inline-block; font-size: 11px; padding:2px 5px; font-weight: bold; text-decoration:none; text-align: center; color:#ff5200; cursor:pointer; background:#fddeb0 url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBG.gif) repeat-x; border:1px solid #c2bab0; /*darker */ white-space: nowrap}

.buttonSmall,
.buttonSmall_over,
.buttonSmallBlue,
.buttonSmallBlue_over,
.buttonLarge,
.buttonLarge_over { background:#fd5201 url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBGR.gif) repeat-x; color:#fff; border:1px solid #fd5201}

.submitButton,
.submitButton_over { background-image: url('/National_Library/20161130034600oe_/http://www.instructables.com/static/img/submit_bg.gif'); background-repeat:no-repeat; font-size: 14px; padding: 4px 5px; margin: 0px; color:#404040; text-decoration:none; font-weight: bold; text-align: center; cursor:pointer; white-space: nowrap; border:none; width:92px}
.submitButton_over { text-decoration: underline}

.buttonSmallBlue { background:#fd5201 url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBGB.gif) repeat-x; color:#fff; border:1px solid #1277bd}
.buttonSmallBlue_over { background:#fd5201 url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBGB.gif) repeat-x; color:#fff; border:1px solid #99f}
.buttonBlueLarge {text-align: center;line-height:40px; border:1px solid #B5D0E1;-moz-border-radius: 5px; border-radius: 5px;background:#437595 url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBG-overlay.png) repeat-x;background-size: 100% 100%;font-size: 17px; color: #FFFFFF; text-shadow: -0.1em -0.05em 0.3em black;margin:0px 0px 20px 0px;}
.buttonBlueLarge_over {text-align: center;line-height:40px; cursor:pointer;border:1px solid #B5D0E1;-moz-border-radius: 5px; border-radius: 5px;background:#30546B url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBG-overlay.png) repeat-x;background-size: 100% 100%;font-size: 17px; color: #FFFFFF; text-shadow: -0.1em -0.05em 0.3em black;margin:0px 0px 20px 0px;}
.buttonBlueLarge:hover {cursor:pointer;background-color:#30546B;}

.buttonLarge,
.buttonLarge_over { font-size: 14px; padding:4px 5px; margin: 0px; color:#fff}
.buttonLarge_over { text-decoration:underline; border:1px solid #f90}
.buttonSmall_over { text-decoration:underline; color:#fff}
.button_over { text-decoration:none; cursor:pointer; background:#f5f3ee url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBG-over.gif) repeat-x; border:1px solid #C27E00}

.disabled,
.disabled_over,
input.disabled,
input.disabled_over { color: #999 !important; border: 1px solid #ddd; cursor:default !important; background:#f5f3ee url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBG.gif) repeat-x}
input.disabled_over { text-decoration:none; color:#999; cursor:default}
input.little-button,
a.little-button { display: inline-block; white-space:nowrap; zoom: 1; *display: inline; margin: 0 0.5em; padding: 0.5em 1em; color: #333; font-weight: 900; font-size: 90%; border: 1px solid #d6d6d6; background-color: #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
input.big-button_over,
input.big-button,
a.big-button { display: inline-block; white-space:nowrap; zoom: 1; *display: inline; margin: 0 0.5em; padding: 0.5em; color: #fff; font-weight: 900; font-size: 1.2em; border: 1px solid #de5800; background: #ff6906 url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/editor/button-gradient.png) repeat-x top; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: #de5800 1px 1px; cursor: pointer; *cursor: hand; }
input.med-button,
input.med-button_over,
med-button_over,
a.med-button { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:  #ff6906 url("/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBG.gif") repeat-x; border:1px solid #CDCDCD; color:#ff5200; display:inline-block; zoom: 1; *display: inline; font-size:1em; font-weight:900; margin:0 0.5em; padding:0.3em 0.6em; }
input.big-button_over, input.med-button_over,
med-button_over { text-decoration: underline; }
a.big-button.disabled,
input.big-button.disabled,
a.med-button.disabled,
input.med-button.disabled { color: #666; background: #ccc url('/National_Library/20161130034600oe_/http://www.instructables.com/static/img/buttonBG.gif'); border-color: #CDCDCD; text-decoration: none; text-shadow: none; }
a.gray-btn, a.orange-btn { display: inline-block; padding: 0.35em 0.6em; border-radius: 3px; font-size: 110%; font-weight: 900; text-shadow: 0 1px white}
a.gray-btn { background: url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/header/nav-gray-bg.png) repeat-x; border: 1px solid #ccc; color: #333;  }
a.orange-btn { background: url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/header/yellow-tab-bg.png) repeat-x; border: 1px solid #e3bb41; color: #333; }
a.orange-btn:hover { background-position: 0px -24px; text-decoration: none; }

/* header ad spot */
.aspace-wrap {padding:1.5em 0}
.aspace {text-align:center !important}
.aspace.container {width:1016px}
#aplace {min-height:95px}

/* modal dialogs */
#modalMask { position: fixed; z-index: 2499; background-color:black; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; top:0; right:0; bottom:0; left:0}
#modal { position: fixed; z-index: 10031; top:30px; left:250px; }

.modal-backdrop { z-index: 2499}
.modal {z-index:2500}

.imodal {z-index:2500; position:fixed; top:10%; left:50%; width:450px; border:3px solid #ccc; border:12px solid rgba(204,204,204,.3); border-radius:10px}
.imodal-inner {position:relative; margin:-5px; padding:10px; border-radius:5px; background-color:#fff; zoom:1}
.imodal-close {position:absolute; top:-12px; right:-12px; z-index:1}
.imodal-header {padding:10px; margin:-10px -10px 10px; background:url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/imodal-header-bg.png) repeat-x bottom; border-bottom:1px solid #ccc; border-radius:5px 5px 0 0}
.imodal-header h3 {display:inline-block; *display:inline; zoom:1; font-size:14px; line-height:40px; margin:-10px 0}
.imodal-title {display:block; font-size:18px; font-weight:bold}
.imodal.fade {top:-25%; -webkit-transition:opacity 0.3s linear, top 0.3s ease-out; -moz-transition:opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out}
.imodal.fade.in {top:10%}

/*=============begin: bootstrap overrides ===============*/
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    text-shadow: none;
    box-shadow: none;
    -webkit-box-shadow:none;
    -moz-box-shadow: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: none;
    outline-offset: -2px;
}
.btn.focus, .btn:focus, .btn:hover {
    text-decoration: none;
}
.btn.active, .btn:active {
    background-image: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125) inset;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}
.btn-default {
    background-color: #f6f6f6;
    border-color: #dedede;
    color: #333;
}
.btn-danger {
    border-color: #bd362f #bd362f #802420;
}
.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 20px;
}
.btn-clear {
    background-color: transparent;
    border-color: #dedede;
    color: #333;
}
.btn-clear.focus, .btn-default:active, .btn-clear:focus, .btn-clear:hover{
    border-color: #d4d4d4;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, d.open > .dropdown-toggle.btn-default {
    background-color: #eee;
    border-color: #d4d4d4;
    color: #333;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default.active[disabled], .btn-default.focus[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #dedede;
}
.btn-default .badge {
    background-color: #333;
    color: #fff;
}
.btn-primary {
    background-color: #e86c00;
    border-color: #cf6000;
    color: #fff;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
    background-color: #df6902;
    border-color: #c55b00;
    color: #fff;
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #e86c00;
    border-color: #cf6000;
}
.btn-primary .badge {
    background-color: #fff;
    color: #e86c00;
}
.btn-secondary {
    background-color: #31b0d5;
    border-color: #2b9fc2;
    color: #fff;
}
.btn-secondary.active, .btn-secondary.focus, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .open > .dropdown-toggle.btn-secondary {
    background-color: #2aa9ce;
    border-color: #269abc;
    color: #fff;
}
.btn-secondary.active, .btn-secondary:active, .open > .dropdown-toggle.btn-secondary {
    background-image: none;
}
.btn-secondary.disabled, .btn-secondary.disabled.active, .btn-secondary.disabled.focus, .btn-secondary.disabled:active, .btn-secondary.disabled:focus, .btn-secondary.disabled:hover, .btn-secondary[disabled], .btn-secondary.active[disabled], .btn-secondary.focus[disabled], .btn-secondary[disabled]:active, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:hover, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary.active, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:hover {
    background-color: #31b0d5;
    border-color: #2b9fc2;
}
.btn-secondary .badge {
    background-color: #fff;
    color: #31b0d5;
}

.btn-small {font-size:13px}
.btn-small .caret {margin-top:8px}
.btn-group > .btn-small {font-size:13px}
.btn:focus {outline:none}
.btn-close {*margin-bottom:-3px;}
.btn-close:active,.open .btn-close {outline: 0;}
.btn-group > .btn-close {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}
.btn-group + .btn-group {margin-left:7px}
.btn-group .btn-close:active,.btn-group.open .btn-close {outline: 0;}
.btn-group > .btn-close {
  *padding-top: 4px;
  padding-right: 8px;
  *padding-bottom: 4px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group > .btn-mini.btn-close {padding-right: 5px; padding-left: 5px;}
.btn-group > .dropdown-menu {font-size:12px}
.dropdown-menu a:not(.btn) {line-height:24px; padding:0 15px}
.dropdown-menu li > a.heading:hover {background-color:transparent}
.dropdown-menu li > a.strong {font-weight:bold}

.dropdown-menu li > a:not(.btn):hover,
.dropdown-menu li > a:not(.btn):focus,
.dropdown-submenu:hover > a:not(.btn),
.dropdown-submenu:focus > a:not(.btn),
.dropdown-menu .active > a:not(.btn),
.dropdown-menu .active > a:not(.btn):hover,
.dropdown-menu > .active > a:not(.btn):focus {background-color:#f4f9fb; color:#333; background-image:none}

.dropdown-submenu>a:not(.btn):after {
    border: none !important;
}
.pagination ul > li {background:none; border:none}

/* custom bootstrap buttons */
.btn-red {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover, .open>.dropdown-toggle.btn-red {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}
.btn-orange {
    background-color: #e86c00;
    border-color: #cf6000;
    color: #fff;
}
.btn-orange.disabled,
.btn-orange[disabled] {
    background-color: #e86c00;
    border-color: #cf6000;}
.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus,
.btn-orange.active {
    background-color: #df6902;
    border-color: #c55b00;
    color:#fff;
}
.btn-yellow {
    background-color: #f8aa2b;
    border-color: #e5991e;
    color: #fff;
}
.btn-yellow.active, .btn-yellow.focus, .btn-yellow:active, .btn-yellow:focus, .btn-yellow:hover, .open > .dropdown-toggle.btn-yellow {
    background-color: #f0a428;
    border-color: #e2961b;
    color: #fff;
}
.btn-yellow.disabled, .btn-yellow.disabled.active, .btn-yellow.disabled.focus, .btn-yellow.disabled:active, .btn-yellow.disabled:focus, .btn-yellow.disabled:hover, .btn-yellow[disabled], .btn-yellow.active[disabled], .btn-yellow.focus[disabled], .btn-yellow[disabled]:active, .btn-yellow[disabled]:focus, .btn-yellow[disabled]:hover, fieldset[disabled] .btn-yellow, fieldset[disabled] .btn-yellow.active, fieldset[disabled] .btn-yellow.focus, fieldset[disabled] .btn-yellow:active, fieldset[disabled] .btn-yellow:focus, fieldset[disabled] .btn-yellow:hover{
    background-color: #f8aa2b;
    border-color: #e5991e;
}
.btn-yellow .badge {
    background-color: #fff;
    color: #f8aa2b;
}
.btn-yellow.active, .btn-yellow:active, .open > .dropdown-toggle.btn-yellow {
    background-image: none;
}
.btn-blue {
    background-color: #31b0d5;
    border-color: #2b9fc2;
    color: #fff;
}
.btn-blue.active, .btn-blue.focus, .btn-blue:active, .btn-blue:focus, .btn-blue:hover, .open > .dropdown-toggle.btn-blue {
    background-color: #2aa9ce;
    border-color: #269abc;
    color: #fff;
}
.btn-blue.active, .btn-blue:active, .open > .dropdown-toggle.btn-blue {
    background-image: none;
}
.btn-blue.disabled, .btn-secondary[disabled] {
    background-color: #31b0d5;
    border-color: #2b9fc2;
}

.btn-facebook {
    background-color: #587ebf;
    border-color: #395c97 #395c97 hsl(218, 45%, 37.5%);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open>.dropdown-toggle.btn-facebook {
    background-color: #506EA1;;
    border-color: #395c97 #395c97 hsl(218, 45%, 37.5%);
    color: #fff;
}

.btn-twitter {
    background-color: #31b0d5;
    border-color: #2b9fc2;
    color: #fff;
}
.btn-twitter.active, .btn-twitter.focus, .btn-twitter:active, .btn-twitter:focus, .btn-twitter:hover {
    background-color: #2aa9ce;
    border-color: #269abc;
    color: #fff;
}

/* tooltip themes */
.tooltip-info + .tooltip .tooltip-inner {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
    background-repeat: repeat-x;
    border-color: #9acfea;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
}
.tooltip-info + .tooltip.top .tooltip-arrow,
.tooltip-info + .tooltip.top-left .tooltip-arrow,
.tooltip-info + .tooltip.top-right .tooltip-arrow {
    border-top-color: #bce8f1;
}
.tooltip-info + .tooltip.bottom .tooltip-arrow,
.tooltip-info + .tooltip.bottom-left .tooltip-arrow,
.tooltip-info + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #bce8f1;
}
.tooltip-info + .tooltip.right .tooltip-arrow {
    border-right-color: #bce8f1;
}
.tooltip-info + .tooltip.left .tooltip-arrow {
    border-left-color: #bce8f1;
}
.tooltip-danger + .tooltip .tooltip-inner {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    background-repeat: repeat-x;
    border-color: #dca7a7;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
}
.tooltip-danger + .tooltip.top .tooltip-arrow,
.tooltip-danger + .tooltip.top-left .tooltip-arrow,
.tooltip-danger + .tooltip.top-right .tooltip-arrow {
    border-top-color: #ebccd1;
}
.tooltip-danger + .tooltip.bottom .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-left .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #ebccd1;
}
.tooltip-danger + .tooltip.right .tooltip-arrow {
    border-right-color: #ebccd1;
}
.tooltip-danger + .tooltip.left .tooltip-arrow {
    border-left-color: #ebccd1;
}

/* dropdown bubble */
.dropdown-bubble .dropdown-menu {
  border: 1px solid #ccc;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.41);
     -moz-box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.41);
          box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.41);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}
.dropdown-bubble .dropdown-menu:before {position:absolute; top:-7px; left:9px; display:inline-block; border-color:transparent transparent #ccc; border-width:0 7px 7px; border-style:solid; content:'';}
.dropdown-bubble .dropdown-menu:after {position:absolute; top:-6px; left:10px; display:inline-block; border-color:transparent transparent #fff; border-width:0 6px 6px; border-style:solid; content:'';}
.dropdown-bubble {position:relative; display:inline-block}
.dropdown-bubble .dropdown-menu {padding:15px}
.dropdown-bubble .dropdown-menu.pull-right {right:0; left:auto}
.dropdown-bubble .dropdown-menu.pull-right:before {right:12px; left:auto}
.dropdown-bubble .dropdown-menu.pull-right:after {right:13px; left:auto}

/* fading carousel */
.carousel.carousel-fade .carousel-inner .item {opacity:0; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -o-transition:opacity 1s; transition:opacity 1s}
.carousel.carousel-fade .carousel-inner .active {opacity:1}
.carousel.carousel-fade .carousel-inner .active.left,
.carousel.carousel-fade .carousel-inner .active.right {left:0; opacity:0; z-index:1}
.carousel.carousel-fade .carousel-inner .next.left,
.carousel.carousel-fade .carousel-inner .prev.right {opacity:1}

/* bubble box/tip */
.bubble-box, .bubble-tip {position:relative}
.bubble-box:before, .bubble-tip:before {position:absolute; top:-7px; left:9px; display:inline-block; border-color:transparent transparent #ccc; border-width:0 7px 7px; border-style:solid; content:'';}
.bubble-box:after, .bubble-tip:after {position:absolute; top:-6px; left:10px; display:inline-block; border-color:transparent transparent #f9f9f9; border-width:0 6px 6px; border-style:solid; content:'';}

/* icon sprites */
[class^="icon-"], [class*=" icon-"] {background-image:url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/icon-sprite-flat.png);width:26px;height:24px;display:inline-block;border:none;overflow:hidden;position:relative;vertical-align:bottom}
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:focus>[class^="icon-"], .dropdown-menu>li>a:focus>[class*=" icon-"],   .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:focus>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"], .dropdown-submenu:focus>a>[class*=" icon-"]
{background-image:url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/icon-sprite-flat.png)}

.icon-overview {background-position:0px 0px;}
.icon-overview.selected, a:hover .icon-overview {background-position:-24px 0px;}
.icon-instructable {background-position:0 -360px;}
.icon-instructable.selected, a:hover .icon-instructable  {background-position:-24px -360px;}
.icon-guides {background-position:0px -48px;}
.icon-guides.selected, a:hover .icon-guides {background-position:-25px -48px;}
.icon-questions {background-position:0px -72px;}
.icon-questions.selected, a:hover .icon-questions {background-position:-24px -72px;}
.icon-forums {background-position:0px -96px;}
.icon-forums.selected, a:hover .icon-forums {background-position:-24px -96px;}
.icon-comments {background-position:0px -120px;}
.icon-comments.selected, a:hover .icon-comments {background-position:-24px -120px;}
.icon-groups {background-position:0px -144px;}
.icon-groups.selected, a:hover .icon-groups {background-position:-24px -144px;}
.icon-iwantit {background-position:0px -168px;}
.icon-iwantit.selected, a:hover .icon-iwantit {background-position:-24px -168px;}
.icon-imadeit {background-position:0px -24px;}
.icon-imadeit.selected, a:hover .icon-imadeit {background-position:-24px -24px;}
.icon-favorites {background-position:0px -216px;}
.icon-favorites.selected, a:hover .icon-favorites {background-position:-24px -216px;}
.icon-patches {background-position:0px -240px;}
.icon-patches.selected, a:hover .icon-patches {background-position:-24px -240px;}
.icon-achievements {background-position:0px -264px;}
.icon-achievements.selected, a:hover .icon-achievements {background-position:-24px -264px;}
.icon-following {background-position:0px -288px;}
.icon-following.selected, a:hover .icon-following {background-position:-24px -288px;}
.icon-followers {background-position:0px -312px;}
.icon-followers.selected, a:hover .icon-followers {background-position:-24px -312px;}
.icon-views {background-position:0px -528px;}
.icon-views.selected, a:hover .icon-views {background-position:-24px -528px;}
.icon-stepbystep {background-position:0px -336px;}
.icon-stepbystep.selected, a:hover .icon-stepbystep {background-position:-24px -336px;}
.icon-frame {background-position:0px -360px;}
.icon-frame.selected, a:hover .icon-frame {background-position:-24px -360px;}
.icon-playsquare {background-position:0px -384px;}
.icon-playsquare.selected, a:hover .icon-playsquare {background-position:-24px -384px;}
.icon-book {background-position:0px -408px;}
.icon-book.selected, a:hover .icon-book {background-position:-24px -408px;}
.icon-grid {background-position:0px -432px;}
.icon-grid.selected, a:hover .icon-grid {background-position:-24px -432px;}
.icon-saletag {background-position:0px -456px;}
.icon-saletag.selected, a:hover .icon-saletag {background-position:-24px -456px;}
.icon-star {background-position:0px -480px;}
.icon-star.selected, a:hover .icon-star {background-position:-24px -480px;}
.icon-clock {background-position:0px -504px;}
.icon-clock.selected, a:hover .icon-clock {background-position:-24px -504px;}
.icon-world {background-position:0px -528px;}
.icon-world.selected, a:hover .icon-world {background-position:-24px -528px;}
.icon-orangeboard {background-position:0px -552px;}
.icon-orangeboard.selected, a:hover .icon-orangeboard {background-position:-24px -552px;}
.icon-addperson {background-position:0px -576px;}
.icon-questionanswer {background-position:0px -600px;}
.icon-rss {background-position:0px -624px;}
.icon-rss.selected, a:hover .icon-rss {background-position:-24px -624px;}
.icon-updown {background-position:0px -648px;}
.icon-pdf {background-position:0px -672px;}
.icon-trophy {background-position:0px -696px;}
.icon-downtriangle {background-position:0px -720px;}
.icon-downtriangle.selected, a:hover .icon-downtriangle {background-position:-24px -720px;}
.icon-uptriangle {background-position:0px -744px;}
.icon-uptriangle.selected, a:hover .icon-uptriangle {background-position:-24px -744px;}
.icon-bigcheck {background-position:0px -768px;}
.icon-bigcheck.selected, a:hover .icon-bigcheck {background-position:-24px -768px;}
.icon-littlecheck {background-position:0px -792px;}
.icon-littlecheck.selected, a:hover .icon-littlecheck {background-position:-24px -792px;}
.icon-plus {background-position:0px -816px;}
.icon-plus.selected, a:hover .icon-plus {background-position:-24px -816px;}
.icon-downarrow {background-position:0px -840px;}
.icon-downarrow.selected, a:hover .icon-downarrow {background-position:-24px -840px;}
.icon-stats {background-position:-3px -1130px;}
.icon-refresh {background-position: 0px -1321px;}
.icon-refresh.selected {background-position: -24px -1321px;}
.icon-refresh.inverse {background-position: -45px -1319px}
.icon-camera{background-position:0px -1368px}
.icon-camera.selected, a:hover .icon-camera{background-position:-24px -1368px}
.icon-email {background-position:0px -1032px}
.icon-clear {background-position:0px -1078px}
.icon-user {background-position:0px -1270px}
.icon-gear {background-position: 0px -191px}

.icon-type-all {background-position:0 -432px;}
.icon-type-step {background-position:0 -336px;}
.icon-type-photos {background-position:0 -360px;}
.icon-type-video {background-position:0 -384px;}
.icon-type-ebooks {background-position:0 -408px;}
.icon-type-guides {background-position:0 -48px;}

.icon-share {background-position: 0 -1537px;}
.icon-share.selected, a:hover .icon-share {background-position: -24px -1537px;}
/* these are strict versions of the same icon above, and not dependent on bootstrap */
.bg-icon,.bg-img { background-repeat:no-repeat; display:inline-block; overflow:hidden; text-align:left; text-indent:-999em; position:relative;}
.bg-icon {background-image:url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/icon-sprite-flat.png); vertical-align:text-top}
.bg-icon.featured {background-position:-4px -485px; width:16px; height:15px}
.bg-icon.featured.selected, a:hover .bg-icon.featured,  a.active .bg-icon.featured {background-position:-28px -485px}
.bg-icon.recent {background-position:-5px -508px; width:16px; height:15px}
.bg-icon.recent.selected, a:hover .bg-icon.recent, a.active .bg-icon.recent {background-position:-29px -508px}
.bg-icon.popular {background-position:-5px -221px; width:15px; height:15px}
.bg-icon.popular.selected, a:hover .bg-icon.popular, a.active .bg-icon.popular {background-position:-29px -221px}
.bg-icon.ible-all {background-position:-5px -436px; width:14px; height:17px}
.bg-icon.ible-stepbystep {background-position:-3px -340px; width:18px; height:14px}
.bg-icon.ible-photos {background-position:-4px -365px; width:17px; height:14px}
.bg-icon.ible-videos {background-position:-6px -388px; width:12px; height:15px}
.bg-icon.ible-ebooks {background-position:-6px -413px; width:12px; height:14px}
.bg-icon.ible-guides {background-position:-4px -53px; width:15px; height:14px}
.bg-icon.ible-guides.selected {background-position:-29px -53px}
.bg-icon.tag {background-position:-4px -460px; width:16px; height:16px}
.bg-icon.winner {background-position:-3px -699px; width:18px; height:16px}
.bg-icon.winner.selected {background-position:-27px -699px}
.bg-icon.views {background-position:-2px -533px; width:20px; height:13px}
.bg-icon.views.selected, a:hover .bg-icon.views, a.active .bg-icon.views {background-position:-26px -533px}
.bg-icon.add {background-position:-7px -823px; width:10px; height:10px}
.bg-icon.pdf {background-position:0 -675px; width:23px; height:16px}
.bg-icon.jumpto {background-position:-3px -652px; width:18px; height:16px}
.bg-icon.all {background-position:-5px -436px; width:14px; height:17px}
.bg-icon.all.active, a:hover .bg-icon.all {background-position:-29px -436px}
.bg-icon.imadeit {background-position:-4px -29px; width:16px; height:16px}
a:hover .bg-icon.imadeit, .btn:hover .bg-icon.imadeit{background-position:-28px -29px;}
.bg-icon.imadeit.white {background-position:-53px -29px; width:16px; height:16px}
a:hover .bg-icon.imadeit.white, .btn:hover .bg-icon.imadeit.white {background-position:-53px -29px;}
.bg-icon.iwantit {background-position:-28px -172px; width:14px; height:16px}
.bg-icon.favorites {background-position:-4px -221px; width:16px; height:14px}
.bg-icon.favorites.active, a:hover .bg-icon.favorites {background-position:-28px -221px}
.bg-icon.plus {background-position:-7px -820px; width:10px; height:14px}
.bg-icon.plus.active, .btn-yellow:hover .bg-icon.plus {background-position:-55px -820px; width:10px; height:14px}
.btn-default:hover .bg-icon.plus { background-position:-31px -820px;  }
.bg-icon.downarrow {background-position:-5px -846px; width:14px; height:14px}
.bg-icon.prev {background-position:-9px -725px; width:7px; height:14px}
.bg-icon.next {background-position:-8px -749px; width:7px; height:14px}
.bg-icon.checkmark {background-position:-4px -773px; width:16px; height:16px}
.bg-icon.checkmark.active, a:hover .bg-icon.checkmark {background-position:-28px -773px}
.bg-icon.checkmarksmall {background-position:-2px -796px; width:16px; height:16px}
.btn-yellow .bg-icon.checkmarksmall.active {background-position:-52px -796px; width:16px; height:16px}
.bg-icon.checkmarksmall.active, a:hover .bg-icon.checkmarksmall {background-position:-28px -796px}
.bg-icon.groups {background-position:-3px -149px; width:19px; height:14px}
.bg-icon.groups.active, a:hover .bg-icon.groups {background-position:-27px -149px}
.bg-icon.trophy {background-position:-3px -700px; width:18px; height:16px}
.bg-icon.trophy.active, a:hover .bg-icon.trophy {background-position:-27px -700px; width:18px; height:16px}
.bg-icon.clear {background-position:-6px -1086px; width:15px; height:12px}
.bg-icon.clear.active, a:hover .bg-icon.clear {background-position:-30px -1085px}
.bg-icon.email {background-position:-3px -1037px; width:21px; height:16px}
.bg-icon.email.active, a:hover .bg-icon.email {background-position:-27px -1037px}
.bg-icon.patch {background-position:-3px -244px; width:22px; height:16px}
.bg-icon.patch.active, a:hover .bg-icon.patch {background-position:-27px -244px}
.bg-icon.flag {background-position:-4px -1108px; width:15px; height:16px}
.bg-icon.flag.active, a:hover .bg-icon.flag {background-position:-28px -1108px}
.bg-icon.rss {background-position:-4px -628px; width:15px; height:16px}
.bg-icon.rss.active, a:hover .bg-icon.rss {background-position:-28px -628px}
.bg-icon.stats {background-position:-3px -1132px; width:19px; height:16px}
.bg-icon.resources {background-position:-3px -1156px; width:18px; height:16px}
.bg-icon.resources.selected, a:hover .bg-icon.resources {background-position:-27px -1156px}
.bg-icon.questions {background-position:-2px -76px; width:20px; height:17px}
.bg-icon.questions.selected, a:hover .bg-icon.questions {background-position:-26px -76px}
.bg-icon.forums {background-position:-2px -99px; width:20px; height:18px}
.bg-icon.forums.selected, a:hover .bg-icon.forums {background-position:-26px -99px}
.bg-icon.search {background-position:-3px -1180px; width:19px; height:18px}
.bg-icon.search.selected, a:hover .bg-icon.search {background-position:-27px -1180px}
.bg-icon.instructable {background-position:-4px -365px; width:17px; height:14px}
.bg-icon.instructable.selected, a:hover .bg-icon.instructable {background-position:-28px -365px}
.bg-icon.workshop {background-position:-4px -1204px; width:16px; height:16px}
.bg-icon.workshop.selected, a:hover .bg-icon.workshop {background-position:-28px -1204px}
.bg-icon.school {background-position:-3px -1228px; width:18px; height:16px}
.bg-icon.school.selected, a:hover .bg-icon.school {background-position:-27px -1228px}
.bg-icon.partner {background-position:-4px -1251px; width:17px; height:16px}
.bg-icon.partner.selected, a:hover .bg-icon.partner {background-position:-28px -1251px}
.bg-icon.camera{background-position:-4px -1372px;width:16px; height:14px}
.bg-icon.camera.selected, a:hover .bg-icon.camera{ background-position:-28px -1372px;width:16px; height:14px}
.bg-icon.share{background-position: -3px -1541px;width:18px; height:14px}
.bg-icon.share.selected, a:hover .bg-icon.share, .btn-group.open .bg-icon.share {background-position: -27px -1541px;width:18px; height:14px}
.bg-icon.error {background-position:-2px -1300px; width:18px; height:16px}
.bg-icon.error.active {background-position:-26px -1300px}
/*=============end: bootstrap overrides ===============*/

/* help bubble */
.helpbubble,
.helpbubble-white { position: absolute; zoom: 1}
.helpbubble .bheader,
.helpbubble-white .bheader { background: url('/National_Library/20161130034600oe_/http://www.instructables.com/static/img/helpbubblearrow_up.gif') no-repeat bottom; height: 9px}
.helpbubble .footer,
.helpbubble-white .footer { background: url('/National_Library/20161130034600oe_/http://www.instructables.com/static/img/helpbubblearrow_down.gif') no-repeat bottom; height: 9px; margin-top: 0}
.helpbubble .content,
.helpbubble-white .content { padding: 10px; background-color: #fffed6; border: 1px solid #CABFB1; border-top: none}
.helpbubble .content-up,
.helpbubble-white .content-up { border: 1px solid #CABFB1; border-bottom: none}
.helpbubble-white .bheader { background: url('/National_Library/20161130034600oe_/http://www.instructables.com/static/img/helpbubblearrow_up-white.gif') no-repeat bottom}
.helpbubble-white .footer { background: url('/National_Library/20161130034600oe_/http://www.instructables.com/static/img/helpbubblearrow_down-white.gif') no-repeat bottom}
.helpbubble-white .content { background-color: #fff}

/* Social share icons */
.share-icon{height:16px; width:16px; display: inline-block; vertical-align: middle;background: url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/footer/social-media-sprite2.png) no-repeat;}
.share-icon.facebook-icon {background-position: 0 0}
.share-icon.twitter-icon{background-position: 0 -48px;}
.share-icon.googleplus-icon{background-position: 0 -96px;}
.share-icon.tumblr-icon{background-position: 0 -120px;}
.share-icon.email-icon{background: url('/National_Library/20161130034600oe_/http://www.instructables.com/static/img/icons/email-16x16.png');}

/* old login dialog */
.gplus-login img {width:155px}
.fb-login-button { display: inline; }
#facebook-login, .facebook-login { position: relative; top: 5px; }
#facebook-login img, .facebook-login img {vertical-align:baseline}
#login-modal { display: none; width: 600px; zoom: 1; }
#login-modal h3 { display: inline-block; *display: inline; width: 247px; font-size: 14px; line-height: 40px; left: 0; margin: -10px 0 -10px 80px; border-right: 1px solid #ccc; }
#login-modal #login-account-h { margin-left: 0; padding: 0 0 0 20px; border-left: 2px solid #fff; border-right: 0 none; width:240px}
#modal #login-modal { display: block; }
#upgrade-features,
#loginform { width: 46%; padding: 2%; display: inline-block; *display: block; *float: left; vertical-align: top; }
#upgrade-features { width: 285px; }
#loginform { width: 238px; position: relative; left: 20px; border-left: 1px solid #ccc; margin: -10px 0; }
#loginform .login-btn { display: inline-block; margin: 0 26px 0 0; padding: 0.25em 0.5em; border: 1px solid #fe5200; background-color: #fe5200; cursor: pointer; *cursor: hand; font-weight: 900; border-radius: 3px; -moz-border-radius: 3px; color: #fff; }
#loginform label { margin: 0 1em 0 0; display: inline-block; width: 60px; }
#loginform p.forgot { font-size: 90%; text-align: center; margin: 1em 0; }
#loginform div.loginbutton { text-align: right; }
#loginform .username,
#loginform .password { margin-bottom: 1em; }
#login-upgrade-img { display: block; float: left; margin: 0 15px 15px 0; }
#login-upgrade { display: block;width: 183px; height: 26px; background: url(/National_Library/20161130034600oe_/http://www.instructables.com/static/img/upgradetopro.png) no-repeat 0 0; }
#login-upgrade:hover { background-position: 0 -26px; }
#login-upgrade span { display: none; }

/*email verification */
#sticky-email-verification{
    position: fixed;
    margin-right: auto;
    margin-left: auto;
    width: 400px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 2276;
}
#sticky-email-verification .verify-header-contents {
    position: relative;
    background: #FEFFFF;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 0px 0px 5px 5px;
    border: 1px solid #ddd;
    box-shadow: 0px 2px 5px #bbb;
    border-top: none;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}
.verification-modal.modal.fade.in {
    top:30%;
}
.verification-modal .modal-header {
    font-family: completeinhimpro;
}
.verification-modal .modal-header h3 {
    font-size: 30px;
}
.verification-modal input {
    margin-bottom: 0px;
}
.verification-modal .modal-body {overflow-y: visible}
.verification-modal input.error {color: #b94a48; border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7;}
.verification-modal .send-error {
    display: none;
    margin-top: 5px;
}
/* ible alerts */
#alertWrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    display: none;
    background-color: rgba(0,0,0,0.7);
    z-index: 20000;
}
#alertDiv {
    width: 549px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -100px;
    font-size: 14px;
}


