@import url(https://web-archive.nli.org.il/National_Library/cs_/http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);

html, body{
height:100%;
display:block;
}


body{
color:333;
font-family:  Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size:14px;
background:#EDEDED;
margin:0;
}
img{
border:0;
}
a{
color:#209ED8;
}
a:hover{
color:#277EA6;
}
header, 
footer, 
article, 
section, 
aside, 
nav,
.banner728,
.global,
.right,
.banner200,
.banner160,
h1,
h2,
h1 span,
.author,
.social li,
.social ul,
.share,
.main,
.download,
.rate ul,
.user-rating ul,
.user-rating div,
.mainblock,
.program-second, 
.bigdown
{
/*border:1px solid #000;*/
}

header, footer, article, section, aside, nav, .right, .breadcrumb{
display:block;
overflow:hidden;
}

header img{
float:left;
margin-right:4%;
}
.foo-one div,
.foo-two div,
.global
{
width:978px; /*global site width*/
margin:5px auto;
}
.global{ 
margin-top:15px;
padding:0 15px;
overflow:hidden;
}

article,
footer,
.main header,
.more,
.social,
.breadcrumb,
.banner728,
.banner160,
.banner200,
.share,
.right nav,
.right aside,
.rate div,
.mainblock,
.most,
.banner300, 
.google,
.goo .search,
.bigdown{/*global top margin*/
margin-top:20px;
}

.foo-one,
.foo-two{
width:100%;
padding:5px 0;
}
.foo-one{
border-bottom:1px solid #fff;
font-size:150%;
}
.foo-one a{
display:block;
width:25%;
float:left;
text-decoration:none;
}
footer a{
color:#fff;
}
footer a:hover{
color:#D0F1FF;
}
.foo-two{
}
.main{ /*left content column*/
width:77%;
float:left;
}


.mainblock{
width:100%;
overflow:hidden;
height:340px;
}
.mainblock .program{
float:left;
width:33%;
height:100%;
}
.mainblock span,
.program-second span{
display:block;
height:99.7%;
}

.mainblock .program:first-child{
width: 66%;
}
.mainblock .program div{
height:50%;
}


.program-second{
width:100%;
overflow: hidden;
height:170px;
}
.program-second div{
float:left;
width:33%;
}
.program-second div{
height:100%;
}
.program-second div:first-child{
border-right:1px solid #fff;
width:33%;
}


.program-second .title, .program-second .downloads{
width:73%;
}
.program img, 
.program-second  img
{
float:left;
margin:15px;
}
/*colors*/

.turquoise img,
.green img,
.red img,
.orange img,
.magenta img,
.grey img,
.sea img,
.blue img,
.poor img,
.hot img
{
max-width:32px;
max-height:32px;
}
.yellow,
.turquoise,
.green,
.red,
.orange,
.magenta,
.grey,
.sea,
.blue,
.ohra,
.poor,
.hot
{
position:relative;
}
.yellow .down a,
.red .down a,
.orange .down a,
.green .down a,
.magenta .down a,
.turquoise .down a,
.grey .down a,
.sea .down a,
.blue .down a,
.ohra .down a,
.poor .down a,
.hot .down a
{
display:block;
font-size:160%;
text-decoration:none;
color:#fff;
width:90%;
margin:0 0 0 10%;
text-align:center;
overflow:hidden;
height:100%;
padding-top:30%;
}
.yellow .down,
.red .down,
.orange .down,
.green .down,
.magenta .down,
.turquoise .down,
.grey .down,
.sea .down ,
.blue .down,
.ohra .down,
.poor .down,
.hot .down
{
display:block;
position:absolute;
width:100%!important;
height:100%!important;
text-align:center;
vertical-align:bottom;
z-index:99999;
opacity:0;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}


.yellow .down a:before,
.red .down a:before,
.orange .down a:before,
.green .down a:before,
.magenta .down a:before,
.turquoise .down a:before,
.grey .down a:before,
.sea .down a:before,
.blue .down a:before,
.ohra .down a:before,
.poor .down a:before,
.hot a:before
{
content: " ";
width: 48px;
height:48px;
margin:0 0 -15px -47px;
background:url('/National_Library/oe_/http://botbi.com/img/a-white.png') no-repeat;
display:inline-block;
}
.yellow:hover  .down,
.red:hover  .down,
.orange:hover  .down,
.green:hover .down,
.magenta:hover .down,
.turquoise:hover .down,
.grey:hover .down,
.sea:hover .down,
.blue:hover .down,
.ohra:hover .down,
.poor:hover .down,
.hot:hover .down
{
display:block;
position:absolute;
width:100%;
height:100%!important;
text-align:center;
vertical-align:bottom;
z-index:99999;
opacity:100;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}




.yellow{
background:#F7D842;
}
.yellow:hover  .down{
background:#F7D842;
}

.yellow div, .ohra div{
height:auto!important;
}
.yellow .down a, .ohra .down a{
color:#000;
}
.yellow .down a:before, .ohra .down a:before{
background:url('img/a-black.png') no-repeat;


}
.ohra{
background:#C9E050;
}
.ohra:hover  .down{
background:#C9E050;
}
.turquoise{
background:#0CB9FF;
}
.turquoise:hover  .down{
background:#0CB9FF;
}
.poor{
background:#B0D6C7;
width:calc(33% - 1px)!important;
}
.poor:hover  .down{
background:#B0D6C7;
}
.blue{
background:#5481E6;
}
.blue:hover  .down{
background:#5481E6;
}

.green{
background:#98CB4A;
}
.green:hover  .down{
background:#98CB4A;
}
.grey{
background:#839098;
}
.grey:hover  .down{
background:#839098;
}
.red{
background:#F15F74;
}
.red:hover  .down{
background:#F15F74;
}
.orange{
background:#F76D3C;
width:calc(33% - 1px)!important;
}
.orange:hover  .down{
background:#F76D3C;
}

.hot{
background:#F76D3C;
border-left:1px solid #fff;
width:calc(33% - 1px)!important;
}
.hot:hover  .down{
background:#F76D3C;
}

.magenta{
background:#913CCD;
border-left:1px solid #fff;
width:calc(33% - 1px)!important;

}
.magenta:hover  .down{
background:#913CCD;

}



.sea{
background:#2CA8C2;
}
.sea:hover  .down{
background:#2CA8C2;
}
.magenta,.orange, .red, .green, .hot, .poor, .sea, .grey
{
border-top:1px solid #fff;
}
.turquoise, .green, .blue, .grey{
border-left:1px solid #fff;
}
.title span{
border:0;
padding:0;
margin:0;
display:inline;
color:#666;
}
.title{
margin-top:15px;
float:left;
font-size:170%;
display:inline;
width:73%;
}
.description{
float:left;
margin:0 0 0 15px;
width:95%;
font-size:170%;
color:#666;
clear:both;
}

.red .description,
.orange .description,
.green .description,
.magenta .description,
.turquoise .description,
.grey .description,
.sea .description,
.blue .description,
.poor .description,
.hot .description
{
color:#fff;
font-size:100%;
width:90%;
height:auto!important;
}
.red .title,
.orange .title,
.green .title,
.magenta .title,
.turquoise .title,
.grey .title,
.sea .title,
.blue .title,
.poor .title,
.hot .title
{
color:#fff;
font-size:150%;
height:auto!important;
}
.red .downloads,
.orange .downloads,
.green .downloads,
.magenta .downloads,
.turquoise .downloads,
.grey .downloads,
.sea .downloads,
.blue .downloads,
.poor .downloads,
.hot .downloads
{
padding:13px 0 10px 35px;
height:auto!important;
font-size:90%;
color:#fff;
background:url('/National_Library/oe_/http://botbi.com/img/d33.png') no-repeat;
}
.downloads{
color:#333;
font-size:160%;
float:left;
clear:both;
margin:0 0 0 15px;
position:absolute;
bottom:0;
background:url('/National_Library/oe_/http://botbi.com/img/a-black.png') no-repeat;
padding:20px 0 8px 55px;

}


.right{/*right column*/
width:21%;
/*float:right;*/
padding-left:1.5%;
}
.goo .right{
float:right;
}
.banner728{
width:728px;
}
.banner200{
width:200px;
margin-left:auto;
margin-right:auto;
}
.banner160{
width:160px;
margin-left:auto;
margin-right:auto;
}

footer{
background:#0CB9FF;
color:#fff;
width:100%!important;
min-width:968px;
}


.main header img{
float:left;
}

h1{
padding-left:74px;
font-weight:100;
font-size:170%;
margin:0;
}
h1 span{
color:#999;
margin-left:10px;
}

h2{
padding-left:74px;
margin:0;
color:#666;
font-weight:100;
font-size:100%;
}
.stat h1, .stat h2{
padding-left:0;
}
h3{
color:#666;
font-size:170%;
margin:0;
font-weight:100;
}
h4{
color:#000;
font-size:130%;
margin:0;
font-weight:400;
}

article{
font-size:120%;
color:#666666;
}
.author{
min-width:150px;
width:10%;
float:left;
margin:0 15px 5px 0;
font-weight:bold;
font-size:90%;
text-align:center;

}
.author a{
text-decoration:none;
display:block;
width:100%:
}
.author div{
text-align:center;
margin:0 auto 5px auto;
max-width:100px;
max-height:100px;
overflow:hidden;
padding:0 12px 12px 12px;

}
.author div img{
width:100px;
height:100px;
border-radius: 200px;
background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
background-image: -webkit-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -o-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: -ms-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
background-image: linear-gradient(to bottom, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
-webkit-box-shadow: 2px 3px 8px rgba(0,0,0,0.16);
-moz-box-shadow: 2px 3px 8px rgba(0,0,0,0.16);
box-shadow: 2px 3px 8px rgba(0,0,0,0.16);
border:3px solid #fff;
}
.stat article img{
float:left;
max-width:40%;
margin:0 10px  5px 0;
border:3px solid #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-box-shadow: 2px 3px 8px rgba(0,0,0,0.16);
-moz-box-shadow: 2px 3px 8px rgba(0,0,0,0.16);
box-shadow: 2px 3px 8px rgba(0,0,0,0.16);
}


.likes{
width:340px;
margin: 0 0 10px 160px;
overflow:hidden;
padding:3px;
background:#fff;
min-height:20px;
-webkit-border-radius: 5px;
border-radius: 5px;


}
.likes span{
display:block;
height:24px;
float:left;
width:90px; /*Facebook width*/
overflow:hidden;
padding-top:0;/*Facebook*/
}

.likes span:last-child{
width:115px; /*G+ width*/
padding-top:0;/*G+*/
}
.likes span:first-child{
width:130px; /*Twitter width*/
padding-top:0px; /*Twitter*/
}
.likes{
-webkit-box-shadow: 2px 3px 8px rgba(0,0,0,0.16);
-moz-box-shadow: 2px 3px 8px rgba(0,0,0,0.16);
box-shadow: 2px 3px 8px rgba(0,0,0,0.16);
border:3px solid #fff;
}

.likes_lightbox {
margin: 0 0 10px 10px;
}


.more div{
width:100%;
padding:15px 0;
text-align:center;
background:#E1E1E1;
}
.more img{
border: 3px solid white;
-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4);
-moz-box-shadow: 0 0 18px rgba(0,0,0,0.4);
box-shadow: 0 0 18px rgba(0,0,0,0.4);
max-width:600px;
}
.contenty ul{
list-style: none; 
margin:5px 0 0 0;
padding:0;
overflow:hidden;
font-size:100%;
}
.contenty  li{
border-top:1px solid #CCCACA;
border-bottom:1px solid #fff;
padding:5px 0;
overflow:hidden;
}
.contenty  li:last-child{
border-bottom:0px;;
}
.contenty  li span{
color:#666;
font-weight:normal;
}
.menu{
font-size:120%;
}
.menu a{
text-decoration:none;
}
.menu li:first-child{
border:0px;
}



.rate img{
cursor:pointer;
}
.rate div{
text-align:center;
font-size:120%;
color:#666;
}
.rate li{
float:left;
width:20%;
}
.user-rating ul, .social ul, .rate ul{
list-style: none; 
margin:0;
padding:0px;
overflow:hidden;
}
.user-rating h4{
border-bottom:1px solid #ccc;
padding-bottom:5px;
}
.user-rating div{
background: url('/National_Library/oe_/http://botbi.com/img/stars.png') no-repeat left bottom;  
min-height:111px;
border-top:1px solid #fff;
padding-top:5px;
}
.user-rating ul{
margin-left: 90px;

}
.user-rating li{
background:#08AFF2;
-webkit-border-radius: 7px;
border-radius: 7px;
padding:1px 5px;
color:#fff;
font-size:80%;
margin-bottom:8px;
text-align:right;
}
.user-rating li:last-child{
margin-bottom:0;
}
.social li{
width:27%;
float:left;
margin:0 2% 0 0;
text-align:center;
}
.social li:first-child{
width:42%!important;
margin-right:1%;
}
.social li:last-child{
margin-right:0;
}
.share{
overflow:hidden;
}
.share img{
float:left;
width: calc(100%/3.03);
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
		  
}
.share img:hover{
  border-radius: 50%;
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
.share .googleplus{
margin:0 1px;
}

.download {
width:90%;
margin:0 auto;
overflow:hidden;
font-size:120%;
text-align:center;

}
.download a{
display:block;
padding:5px 0 0 37px;
}
.download a:before{
content: " ";
width: 32px;
height:32px;
margin:-9px 0 0 -37px;
position: absolute;
background:url('/National_Library/oe_/http://botbi.com/img/d32.png') no-repeat;

}
.bigdown .download a{
overflow:hidden;
padding:18px 0 15px 37px;
width:50%!important;
margin:0 auto;
-webkit-border-radius: 10px;
border-radius: 10px;
color:#fff;
background:#16BBFF;
font-size:150%;
text-decoration:none;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}
.bigdown .download a:hover{
background:#068FC8;
}

.bigdown .download a:before{
background:url('/National_Library/oe_/http://botbi.com/img/a-white.png') no-repeat;
width: 48px;
height:48px;
margin:-13px 0 0 -52px;

}
/*search form*/
.search {
width: 99%; 
border: 1px solid #0699D4; 
height: 28px; 
margin:0px;
-webkit-border-radius: 3px;
border-radius: 3px;
clear:both;
background: #fff url('/National_Library/oe_/http://botbi.com/img/search.png') no-repeat right; 
background-position:175px;
}
.search input[type="text"] {
border: 0!important; 
outline: none!important; 
-webkit-appearance: none!important; 
width: 67%!important;
vertical-align: middle!important; 
height:23px!important;
float:left!important; 

}



.search input[type="submit"] {
width: 27%!important;
height: 28px!important; 
border:0!important; 
margin:0!important; 
border-left: 1px solid #0699D4!important; 
background: url('/National_Library/oe_/http://botbi.com/img/search.png') repeat-x center center; 
cursor:pointer;
}


/*breadcrumbs*/
.breadcrumb{
float:left;
}

.breadcrumb ul{
list-style: none; 
margin:0;
padding:0;
border-left:1px solid #eee;
overflow:hidden;
}

.bre{ 
display: block;
}
.bre li {
display: inline;
}
.bre li.first {
padding-left: 8px;

}
.bre li a, 
.bre li a:link, 
.bre li a:visited 
{
color: display: block; 
float: left; 
font-size: 120%; 
margin-left: -13px; 
padding: 5px 17px 3px 17px; 
position: relative; 
text-decoration: none; 
}
.bre li a{ 
background-image: url('/National_Library/oe_/http://botbi.com/img/bre.png');  
background-repeat: no-repeat; 
background-position: 100% 0; 
position: relative; 
}
.bre li a:hover{ 
background-position: 100% -48px; 
cursor: pointer;
}
.bre li a:active{
background-position: 100% -96px;
}
.bre li:last-child a{
background:none;
}
.dtitle{
color:#96B728;
font-size:150%;
width:100%;
}
.dtitle span{
color:#666;
font-size:65%;
display:block;
margin:5px 0;
}
.dtitle a{
color:#666;
}
.banner300{
width:300px;
background:#ccc;
float:left;
}
.most{
padding-left:0;
}
.manual{
float:left;
width:50%;
margin:7% 0 0 2%;
overflow:hidden;
padding-left:30px;
}
.manual div{
margin-bottom:5%;
}
.manual h3{
font-size:100%;
font-weight:bold;
}
.one:before,
.two:before,
.three:before{
float:left;
margin-left:-30px;
color:#96B728;
font-size:170%;
font-weight:bold;
}
.one:before{
content:"1";
}
.two:before{
content:"2";
}
.three:before{
content:"3";
}

.likeit{
background: url('/National_Library/oe_/http://botbi.com/img/like.png') no-repeat;
width:68%;
min-height:200px;
padding-left:30%;
margin-top:30px;
}
.plugin{
overflow:hidden;
margin-top:30px;
}
.plugin .socialp{
float:left;
margin:5px;
}
.rotate{
margin:0px;
}
.rotate .program{
float:right;
}
.rotate .program:first-child{
margin-right:1%;
/*border-left:1px solid #fff;
border-top:1px solid #fff;
width:calc(66% - 1px);*/
}
.rotate .program .blue, .rotate .program .grey{
border-left:0;
}
.rotate .program .blue{
border-top:1px solid #fff;
}

.editor{
font-size:90%;
}
.editor   img{
float:left;
max-width:32px;
margin:0 5px 2px 0;
}
.editor a{
display:block;
font-size:130%;
margin-bottom:5px;
min-height:32px;
}
.slogan{
color:#09B0F4;
font-size:25px;
margin-top:5px;
font-family: 'Nothing You Could Do', cursive;
text-align:center;
}
.ribbon{
z-index:8888;
position:absolute;
text-align:right;
width:230px;
padding-top:2px;
}

.editory {
width:calc(100% - 16px);
border:2px dotted #ccc;
padding:6px;
}

.editory h4 img{
position:absolute;
padding:5px 0 0 170px;
}
.err{
color:#09B0F4;
font-size:160%;
}

.handle-area{
background:url("https://web-archive.nli.org.il/National_Library/oe_/http://downloadastro.com/img/handle-bg.png") no-repeat scroll left center rgba(0,0,0,0);
height:23px;
left:10px;
top:50px;
width:175px;
margin:0 auto;
}
.handle{background:url("https://web-archive.nli.org.il/National_Library/oe_/http://downloadastro.com/img/handle.png") repeat scroll 0 0 rgba(0,0,0,0);
cursor:pointer;
height:23px;
width:9px;
margin-top:0!important;
}

.google{
width:100%;
clear:both;
float:left;
}
.goo header{
margin-top:22px;
}

.google .search{
margin-left:auto;
margin-right:auto;
width:50%;
}
.install{
width:95%!important;
margin:5px auto 20px auto;
overflow:hidden;
padding-left:3%!important;
}

.arrs:before{
float:left;
content: url('img/a2.png');
margin-left:-3%;

}
.arrs:after{
content: url('img/a1.png');
float:right;

}
.arrs:after,
.arrs:before{
display:block;

width:3%;
cursor:pointer;
margin-top:7%;

}

.more h5{
color:#666;
margin:0 auto;
padding:0;
font-size:120%;
text-align:left;
width:92%;
}

.install img{
float:left;
width:30%;
margin:0 2%;
}
.arrs img{
margin:0 1.3%;
}
.arrs img:first-child{
margin-left:1%!important;
}
.install img:first-child, .install img:last-child{
margin:0;
}
.arrowy {
padding-left:1%!important;
}
.arrowy img{
width:26%;
}
.arrowy div{
float:left;
margin-top:30px!important;
}
.arrowy div img, .arrowy div{
width:auto!important;
border:0;
background:none!important;
border-radius: 0;
-webkit-border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin:0;
}

#cse-search-results{
min-height:800px!important;
}

/* Tiny Carousel  for Install */
.slider-code { height: 1%; overflow:hidden; padding: 0 0 10px;   }
.slider-code .viewport {float: left; width: 650px; height: 160px; overflow: hidden; position: relative; }
.slider-code .buttons { 
background:url("/National_Library/oe_/http://botbi.com/img/buttons.png") no-repeat scroll 0 0 transparent; 
display: block; 
margin: 75px 0 0 0; 
background-position: 0 -38px; 
text-indent: -999em; 
float: left;
 width: 30px;
 height: 37px;
 overflow: hidden; 
 position: relative; 
 }
.slider-code .next { background-position: 0 0; margin: 75px 0 0 0;  }
.slider-code .disable { visibility: hidden; }
.slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 240px; left: 0 top: 0; }
.slider-code .overview li{ float: left; margin: 0 5px; padding: 1px; height: 160px;  }
.slider-code .overview li img{max-height:150px;}

.hide_row {
    display: none;
}