.input, select, textarea{border:1px solid #01476f;font:0.9em Verdana, sans-serif;padding:2px;}
input[type="submit"]{font:1em Verdana, sans-serif;padding:5px 10px;border:3px solid #fff;font-weight:bold;}
input[type="submit"]:hover{background:#f78c28;color:#fff;}
.warning-required{border:1px solid red;}
#head .head1 nav, #head .head2 nav{width:99%;}
/*figure{padding-left:10px;border-left:1px solid #aaa;}*/
figcaption{color:#888;font-style:italic;}

#body{background:#6a839b;}

#navigation{font-size:1.167em;line-height:2em;background:#294159;padding:53px 20px 10px 0;border-bottom:1px solid #fff;}
#navigation:after{display:table;content:'';clear:both;}
#navigation .path{padding-left:10px;float:left;}
#navigation .path, #navigation a, #navigation .main{color:#adb2b7;text-decoration:none;}
#navigation .path a:last-child{color:#fff;}
#navigation .main a{padding:0 10px;color:#fff;}
#navigation .main a.selected{font-weight:bold;}
#navigation .main{float:right;}
#navigation a:hover{text-decoration:underline;color:#fff;}

@import url( '_fixed.css' );

#manual{padding:20px 20px 20px;background:#bac3cb;font-family:verdana;}
#manual *{font-family:verdana;}
#manual a:hover{text-decoration:underline;color:#f78c28;}
#manual section{border-bottom:1px solid #fff;font-size:1.167em;line-height:2em;}
#manual section article{padding:20px;background:#fff;}
#manual section article p{font-size:1.083em;padding:10px 0;}
#manual section article p:first-child{padding-top:0;}
#manual section article ul, #manual section article ol, #manual section article dl{margin-left:25px;}
#manual section article ol.steps{list-style-type:lower-alpha;}
#manual section article dt{font-size:1.3em;color:#555;}
#manual section article .options{margin-top:20px;}
#manual section article .options dt{font-size:1.2em;}
#manual section article dd{padding-left:25px;margin-bottom:20px;}
#manual section article dl dl dt{font-size:1.188em;}
#manual section article dl dl dt::before{content:'\203A';margin-right:7px;}
#manual section article code{display:block;border:1px solid #bbb;background:#fff;padding:5px;margin:4px 20px 0;}
#manual section article code, #manual section article pre.code{word-wrap:break-word;}

#manual section article code .marked{color:#ff0000;font-weight:bold;}
#manual section article .img{border:2px solid #bbb;background:#fff;padding:5px;margin:4px 0 0 10px;}
#manual section article figure figcaption{margin-left:20px;}
#manual section article .short-info{opacity:0.5;}
#manual section article img{max-width:100%;}

#manual dt.hashed, #manual dd.hashed{background:#eee;}
#manual dt.hashed{color:#000;padding-left:3px;}

#manual section hr{border-top:2px dotted #bac3cb;margin-top:20px;}

#manual h1{padding:20px;color:#fff;font-size:2em;border-bottom:2px solid #bac3cb;font-family:"Lucida Sans Unicode", "Lucida Grande", "sans-serif";background:#4f6377;}
#manual h1:first-letter{color:#f78c28;font-size:1.4em;}
#manual h2{margin:20px 0 10px;font-size:1.75em;color:#4f6377;}
#manual h2:first-child{margin-top:0;}
#manual .note{opacity:0.6;}
#manual h2 .note{opacity:1;color:#ccc;font-weight:normal;}
#manual h2.js{font-size:1.5em;}
#manual h3{margin-top:15px;font-size:1.188em;color:#555;}
#manual h3::before{content:'\203A';font-size:0.833em;margin-right:7px;}

#manual .code{border:1px solid #bbb;padding:2px;}
#manual section article pre.code{padding:5px;margin:4px 20px 0;background:#fff;}
#manual section article .tabs{position:relative;margin:0;padding:0;border-bottom:1px solid #bac3cb;}
#manual section article .tabs:after{content:"";display:table;clear:both;}
#manual section article .tabs > li{display:none;margin-right:5px;height:30px;}
#manual section article .tabs li a.tab{padding:7px 10px;background:#969696;color:#fff;text-decoration:none;border:1px solid #bac3cb;border-top-left-radius:3px;border-top-right-radius:3px;}
#manual section article .tabs li a.tab:hover, #manual section article .tabs li.selected a{background:#f5f5f5;border-color:#898783;color:#333;text-decoration:underline;}/*, #manual section article .tabs li:first-child a*/
#manual section article .tabs li .description{display:none;width:100%;padding-top:10px;background:#f1f1f1;border-top:1px solid #dcdcdc;}
#manual section article .tabs li .description dt .note/*, #manual section article .tabs li .description dd .note*/{font-size:0.8em;}
#manual section article .tabs li.selected .description{display:block;}
#manual section article .tabs dl{margin-left:10px;}
#manual section article .tabs dd{margin-bottom:10px;}
#manual section article .tabs p{padding:5px 10px;}
#manual section article .tabs li:first-child .description{display:block;}
#manual section article .tabs > li:first-child{display:inline-block;}
#manual section article .tabs.active > li{display:inline-block;border-bottom:1px solid transparent;}
#manual section article .tabs.active li .description{position:absolute;top:29px;left:0;}
#manual section .version-alert{text-align:center;padding:10px;background:#ebedf0;}
#manual section .last-modification-date{padding:10px 20px;background:#ebedf0;}

#manual section article p.marked-paragraph{padding:10px;background:#eee;}

#manual section article .suggest{text-align:center;}

#manual section#tips article dt{color:#999;font-size:1.2em;}
#manual section#tips article strong{color:#555;}

#manual section .authors{background:#ebedf0;}
#manual section .authors h2{font-size:1.5em;}
#manual section .authors ul{margin:0;list-style:none;padding:0;line-height:1em;overflow:hidden;}
#manual section .authors li{float:left;margin:0 0 0 30px;text-align:center;}
#manual section .authors img{border:2px solid #4f6377;padding:2px;width:100px;}
#manual section .authors img:hover{border-color:#f78c28;}
#manual section .authors figcaption{padding:5px 0 0 0;font-style:normal;color:#333;font-size:0.9em;}
#manual section .authors li:first-child{margin:0;}

#start article ul{margin-bottom:40px;}
#start article ul li a{font-weight:bold;}
#start article .disabled{color:#aaa;}

#settings-plugins dl dd ul{list-style:square;}
#first-steps article, #tips article, #system article, #tip article, #start article{border-top:5px solid #bac3cb;}
#first-steps article:nth-child(2), #tips article:nth-child(2), #tip article:nth-child(2), #start article:nth-child(2){border:none;}
#tip h1 div{float:right;opacity:0.5;font-weight:normal;font-size:0.8em;}

#ext-manual-only{background:#bac3cb;padding:20px 40px 0;}
#ext-manual-only p{padding:10px 20px;border:1px solid #4f6377;background:#fff;text-align:center;line-height:1.5em;}

.options{float:right;margin-right:1%;}
.options a:nth-child(1){padding-right:5px;}

.hide{display:none;}
.more-info{display:none;}
.msg{clear:both;width:450px;margin:0 auto;padding:30px;text-align:center;color:#f78c28;border:1px solid #4f6377;background:#fff;}
.msg.text-long{width:600px;}
.msg.restricted{margin-bottom:20px;color:#333;}
.msg.disabled{margin-top:20px;}
#manual section article .access{text-align:center;font-weight:bold;color:red;margin:50px 0;padding:30px 20px;border:2px dotted #bac3cb;background:#f3f3f3;}
#manual section article .access .note{color:#9aa8b4;opacity:1;}

#foot-manual{text-align:center;background:#294159;font-weight:bold;font-size:0.917em;color:#fff;border-top:1px solid #acb5bf;font-family:"Verdana";}

.sites{background:#294159;opacity:0.45;}
.sites:hover{opacity:1;}
.sites h2{margin-bottom:20px;font-size:1.75em;}

#foot-manual .copy{clear:both;padding:15px 0;background:#2e3740;}
#foot-manual .copy div{width:960px;margin:0 auto;font-weight:normal;}
#foot-manual .copy a{font-weight:normal;color:#fff;text-decoration:none;}
#foot-manual .copy a:hover{text-decoration:underline;}

@media screen and (max-width:1136px){
	#foot-manual #links{width:960px;}
}
@media screen and (max-width:960px){
	#foot-manual #links, #foot-manual .copy div{width:99%;}
  #manual h2{font-size:1.25em;}
  #manual section article{word-wrap:break-word;}
  #manual section article dt{font-size:1em;font-weight:bold;}
}

#fbSideTab{top:188px;left:-202px;padding:0;}
#fbSideTab .button{position:absolute;top:0;right:-37px;padding:0 0 0 5px;opacity:0.3;filter:alpha(opacity=30);}
#fbSideTab:hover .button{opacity:1;filter:alpha(opacity=100);}

#access article p{text-align:center;}
#access article form{text-align:center;}
#access article .offer{padding-top:30px;}
#access article input[type="submit"]{border-color:#4f6377;padding:3px 10px;}

#pages-form .description span ul{display:block;list-style-type: disc;}

.ico{padding:3px 14px 1px 5px;}
.ico.settings{background: url('images/ico_settings.png') no-repeat;}
.ico.backup{background: url('images/ico_backup.png') no-repeat;}
.ico.backup-new{background: url('images/ico_backup-new.png') no-repeat;}
.ico.edit{background: url('images/ico_edit.png') no-repeat;}
.ico.show{background: url('images/ico_show.png') no-repeat;}
.ico.plus{padding:0px 3px 4px 5px;background: url('images/ico_plus.png') no-repeat;}
.ico.count{padding:0px 10px 4px 14px;background: url('images/ico_count.png') no-repeat;}
.ico.add{padding:0px 9px 4px 12px;background: url('images/ico_add.png') no-repeat;}
.ico.delete{background: url('images/ico_delete.png') no-repeat;}
.ico.widget{background: url('images/ico_widget.png') no-repeat;}
.ico.gallery{background: url('images/ico_gallery.png') no-repeat;}
.ico.break{background: url('images/ico_break.png') no-repeat;}
.ico.file{padding:3px 14px 4px 5px;background: url('images/ico_file.png') no-repeat;}
.ico.clone{background: url('images/ico_clone.png') no-repeat;}
.ico.issue.blue{padding:3px 14px 4px 5px;background: url('images/ico_warnings.png') no-repeat 0px -42px;}
.ico.issue.yellow{padding:3px 14px 3px 5px;background: url('images/ico_warnings.png') no-repeat 0px -21px;}
.ico.issue.red{padding:3px 14px 4px 5px;background: url('images/ico_warnings.png') no-repeat;}

.ico-svg{display:inline-block;width:1.25rem;height:1.25rem;margin-right:.3rem;fill:#333;vertical-align:middle;}

.docs-msg-txt{display:none;padding:10px 20px;font-size:1.25em;line-height:1.75em;text-align:center;}
.docs-msg-txt .title{margin-bottom:10px;font-size:1.2em;font-weight:bold;color:#ff6840;}

/* FIXED SCROLL QUICK MENU */
.fixed-menu{z-index:3;position:fixed;top:190px;right:0px;max-width:370px;text-align:left;background:#2e3740;border:1px solid #465767;border-right:0;font-family:Tahoma;transition:top 0.3s;}
.fixed-menu.after-scroll{top:30px;}
.fixed-menu.hidding.over{}
.fixed-menu h3{width:100%;margin-bottom:10px;padding:5px 0;font-weight:bold;text-align:center;background:#fff;border-bottom:1px solid #c4c9ce;}
.fixed-menu strong{float:left;min-width:45px;height:40px;background:url('/os-new/images/icons/menu_fixed.png') no-repeat 7px 5px;}
.fixed-menu strong a{float:left;margin:10px 0 0 60px;text-decoration:none;font-size:1.5em;color:#eeeeef;}
.fixed-menu ul{clear:both;margin:10px 0 0;padding:0;list-style:none;}
.fixed-menu li{clear:both;width:100%;border-top:1px solid #465767;}
.fixed-menu li a{display:block;padding:8px 12px;text-decoration:none;color:#eeeeef;font-size:1em;}
.fixed-menu li.selected a, .fixed-menu li:hover a{background:#4b535a;}
.fixed-menu li:hover a{text-decoration:underline;color:#fff;}

/* settings-plugins */
.fixed-menu.settings-plugins li, .fixed-menu[class*='instruction'] li{clear:none;float:left;width:49.5%;}
.fixed-menu.settings-plugins li:nth-child(odd), .fixed-menu[class*='instruction'] li:nth-child(odd){margin-left:0.5%;border-right:1px solid #465767;}

/* Version switch v6.6 / v6.7 */
.version-switch{position:fixed;bottom:0;right:0;padding:0 .7em;font-size:1rem;background:rgba(45, 72, 99, .5);color:#fff; display:flex;align-items:center;}
.version-switch:hover{background:rgba(45, 72, 99, 1);}
a.version-switch__link{margin:0 .3em;padding:.4em;text-decoration:none;}
#manual a.version-switch__link:hover{color:#fff;}
.version-switch__link--selected{font-weight:bold;text-decoration:underline;background:rgba(45, 72, 99, 1);}
.version-switch + #backToTop{bottom:50px;}

/* TIPS */
.fixed-menu.tips{max-width:390px;}
.fixed-menu.tips ul{max-height:370px;overflow:auto;}
@media screen and (min-height:730px){ .fixed-menu.tips ul{max-height:530px;} }
@media screen and (min-height:900px){ .fixed-menu.tips ul{max-height:700px;} }

/* tips new layout */
.articles-list, .articles-list *, .articles-list *:before, .articles-list *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.main-header{font-size:1.167em;line-height:2em;}
.list-box a, .sort-tips a{transition:all 0.5s ease;}
.sort-tips{width:100%;padding:10px 20px 0;background:#4f6377;color:#fff;}
.sort-tips:last-child{padding-bottom:10px;}
.sort-tips ul{display:inline;list-style:none;}
.sort-tips li{display:inline-block;padding:5px 3px;}
.sort-tips a{display:inline-block;padding:0 .7em;background:#c4cad1;color:rgb(51, 51, 51);text-decoration:none;}
.sort-tips .all a{background:RGBA( 247, 140, 40, .9 );color:#fff;}
.sort-tips a:hover, .sort-tips a.selected{background:#fff;}

.tips-list{display:-webkit-flex;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:space-between;}
.list-box{flex:0 0 100%;position:relative;margin:15px auto 0;padding:20px 20px 40px 20px;border-left:5px solid #728392;background:#fff;}
  @media screen and (min-width: 800px){
    .list-box{min-width:600px;}
  }
.list-box:nth-child(even){border-color:#e8866e;}
.list-box.img-inside{padding-right:22%;}
.list-box h2{font-size:1.7em;font-weight:normal;}
.list-box p{font-size:1.333em;padding:10px 0;}
.list-box p:first-child{padding-top:0;}
.list-box .update{position:absolute;bottom:0;left:20px;display:inline-block;padding:0.3em .8em;background:#e3e7ea;font-size:1.125em;}
.list-box .ico-partners{position:absolute;bottom:-2px;left:145px;width:32px;height:32px;background:url('/os-new/images/icons/skins_partners.png') no-repeat 0 0;font-size:1px;color:transparent;}
.list-box .ico-partners:hover{opacity:0.7;}
  /*@media screen and (max-width: 600px){
    .list-box .description{overflow-wrap:break-word;word-wrap:break-word;hyphens:auto;word-break: break-all;}
  } should work for long links*/
  @media screen and (min-width: 800px){
    .list-box .img{position:absolute;bottom:0;right:0;width:20%;height:100%;border-left:7px solid #e3e7ea;}
  }
.list-box a:hover .img{animation: flash 1s}
@keyframes flash {
	0% {opacity: .4;}
	100% {opacity: 1;}
}