body{color:#000;font-size:10pt;background:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;max-width: 690px;}
h1 {color: #777; font-family: tahoma; font-size: 24px; text-align: center; }
.how-to-help {margin-top: 10px;}


/*
.how-to-help {font-weight: normal; font-size: 14px; text-align: center; width: 760px;}
.how-to-help a, .how-to-help a:visited {font-weight: normal;}
.how-to-help a:hover {color: #377;}
*/

#left {float: left; text-align: center;}
#center {float: left; 
 width:60%; overflow: auto;}
#right {float: right; max-width: 310px;
/*
padding: 0 10px; 
*/
text-align: center; position: relative; width: 40%; overflow: auto;}
select {width: 135px;}
#x, #y {text-align: right; max-width: 60px;}
input,select {border: 1px solid #aaa; font-size: 16px; padding: 2px;}
input:hover,select:hover {border: 1px solid #999;}
#search {width: 100px; text-align: center}
#elephants table {border: 1px solid #eee; border-collapse: collapse; width: 100%}
#elephants table td {padding: 8px 4px; border: 1px solid #eee; text-align: center; color: #555;}
#elephants table td.l {text-align: left;}
#elephants table th {padding: 8px 4px; border: 1px solid #eee; font-weight: bold; text-align: center; color: #555; background: #f1f1f1;}
#elephants table td a{text-decoration:none;font-weight:bold}
#elephants table td a,table td a:visited{color:#71D000}
#elephants table td a:active{color:#FF8000}
#elephants table td a:hover{color:#00BC00}
#elephants table td a.clink{font-weight:normal}
#elephants table td a.clink,table td a:visited.clink,table td a:active.clink{color:#666}
#elephants table td a:hover.clink{color:#00C000}

#form {border: 1px solid #ccc; margin: 0px;  text-align: center; padding: 2px; background-color: #f0f0f0; border-radius:6px; -webkit-border-radius:6px; 
-moz-border-radius:5px; -khtml-border-radius:10px;}
/*
#form table {border: 1px solid #eee; border-collapse: collapse; width: 100%}
#form table td {padding: 8px; border: 1px solid #eee; text-align: center; color: #aaa;}

*/
#form table {border-collapse: collapse;  max-width: 300px; margin: auto;}
#form table td {padding: 8px 1px; border: 0px solid #eee; text-align: center; color: #555;}
#form table td.l {text-align: left;}
#form table td.c {text-align: center;}
#form table th {padding: 8px; border: 1px solid #eee; font-weight: bold; text-align: center; color: #777; background: #f1f1f1;}

#ads1 {padding: 10px 3px; margin: 0 15px;      width: 179px; border: 1px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background-color: #f9f9f9;}
#donate {padding: 10px 3px; margin: 0 15px;      width: 179px; border: 1px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background-color: #f9f9f9;}
#news {padding: 0px; margin:0 0px 15px 15px; 
/*
max-width: 179px; min-width:150px; 
*/
border: 1px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; 
background-color: #f9f9f9;}
#news p a {text-decoration: underline;}
#news p a,#news p a:visited{color:#777; font-weight: bold;}
#news p a:active{color:#FF8000}
#news p a:hover{color:#00BC00}
table.news {border: 0px; border-collapse: collapse; margin-bottom:8px; margin-left: 2px;}
table.news td.server {padding: 3px; border: 0; text-align: left;}
table.news td.server h2 {padding: 0;margin: 0; color: #555; font-size: 10px;}
table.news td.server h2 a{color: #888; text-decoration: none;}
table.news td.server h2 a:hover{color: #999; text-decoration: underline;}

table.news td.server_date {padding: 2px; border: 0; text-align: center; color: #555; font-size: 8px;}
table.news td.news_date {padding: 8px; border: 0; text-align: center; color: #555;}
#zones {padding: 10px; padding-right: 2px; margin:0 0px 20px;  border: 1px solid #ccc; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px; background-color: #f9f9f9;}
table.zones {border: 0; border-collapse: collapse; width: 100%; cursor: pointer;}
table.zones td {padding: 5px; text-align: left; color: #aaa;}
table.zones td:hover {color: #333; background: #fff;}

#zones div.zones div {display: inline-block; margin: 5px 10px; padding 4px;cursor: pointer;}
#zones div.zones div:hover {color: #333; background: #fff;}
/*
#zones div a{color: #777; text-decoration: none;}
#zones div a:hover {color: #333; background: #fff;}
*/

ul.pagination{max-width: 280px;margin:10px auto;padding:0;height:100%;overflow:hidden;list-style-type:none;}
ul.pagination li{float:left;margin:0px;padding:0px;margin-left:5px;}
ul.pagination li a{color:black;display:block;text-decoration:none;padding:7px 10px 7px 10px;}
ul.pagination li a{color:#FFFFFF;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
ul.pagination li a{color:#474747;border:solid 1px #B6B6B6;padding:6px 9px 6px 9px;background:#E6E6E6;background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));}
ul.pagination li a:hover,
ul.pagination li a.current{background:#FFFFFF;}
.footer {clear: both; padding-top: 40px; margin-bottom: 40px; max-width: 750px; text-align: center; color: #777;}
.footer a,.fb-holder a {text-decoration: none}
.footer a,.footer a:visited,.fb-holder a,.fb-holder a:visited{color:#777; font-weight: bold;}
.footer a:active,.fb-holder a:active{color:#FF8000}
.footer a:hover,.fb-holder a:hover{color:#00BC00}
.footer select {border: 1px solid #aaa; font-size: 12px; padding: 2px; width: 80px;}
.flag {width: 16px;height: 11px;background:url(/img/flags.png) no-repeat}
.flag.flag-ae {background-position: -16px 0}
.flag.flag-al {background-position: -32px 0}
.flag.flag-ar {background-position: -48px 0}
.flag.flag-at {background-position: -64px 0}
.flag.flag-au {background-position: -80px 0}
.flag.flag-ba {background-position: -96px 0}
.flag.flag-be {background-position: -112px 0}
.flag.flag-bg {background-position: -128px 0}
.flag.flag-br {background-position: 0 -11px}
.flag.flag-ch {background-position: -16px -11px}
.flag.flag-cl {background-position: -32px -11px}
.flag.flag-cn {background-position: -48px -11px}
.flag.flag-cz {background-position: -64px -11px}
.flag.flag-de {background-position: -80px -11px}
.flag.flag-dk {background-position: -96px -11px}
.flag.flag-ee {background-position: -112px -11px}
.flag.flag-eg {background-position: -128px -11px}
.flag.flag-es {background-position: 0 -22px}
.flag.flag-fi {background-position: -16px -22px}
.flag.flag-fr {background-position: -32px -22px}
.flag.flag-gb {background-position: -48px -22px}
.flag.flag-gr {background-position: -64px -22px}
.flag.flag-hk {background-position: -80px -22px}
.flag.flag-hr {background-position: -96px -22px}
.flag.flag-hu {background-position: -112px -22px}
.flag.flag-id {background-position: -128px -22px}
.flag.flag-ie {background-position: 0 -33px}
.flag.flag-il {background-position: -16px -33px}
.flag.flag-in {background-position: -32px -33px}
.flag.flag-iq {background-position: -48px -33px}
.flag.flag-ir {background-position: -64px -33px}
.flag.flag-is {background-position: -80px -33px}
.flag.flag-it {background-position: -96px -33px}
.flag.flag-jp {background-position: -112px -33px}
.flag.flag-kr {background-position: -128px -33px}
.flag.flag-li {background-position: 0 -44px}
.flag.flag-lt {background-position: -16px -44px}
.flag.flag-lu {background-position: -32px -44px}
.flag.flag-lv {background-position: -48px -44px}
.flag.flag-ma {background-position: -64px -44px}
.flag.flag-mc {background-position: -80px -44px}
.flag.flag-mk {background-position: -96px -44px}
.flag.flag-mx {background-position: -112px -44px}
.flag.flag-my {background-position: -128px -44px}
.flag.flag-nl {background-position: 0 -55px}
.flag.flag-no {background-position: -16px -55px}
.flag.flag-nz {background-position: -32px -55px}
.flag.flag-ph {background-position: -48px -55px}
.flag.flag-pk {background-position: -64px -55px}
.flag.flag-pl {background-position: -80px -55px}
.flag.flag-pt {background-position: -96px -55px}
.flag.flag-ro {background-position: -112px -55px}
.flag.flag-rs {background-position: -128px -55px}
.flag.flag-ru {background-position: 0 -66px}
.flag.flag-sa {background-position: -16px -66px}
.flag.flag-se {background-position: -32px -66px}
.flag.flag-si {background-position: -48px -66px}
.flag.flag-sk {background-position: -64px -66px}
.flag.flag-sm {background-position: -80px -66px}
.flag.flag-th {background-position: -96px -66px}
.flag.flag-tr {background-position: -112px -66px}
.flag.flag-ua {background-position: -128px -66px}
.flag.flag-us {background-position: 0 -77px}
.flag.flag-vn {background-position: -16px -77px}
.flag.flag-za {background-position: -32px -77px}

.travibot-adv1{color: #555;font-size: 16px;}
.travibot-adv1 a{color: #555; text-decoration:none; display: block;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border: 1px solid #ccc;padding: 10px;}
.travibot-adv1 a:hover{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border: 1px solid #ddd;background: #f7f7f7;}
.travibot-adv1 a span {color:#fff;margin-top: 9px;display:inline-block;padding:6px 9px 6px 9px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border: 0;
border-top: 1px solid #87c286;border-right: 1px solid #0e780c;border-left: 1px solid #0e780c;border-bottom: 1px solid #0e780c;background: linear-gradient(to bottom, #0bc408 0%,#09a206 100%);
box-shadow: 0 -1px 0 #0e780c, 0 1px 0 #fff;}
.travibot-adv1 a span:hover,.travibot-adv1 a.current{background: linear-gradient(to bottom, #01b400 0%,#019200 100%);}

.travibot-adv2{color: #555; margin-bottom: 10px; margin-left: 0px; text-align: center; font-size: 16px;}
.travibot-adv2 a{color: #555; text-decoration:none; display: block;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border: 1px solid #ccc;background: #fff;padding: 10px;}
.travibot-adv2 a:hover{                                            border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border: 1px solid #ddd;background: #f7f7f7;}
.travibot-adv2 a span {color:#fff;margin-top: 9px;display:inline-block;padding:6px 9px 6px 9px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border: 0;
border-top: 1px solid #87c286;border-right: 1px solid #0e780c;border-left: 1px solid #0e780c;border-bottom: 1px solid #0e780c;background: linear-gradient(to bottom, #0bc408 0%,#09a206 100%);
box-shadow: 0 -1px 0 #0e780c, 0 1px 0 #fff;

animation: timing 1s infinite alternate;
animation-timing-function: ease;
animation-delay:5s;
}
@keyframes timing {
0%{
right: 100%;
margin-right: -3.6em;
}
100%{
left: 100%;
margin-left: -3.6em;
}
}
.travibot-adv2 a span:hover, .travibot-adv4 span a:hover{
animation-play-state: paused;
}



.travibot-adv2 a span:hover,  .travibot-adv4 span a:hover, .travibot-adv1 a.current{background: linear-gradient(to bottom, #01b400 0%,#019200 100%);}

.travibot-adv3{color: #555; margin:0 0 15px 15px; padding: 10px; font-size: 16px; 
border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border: 1px solid #ccc;background: #fff;
}
.travibot-adv3 a{color: #555; text-decoration:none; display: block;}
.travibot-adv3 a:hover{background: #f7f7f7;}
.travibot-adv3 a span {color:#fff;margin-top: 9px;display:inline-block;padding:6px 9px 6px 9px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border: 0;
border-top: 1px solid #87c286;border-right: 1px solid #0e780c;border-left: 1px solid #0e780c;border-bottom: 1px solid #0e780c;background: linear-gradient(to bottom, #0bc408 0%,#09a206 100%);
box-shadow: 0 -1px 0 #0e780c, 0 1px 0 #fff;}
.travibot-adv3 a span:hover,.travibot-adv3 a.current{background: linear-gradient(to bottom, #01b400 0%,#019200 100%);}






.travibot-adv4{color: #555; margin-bottom: 10px; margin-left: 0px; text-align: center; font-size: 16px;}
.travibot-adv4 div{color: #555;  display: block;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border: 1px solid #ccc;background: #fff;padding: 10px;}
.travibot-adv4 div:hover{                                            border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border: 1px solid #ddd;background: #f7f7f7;}

.travibot-adv4 span a{color:#fff;margin-top: 9px;display:inline-block;padding:6px 9px 6px 9px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border: 0;
border-top: 1px solid #87c286;border-right: 1px solid #0e780c;border-left: 1px solid #0e780c;border-bottom: 1px solid #0e780c;background: linear-gradient(to bottom, #0bc408 0%,#09a206 100%);
box-shadow: 0 -1px 0 #0e780c, 0 1px 0 #fff;text-decoration:none;
animation: timing 1s infinite alternate;
animation-timing-function: ease;
animation-delay:5s;
}

.travibot-adv4 a span:hover{animation-play-state: paused;}









.fb-holder {margin: 0 0 15px 15px; padding-top:10px; padding-bottom:10px; min-height: 172px; border: 1px solid #ccc;
border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px;
background-color: #fff;}

#vk_groups {margin: 0 0 15px 15px; padding-top:10px; padding-bottom:10px; min-height: 245px; border: 1px solid #ccc;
border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -khtml-border-radius:10px;
background-color: #fff;}