/* Reset styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*
*
* ogolne
*
*/
.blue {
  color: rgb(0,102,255);
}
body {
  background: url('../images/body_bg.gif') repeat-x #fafafa;
  font-family: Tahoma;
  color: #505050;
  font-size: 12px;
}
#site {
  width: 100%;
  margin: 0px auto 0px auto;
}
#header {
  padding-top: 0px;
  position: relative;
}
#header img {
  float: left;
}
.green_bold {
  font-weight: bold;
  color: rgb(0,153,0);
}
a {
  color: #1b80bb;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}
.red {
  color: #e00000;
}
.green {
  color: rgb(0,102,0);
}
.peru {
  color: rgb(205,133,63);
}
.deeppink {
  color: rgb(255,20,147);
}
#lang_choice {
  position: absolute;
  margin: 50px 20px 0px 0px;
  right: 370px;
  z-index: 10;
}
#lang_choice li {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  float: left;
  text-align: center;
  margin-left: 6px;
}
#lang_choice li.active a {
  border-color: #d0d2d2;
}
#lang_choice li a {
  float: left;
  width: 24px;
  height: 18px;
  display: block;
  line-height: 0px;
  border: solid 3px #edeeee;
}
#lang_choice li a:hover {
  border-color: #c2c2c2;
}
#lang_choice li a span{
  display: none;
}
#lang_choice li.lang_en {
  background-image: url('../images/en_flag.png');
}
#lang_choice li.lang_de {
  background-image: url('../images/de_flag.png');
}
#lang_choice li.lang_pl {
  background-image: url('../images/pl_flag.png');
}
#navigation {
  background: url('../images/navigation.jpg') no-repeat;
  height: 59px;
  padding: 8px 0px 0px 10px;
  clear: both;
}
#navigation li {
  float: left;
  height: 50px;
}
#navigation li.separator {
  background: url('../images/navigation_separator.gif') no-repeat 0 50%!important;
  width: 2px;
}

#navigation li:hover, #navigation li.active {
  background: url('../images/navigation_li_active.png') no-repeat -1px 50%;
}

#navigation li a{
  height: 50px;
  float: left;
  width: 158px;
  text-align: center;
}

#navigation li a {
  background: no-repeat -1px 0px;
}
/* navigation li en */
#navigation li a.home_en {
  background-image: url('../images/navigation_li_a_home_en.png');
}

#navigation li a.registration_en {
  background-image: url('../images/navigation_li_a_registration_en.png');
}

#navigation li a.prices_en {
  background-image: url('../images/navigation_li_a_prices_en.png');
}

#navigation li a.imprint_en {
  background-image: url('../images/navigation_li_a_about_us_en.png');
}

#navigation li a.help_en {
  background-image: url('../images/navigation_li_a_help_en.png');
}

#navigation li a.login_en {
  background-image: url('../images/navigation_li_a_login_en.png');
}

#navigation li a.log_out_en {
  background-image: url('../images/navigation_li_a_logout_en.png');
}

#navigation li a.your_account_en {
  background-image: url('../images/navigation_li_a_your_account_en.png');
}
/* navigation li de */
#navigation li a.home_de {
  background-image: url('../images/navigation_li_a_home_de.png');
}

#navigation li a.registration_de {
  background-image: url('../images/navigation_li_a_registration_de.png');
}

#navigation li a.prices_de {
  background-image: url('../images/navigation_li_a_prices_de.png');
}

#navigation li a.imprint_de {
  background-image: url('../images/navigation_li_a_about_us_de.png');
}

#navigation li a.help_de {
  background-image: url('../images/navigation_li_a_help_de.png');
}

#navigation li a.login_de {
  background-image: url('../images/navigation_li_a_login_de.png');
}

#navigation li a.log_out_de {
  background-image: url('../images/navigation_li_a_logout_de.png');
}

#navigation li a.your_account_de {
  background-image: url('../images/navigation_li_a_your_account_de.png');
}
/* navigation li pl */
#navigation li a.home_pl {
  background-image: url('../images/navigation_li_a_home_pl.png');
}

#navigation li a.registration_pl {
  background-image: url('../images/navigation_li_a_registration_pl.png');
}

#navigation li a.prices_pl {
  background-image: url('../images/navigation_li_a_prices_pl.png');
}

#navigation li a.imprint_pl {
  background-image: url('../images/navigation_li_a_about_us_pl.png');
}

#navigation li a.help_pl {
  background-image: url('../images/navigation_li_a_help_pl.png');
}

#navigation li a.login_pl {
  background-image: url('../images/navigation_li_a_login_pl.png');
}

#navigation li a.log_out_pl {
  background-image: url('../images/navigation_li_a_logout_pl.png');
}

#navigation li a.your_account_pl {
  background-image: url('../images/navigation_li_a_your_account_pl.png');
}
#navigation li a:hover, #navigation li.active a{
  background-position: 0px -50px!important;
}

.content {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
}
.content_right {
  float: left;
  height: auto;
  overflow: hidden;
}
.content_right h1 {
  font-size: 20px!important;
  padding-bottom: 7px!important;
}
.index {
  background: url('../images/main_picture.jpg') no-repeat 537px 48px;
}
.index h1 {
  margin: 16px 0px 10px 0px!important;
  color: #0b80ac!important;
  font-size: 26px!important;
  padding-left: 7px!important;
  border: none!important;
}
.content h1 {
  margin: 25px 0px 10px 0px;
  color: #0b80ac;
  font-size: 26px;
  border-bottom: solid 1px #e3e3e3;
  padding-bottom: 12px;
  overflow: hidden;
}
.help h2 {
  margin: 25px 0px 5px 0px;
  color: #0b80ac;
  font-size: 13px;
  font-weight: bold;
}
.index .points {
  margin: 0px 0px 30px 30px;
  color: #525657;
  font-size: 18px;
  line-height: 28px;
}
.description_box {
  background: url('../images/index_box.png');
  width: 474px;
  height: 175px;
  margin: 10px 0px 30px 67px;
  float: left;
}
.description_box a{
  color: rgb(204,255,51);
}
.description_box h2 {
  margin: 10px 0px 0px 12px;
}
.description_box ol{
  color: #ffffff;
  font-size: 13px;
  font-family: Arial;
  line-height: 20px;
  list-style-type: decimal;
  list-style-position: inside;
  margin: 6px 0px 0px 31px;
  float: left;
}
.description_box .green_button {
  float: right;
  margin: 7px 50px 0px 0px;
  color: #ffffff;
}
.description_box .details {
  background: url('../images/narrow.gif') 0 4px no-repeat;
  float: left;
  color: #fff;
  margin: 6px 0px 0px 50px;
  clear: both;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  font-family: Tahoma;
  letter-spacing: 0px;
  padding-left: 12px;
}
.description_box .details:hover {
  text-decoration: underline;
}
.green_button, .green_button_wide {
  background: url('../images/green_button.png');
  width: 172px;
  height: 34px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-family: Verdana;
  font-weight: bold;
  line-height: 34px;
  text-decoration: none;
}
.green_button_wide {
  background: url('../images/button_bg.png')!important;
  width: auto!important;
  float: left;
  padding: 0px 20px 0px 25px;
  border-radius: 5px;
}
.green_button:hover, .green_button_wide:hover {
  color: rgb(255,255,0);
}

#footer_wrapper {
  clear: both:
  height: auto;
  background: url('../images/footer_bg.gif') repeat-x #d2d2d1;
  margin: 20px 0px 0px 0px;
}
#footer {
  width: 980px;
  margin: 0px auto 0px auto;
  height: auto;
  color: #8b8a8a;
  font-size: 12px;
  font-family: Verdana;
  padding: 20px 0px 0px 0px;
  line-height: 22px;
  overflow:  hidden;
}
#footer p.copyright {
  float: left;
}
#footer p.navigation {
  float: right;
}
#footer p.navigation a{
  color: #8b8a8a;
  font-size: 12px;
  font-family: Verdana;
  text-decoration: none;
}
#footer p.navigation a:hover{
  text-decoration: underline;
}

/*
*
* blue_table
*
*/
.blue_table a.normal {
  color: inherit;
  text-decoration: inherit;
}
.blue_table {
  width: 100%;
  margin: 0px 0px 20px 0px;
  border-collapse: separate;
}
.blue_table th {
  height: 36px;
  background: url('../images/table_th_bg.png') repeat-x;
  font-family: Tahoma;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: #0071b2 1px 1px 0px;
  padding-left: 0px;
}
.blue_table th span {
  background: url('../images/table_thead_tr_separator.gif') 0 0 no-repeat;
  display: block;
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
}
.blue_table th.left span {
  background: none;
}
.blue_table th.left {
  border-top-left-radius: 6px!important;
}
.blue_table th.right {
  border-top-right-radius: 6px;
}

.blue_table td {
  background: url('../images/table_first_tr_bg.gif') repeat-x;
  color: #6c6c6c;
  font-size: 12px;
  font-family: Tahoma;
  height: 33px;
}
.blue_table td span{
  display: block;
  height: 33px;
  line-height: 33px;
  padding-left: 20px;
}
.blue_table td.left{
  border-left: solid 1px #0c89b7;
}
.blue_table td.right{
  border-right: solid 1px #0c89b7;
}
.blue_table tr.first {
  background: url('../images/table_first_tr_bg.gif') repeat-x;
}

tr.dark_tr{
  background: url('../images/table_dark_tr_bg.gif') repeat-x;
}
.dark_tr td{
  background: url('../images/table_dark_tr_separator.gif') no-repeat 0 100%;
}
tr.light_tr{
  background: url('../images/table_light_tr_bg.gif') repeat-x;
}
.light_tr td{
  background: url('../images/table_light_tr_separator.gif') no-repeat 0 100%;
}

.blue_table tfoot td {
  background: url('../images/table_tfoot_bg.gif') repeat-x;
  height: 11px;
}
.blue_table tfoot td.left {
  border-bottom-left-radius: 6px;
}
.blue_table tfoot td.right {
  border-bottom-right-radius: 6px;
}
.blue_table tr:hover {
  background-image: url('../images/table_active_tr_bg.gif');
}
.blue_table td img {
  margin-top: 9px;
}
.required_fields {
  clear: both;
  margin-top: 40px;
  float: left;
  font-size: 11px;
}
.blue_table_center {
  width: 600px;
  text-align: center;
  margin-left: 70px;
}
.blue_table_center td span {
  padding-left: 0px;
}
.sum_tr {
  background: url('../images/table_sum_tr_bg.gif') repeat-x;
}
.sum_tr td{
  background: url('../images/table_dark_tr_separator.gif') no-repeat 0 100%;
}
.sum_tr .left span{
  text-align: right!important;
  padding-right: 5px;
}
/*
*
*   blue_table_small
*
*/
.blue_table_small td, .blue_table_small th{
  height: 33px;
}
.blue_table_small td span, .blue_table_small th span{
  padding-left: 2px;
  text-align: center;
  font-size: 11px;
  padding-right: 2px;
  padding-left: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  height: auto;
  line-height: 12px;
}

p {
  font-family: Tahoma;
  line-height: 24px;
  font-size: 12px;
  color: #505050;
  margin: 0px 0px 10px 0px;
}
.form_normal {
  margin: 8px 0px 0px 0px;
  float: left;
}
.form_normal label {
  float: left;
  clear: both;
  width: 260px;
  text-align: right;
  padding: 0px 10px 0px 0px;
  font-family: Tahoma;
  font-size: 12px;
  color: #2a658f;
  font-weight: bold;
  margin: 1px 0px 11px 0px;
  line-height: 22px;
}
.form_normal .label_part {
  font-family: Tahoma;
  font-size: 12px;
  color: #2a658f;
  margin: 1px 0px 11px 10px;
  line-height: 22px;
  font-weight: bold;
  float: left;
  width: auto;
  clear: none;
  margin-right: 30px;
}
.form_normal input {
  float: left;
  width: 200px;
  font-size: 12px;
  font-family: Tahoma;
  height: 22px;
  margin: 1px 0px 11px 0px;
  background: url('../images/input_bg.gif') repeat-x;
  border: solid 1px #b3c1c6;
  padding: 0px 3px 0px 3px;
  color: #505050;
  line-height: 22px;
}

.form_normal input.red {
  border-color: rgb(255,0,0);
}

.form_normal input.input_radio {
  float: left;
  width: auto;
  margin: 1px 0px 11px 0px;
  background: none;
  border: none;
  padding: 0px 3px 0px 3px;

}
.form_normal select {
  float: left;
  width: 300px;
  font-size: 12px;
  font-family: Tahoma;
  height: 22px;
  margin: 1px 0px 11px 0px;
  background: url('../images/input_bg.gif') repeat-x;
  border: solid 1px #b3c1c6;
  padding: 1px 1px 1px 3px;
  color: #505050;
}
.form_normal option {
  padding: 4px 0px 0px 3px;
  height: 18px;
}
.form_normal input:focus {
  border: solid 2px #488bbb;
  margin: 0px 0px 10px 0px;
  padding: 0px 2px 0px 2px;
}
.form_normal input.input_radio:focus {
  border: none;
  margin: 1px 0px 11px 0px;
  padding: 0px 3px 0px 3px;
}
.form_normal table input, .form_normal table select {
  margin: 2px 0px 0px 0px;
  float: none;
}
.form_normal table input:focus {
  border: solid 2px #488bbb;
  margin: 1px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
}

.form_normal .submit_button {
  background: url('../images/green_button.png');
  width: 172px;
  height: 34px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-family: Verdana;
  font-weight: bold;
  line-height: 34px;
  text-decoration: none;
  border: none!important;
  clear: both;
  margin: 0px 0px 0px 270px!important;
  cursor: pointer;
}

.form_normal .submit_button_auto {
  background: url('../images/button_bg.png')!important;
  width: auto;
  padding: 0px 20px 0px 25px;
  border-radius: 5px;
  height: 34px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-family: Verdana;
  font-weight: bold;
  line-height: 34px;
  text-decoration: none;
  border: none!important;
  clear: both;
  margin: 0px 0px 0px 270px!important;
  cursor: pointer;
}
.form_normal .submit_button_auto:focus {
  border: none;
  padding: 0px 20px 0px 25px;
}


.submit_button {
  background: url('../images/green_button.png');
  width: 172px;
  height: 34px;
  display: block;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  font-family: Verdana;
  font-weight: bold;
  line-height: 34px;
  text-decoration: none;
  border: none!important;
  clear: both;
  margin: 0px 0px 0px 0px;
  cursor: pointer;
}
.submit_button:hover, .submit_button_auto:hover {
  color: rgb(255,255,0);
}

/*
*
*  red_box
*
*/
.red_box, .blue_box, .green_box  {
  padding: 10px 10px 10px 55px;
  font-weight: normal;
  line-height: 21px;
  color: #fff;
  border-radius: 4px;
  font-size: 11px;
  display: none;
}
.red_box {
  border: solid 1px #9f0e0e;
  background: url('../images/red_box_icon.png') no-repeat 12px 50% #e93d27;
}
.green_box {
  border: solid 1px #146918;
  background: url('../images/green_box_icon.png') no-repeat 12px 50% #3da741;
}
.blue_box {
  border: solid 1px #004a8e;
  background: url('../images/blue_box_icon.png') no-repeat 12px 50% #1c8af1;
}
/*
*
* submenu
*
*/
#submenu {
  width: 200px;
  float: left;
  background: url('../images/submenu_footer.png') 0 100% no-repeat;
  margin: 20px 25px 0px 8px;
}
#submenu h3{
  background: url('../images/submenu_header.png') no-repeat;
  line-height: 44px;
  color: #ffffff;
  font-family: Tahoma;
  font-size: 15px;
  font-weight: bold;
  padding: 0px 0px 0px 15px;
}
#submenu ul {
  background: url('../images/submenu_bg.png') repeat-y;
  margin: 0px 0px 9px 0px;
  padding: 1px 0px 0px 0px;
}
#submenu ul li{
  background: url('../images/submenu_separator.gif') 50% 100% no-repeat;
  height: 37px;
}
#submenu ul li a{
  background: url('../images/submenu_narrow.gif') 184px 14px no-repeat;
  color: #ffffff;
  text-align: right;
  padding: 0px 24px 0px 0px;
  display: block;
  text-decoration: none;
  line-height: 34px;
  font-family: Tahoma;
  font-size: 12px;
  margin: 1px 0px 0px 0px;
}
#submenu ul li a:hover{
  text-decoration: underline;
}
#submenu ul li.active a{
  background: url('../images/submenu_active.png') 2px 0 no-repeat;
  color: #0078aa;
  font-weight: bold;
}
ul.alphabet, ul.table_tabs {
  margin: 10px 0px 0px 10px;
  float: left;
}
ul.alphabet li, ul.table_tabs li {
  float: left;
}
ul.alphabet li a, ul.table_tabs a {
  float: left;
  background: #0c89b7;
  padding: 3px 0px 3px 0px;
  color: #ffffff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-shadow: 1px 1px 0 #0071B2;
  font-weight: bold;
  width: 26px;
  text-align: center;
  margin-left: 4px;
  text-decoration: none;
}
ul.alphabet li.active a, ul.table_tabs li.active a{
  float: left;
  background: #56c7fc;
  color: #ffffff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  text-shadow: 1px 1px 0 #0071B2;
  font-weight: bold;
}
ul.table_tabs a{
  width: auto;
  padding: 6px 12px 6px 12px;
}
/* contact_p */
p.contact_p {
  float:left;
  width: 200px;
}
p.contact_p span b{
  width: 80px;
  text-align: right;
  display: block;
  float: left;
  clear: both;
  padding: 0px 5px 0px 0px;
}
/*
*
* faq ul
*
*/
ul.faq li {
  border-bottom: dashed 1px #d1d1d1;
}
ul.faq li div.answer {
  display: none;
  color: #0c3147;
  background: #88d3ff;
  border: solid 1px #63b3e3;
  padding: 15px 25px 15px 25px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 24px;
  margin: 0px 0px 10px 0px;
  height: auto;
  overflow: hidden;
}
ul.faq li div.answer a {
  color: rgb(0,102,0);
}
ul.faq li h2 {
  font-size: 13px;
  line-height: 34px;
  color: #303030;
}
ul.faq li h2:hover {
  color: #097096;
  cursor: pointer;
}
ul.faq li.active h2 {
  font-weight: bold;
}
ul.faq li div.answer p.adress {
  color: #0c3147;
  background: #98e3ff;
  border: solid 1px #63b3e3;
  padding: 10px 20px 10px 20px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 24px;
  margin: 0px 0px 10px 0px;
  float: left;
}
ul.faq li div.answer p {
  color: #0c3147;
}
/*
*
* ul_ab
*
*/
.ul_ab {
  list-style-type: lower-alpha;
  list-style-position: inside;
  font-size: 12px;
  margin: 0px 0px 0px 15px;
  font-weight: bold;
}
.ul_ab li {
  margin: 0px 0px 5px 0px;
  line-height: 24px;
  border: none!important;
}
.ul_ab li p, .ul_ab li span {
  font-weight: normal;
}
.ul_ab li p {
  margin: 2px 0px 0px 24px;
}
.ul_ab li span.red {
  font-weight: bold;
}
/*
*
* ol_numeric
*
*/
.ol_numeric {
  list-style-type: decimal;
  list-style-position: inside;
  font-size: 12px;
  margin: 0px 0px 0px 15px;
  font-weight: bold;
}
.ol_numeric li {
  margin: 0px 0px 20px 0px;
  line-height: 24px;
  border: none!important;
}
.ol_numeric li p, .ol_numeric li span {
  font-weight: normal;
}
.ol_numeric li p {
  margin: 2px 0px 0px 24px;
}
.ol_numeric li span.red {
  font-weight: bold;
}
/*
*
* User acount
*
*/
.account h3 {
  padding-left: 9px!important;
}
.account h3 img{
  float: left;
  margin: 7px 8px 0px 0px;
}
/*
*
* User acount buttons
*
*/
#account_buttons {
  margin-left: 12px;
}
#account_buttons li {
  float: left;
}
#account_buttons li a {
  margin: 0px 20px 20px 0px;
  float: left;
  width: 160px;
  background: #fff;
  padding: 62px 0px 12px 0px;
  border-radius: 6px!important;
  border: solid 1px #ebebeb;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-position: 50% 17px;
  background-repeat: no-repeat;
}
#account_buttons li.personal_data a {
  background-image: url('../images/icons/vcard_edit.png');
}
#account_buttons li.change_password a {
  background-image: url('../images/icons/change_password.png');
}
#account_buttons li.telephone_book a {
  background-image: url('../images/icons/report_user.png');
}
#account_buttons li.email_messages a {
  background-image: url('../images/icons/email_to_friend.png');
}
#account_buttons li.call_forward a {
  background-image: url('../images/icons/phone.png');
}
#account_buttons li.call_log a {
  background-image: url('../images/icons/clock_history_frame.png');
}
#account_buttons li.invoices a {
  background-image: url('../images/icons/money_euro.png');
}
#account_buttons li.log_out a {
  background-image: url('../images/icons/door_in.png');
}
#account_buttons li.authorization_settings a {
  background-image: url('../images/icons/group_key.png');
}
#account_buttons li.top_up a {
  background-image: url('../images/icons/coins_add.png');
}
#account_buttons li a:hover {
  border-color: #c7deed;
  background-color: #f4fbff;
}

/*
*
* width
*
*/
.width_350 {
  width: 350px!important;
}
.width_40 {
  width: 40px!important;
}
.width_60 {
  width: 60px!important;
}
form.form_normal input.submit_button_350 {
  margin-left: 360px!important;
}
/*
*
*   company_data_box
*
*/
#company_data_box {
  //background-color: #efefef;
  float: left;
  clear: both;
  padding: 0px 20px 0px 0px;
  margin-bottom: 10px;
}
#company_data_box h4, h4.separator {
  padding-left: 270px;
  color: #0B80AC;
  float: left;
  font-family: Tahoma;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
}

/* tooltip */
#tooltip {
	position: absolute;
	border: 1px solid #E0E0E0;
	background: #FEFEFE;
	padding: 4px 8px;
	color: #333;
	display: none;
}

/* pauza_info */
#pauza_info {
  display: none;
}
#tooltip ul{
  font-size: 12px;
  font-weight: bold;
}
#tooltip ul li p{
  font-weight: normal;
  line-height: 18px;
}
/* price_box */
.price_box {
  background: url('../images/price_box.png') no-repeat;
  width: 149px;
  height: 103px;
  line-height: 107px;
  text-align: center;
  padding: 4px 10px 0px 0px;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  font-family: Arial;
  position: absolute;
  top: 80px;
  right: 0px;
}
/*
*   how_it_works_box
*/
.how_it_works_box {
  background: url('../images/how_it_works.png') no-repeat 60px 30px;
  height: 200px;
  width: 740px;
  position: relative;
  margin: 10px 0px 0px 0px;
  float: left;
}
.how_it_works_box p.caption{
  color: #0b88b6;
  font-size: 11px;
  font-weight: bold;
  display: block;
  text-align: center;
  position: absolute;
  line-height: 16px;
}
.how_it_works_box p.central {
  width: 200px;
  top: 0px;
  left: 270px;
}
.how_it_works_box p.your_phone {
  width: 110px;
  top: 34px;
  left: 0px;
  text-align: right;
}
.how_it_works_box p.recived_phone_number {
  width: 170px;
  top: 130px;
  left: 185px;
}
.how_it_works_box p.target_phone_number {
  width: 150px;
  top: 130px;
  left: 490px;
}
.how_it_works_box p.caption_2{
  color: #353535;
  font-size: 10px;
  display: block;
  text-align: center;
  position: absolute;
  line-height: 14px;
}
.how_it_works_box p.authorization {
  width: 100px;
  top: 55px;
  left: 130px;
}
.how_it_works_box p.number_choice {
  width: 100px;
  top: 92px;
  left: 135px;
}

/* general */
.top_up_button {
  margin-left: 5px;
  font-weight: bold;
  background: url('../images/green_button.png') -10px 0px;
  color: #ffffff;
  padding: 4px 7px 4px 7px;
  text-decoration: none;
  font-size: 11px;
}
.top_up_button:hover{
  color: #ffff00;
}

.green_button_auto, .red_button_auto {
  margin-left: 5px;
  font-weight: bold;
  background: url('../images/green_button_auto.png')!important;
  color: #ffffff;
  padding: 4px 7px 4px 7px;
  text-decoration: none;
  font-size: 11px;
  width: auto!important;
}
.button_radius {
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.red_button_auto {
  background: #ff3019; /* Old browsers */
  background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
/* admin */
#account_buttons li.users a {
  background-image: url('../images/icons/group.png');
}
/* top_up */
.top_up_box {
  width: 300px;
  height: auto;
  border: solid 1px #dddddd;
  float: left;
  background: #f7f7f7;
}

.top_up_box_2 {
  width: 415px!important;
  margin: 0px 0px 20px 20px!important;
}
.top_up_box p {
  margin: 5px 0px 10px 10px;
  color: #0B80AC;
  font-family: Tahoma;
  font-size: 13px;
  font-weight: bold;
}
.top_up_box .button_wrapper {
  margin: 0px 30px 20px 10px;
  float: left;
}
.top_up_box .button_wrapper input{
  width: auto;
  float: left;
  margin: 15px 5px 0px 15px;
}

.top_up_box .button_wrapper_big {
  margin: 0px 0px 20px 10px;
}
.top_up_box .button_wrapper_big input{
  width: auto;
  float: left;
  margin: 40px 5px 0px 5px!important;
}

.add_value_button, .payment_method_button {
  cursor: pointer;
  width: 70px;
  height: 50px;
  float: left;
  background: url('/media/site/images/grey_button_bg.gif');
  border: solid 1px #bebcbc;
  border-radius: 5px;
  line-height: 50px;
  text-align: center;
}
.payment_method_button {
  width: 370px;
  height: 100px;
  background-image: linear-gradient(bottom, rgb(208,208,208) 0%, rgb(251,251,251) 100%);
  background-image: -o-linear-gradient(bottom, rgb(208,208,208) 0%, rgb(251,251,251) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(208,208,208) 0%, rgb(251,251,251) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(208,208,208) 0%, rgb(251,251,251) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(208,208,208) 0%, rgb(251,251,251) 100%);

  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(0, rgb(208,208,208)),
  	color-stop(1, rgb(251,251,251))
  );

  display:table-cell;
  vertical-align:middle;
  font-size: 0px;
  line-height: 1;
}
.button_wrapper div.active {
  border-color: gold!important;
}


/* print button */
.print_button {
  background: url('/media/site/images/icons/printer.png') 0 50% no-repeat;
  clear: both;
  float: left;
  margin: 30px auto 0px 320px;
  line-height: 32px;
  padding-left: 40px;
}

.h2_blue {
  line-height: 30px;
  display: block;
  clear: both;
  color:#0B80AC;
  font-size: 16px;
  font-family: Arial;
  font-weight: bold;
   margin: 0px 0px 0px 0px;
}
/* phone_price_box */
#phone_price_box {
  background: url('/media/site/images/operator_info_phone_box.png');
  width: 236px;
  height: 92px;
  margin: 20px auto 20px auto;
}
#phone_price_box .landline, #phone_price_box .mobile {
  float: left;
  margin: 17px 0px 0px 48px;
  line-height: 48px;
  text-align: center;
  width: 60px;
  color: #ffffff;
  font-size: 18px;
  overflow: hidden;
  height: 48px;
}
#phone_price_box .mobile {
  float: right!important;
  margin: 17px 48px 0px 0px!important;
}
/* select_telephone_book */
.td_direct_number select {
  width: 140px;
  float: none;
}
.td_direct_number {
  width: 280px;
}

#logo_overlay {
  position: absolute;
  right: 330px;
  top: 0px;
  width: 180px;
  height: 115px;
}

/* #check_call_price_box */
.check_call_price_box {
  position: absolute;
  right: 10px;
  top: 50px;
  background: none;
  width: auto;
  height: 80px;
  z-index: 100;
}
.check_call_price_box_wrapper{
  position:relative;
  height: 110px;
}
.check_call_price_box_wrapper .check_call_price_box{
  top: 15px;
  left: 0px;
  width: inherit;
}
.check_call_price_box_wrapper .check_call_price_box .destination_number_wrapper{
  float: left;
  margin-left: 180px;
}
.check_call_price_box_wrapper .check_call_price_box a.green_button_wide{
  float: left;
}



.check_call_price_box .destination_number_wrapper {
  float: right;
  background: url('/media/site/images/input.png') no-repeat;
  position: relative;
}
.current_flag {
  width: 20px;
  height: 12px;
  float: left;
  background: url('/media/site/images/all_flags.png') no-repeat 0px 12px;
  margin: 10px 0px 0px 6px;
  border: solid 1px rgb(112,112,112);
}
.flag_list {
  width: 300px;
  height: 150px;
  background: #fefefe;
  overflow-y: scroll;
  position: absolute;
  top: 35px;
  left: 7px;
  z-index: 110;
  display: none;
}
.flag_list div.flag{
  padding-left: 25px;
  clear: both;
  height: 12px;
  background: url('/media/site/images/all_flags.png') no-repeat;
  cursor: pointer;
}

.flag_list div.wrapper{
  padding-top: 3px;
  padding-bottom: 3px;
}
.flag_list div.wrapper:hover{
  background-color: #f0f0f0;
}
.flag_img {
  width: 20px;
  height: 12px;
  float: left;
  background: url('/media/site/images/all_flags.png') no-repeat 0px 12px;
  margin: 10px 10px 0px 0px;
}


.check_call_price_box .destination_number {
  background: none;
  border: none;
  width: 150px;
  height: 33px;
  color: #9c9c9c;
  font-family: Tahoma;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
  float: right;
  margin-right: 5px;
  font-size: 11px;
  line-height: 33px;
}
.check_call_price_box a.green_button_wide {
  float: right;
}
.check_call_price_box p {
  float: left;
  color: #0b80ac;
  font-weight: bold;
  clear: both;
  margin: 5px 0px 0px 3px;
}

/* registration phone number */
.phone_number_wrapper {
  float: left;
  width: 206px;
  font-size: 12px;
  font-family: Tahoma;
  height: 22px;
  margin: 1px 0px 11px 0px;
  background: url('../images/input_bg.gif') repeat-x;
  border: solid 1px #b3c1c6;
  position: relative;
  color: #505050;
}
.phone_number_wrapper input {
  background: none;
  width: 160px;
  border: none;
  padding: 0px 3px 0px 3px;
  margin: 0px 0px 10px 0px;
}
.phone_number_wrapper input:focus {
  border: none;
  padding: 0px 3px 0px 3px;
}
.phone_number_wrapper .current_flag {
  margin: 5px 0px 0px 6px;

}


/* #free_30_button */
#free_30_button {
  background: url('/media/site/images/30_free_button.png') no-repeat;
  width: 140px;
  height: 76px;
  display: block;
  position: absolute;
  top: 48px;
  right: 190px;
  color: #FFFFFF;
  font-family: Verdana;
  font-size: 15px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  padding-top: 15px;
}


/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('/media/site/images/ajax.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}


#android_button {
  margin-top: 20px;
  display: block;
  background: url('../images/android_button.png') no-repeat;
  height: 67px;
  width: 108px;
  text-align: center;
  padding-left: 60px;
  padding-top: 19px;
  text-decoration: none;
  font-weight: bold;
  line-height: 17px;
  float: left;
}

.common_countries {
  border: solid 0px red;
  background: url('../images/phone.jpg') no-repeat;
  float: left;
  padding: 40px 430px 0px 130px;
  height: 155px;
  margin-top: 6px;
  text-align: center;
}
.common_countries a{
  text-decoration: none!important;
  margin-right: 25px;
  margin-bottom: 20px;
  display: inline-block;
}
.common_countries div.flag{
  width: 20px;
  height: 12px;
  background: url('/media/site/images/all_flags.png') no-repeat 0px -12px;
  margin: 0px auto 8px auto;
  border: solid 1px #e0e0e0;
}
.common_countries span{
  clear: both;
  display: block;
  text-align: center;
  font-weight: bold;
}
.common_countries span.price{
  color: #626262;
  font-weight: normal;
  font-size: 11px;
}

.user_numbers div.flag {
  background: url('/media/site/images/all_flags.png') no-repeat 0px -12px;
  width: 20px;
  height: 12px;
  float: left;
  margin-right: 7px;
  margin-top: 1px;
  border: solid 1px #000000;
}
.blue_table div.flag{
  width: 20px;
  height: 12px;
  background: url('/media/site/images/all_flags.png') no-repeat 0px -12px;
  margin: 10px 5px 0px 0px;
  border: solid 1px #e0e0e0;
  float: left;
}

.fb-like-box {
  margin-left: 30px;
  margin-bottom: 20px;
  margin-top: 7px;
  border: solid 1px #bcbcbc;
  background: #f3f3f3;
}
.youtube_container {
  width: 300px;
  margin: 0px auto 0px auto;
}


/* facebook */
.fb_iframe_widget span {
  float: left;
  margin-top: 6px;
}




.fb_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
	background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
	background-color:#637aad;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #314179;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	padding: 0px 12px 0px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #0a0c0f;
  line-height: 30px;
  height: 30px;
}
.fb_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
	background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
	background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
	background-color:#5972a7;
}
.fb_button:active {
	position:relative;
	top:1px;
}

.fb_button span{
  font-size: 20px;
  border-right: 1px solid #314179;
  padding-right: 12px;
  padding-left: 2px;
  margin-right: 10px;
  padding-top: 1px;
  float: left;
  height: 29px;
}




/* ---------- click2call -----------*/
.click2call_container p.title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  clear: both;
}
.click2call_container p.info {

}
.click2call_box {
  clear: both;
  margin: 0px auto 0px auto;
  width: 310px;
}
#telephone {
  width: 302px;
  background: #3A3A3A;
  overflow: hidden;
  clear: both;
}
.special_button{
    outline: none !important;
    color: #FFFFFF!important;
    font-family: Helvetica!important;
    font-size: 12px!important;
    font-weight: bold!important;
    text-decoration: none!important;
    text-shadow: 0 -1px 1px #404040!important;
}


.special_button, .keypad_normal_button {
  width: 94px;
  height: 54px;
  margin-top: 0px;
  text-align: center;
  line-height: 50px;
  color: #ffffff;
  font-weight: bold;
  font-family: Arial;
  overflow: hidden;
  float: left;
  margin-left: 5px;
  margin-bottom: 3px;
  text-decoration: none;
  background: url('/media/site/images/click2call/button_normal.png');
  cursor: pointer;
}

.keypad_normal_button.clicked{
  background: url('/media/site/images/click2call/button_normal_active.png');!important;
}

.special_button {
  background: url('/media/site/images/click2call/button_green.png');
}

.special_button.clicked {
  background: url('/media/site/images/click2call/button_green_active.png')
}

#buttons_container {
  width: 100%;
  height: auto;
  float: left;
  clear: both;
  background: none;
}

.special_button img, .normal_button img, .keypad_normal_button img {
  width: 45px;
  margin-top: 4px;
}
#number_screen_wrapper {
  float: left;
  margin-top: 1px;
  margin-bottom: 3px;
  clear: both;
  width: 100%;
}
#number_screen {
  height: 50px;
  background: url('/media/site/images/click2call/number_bg.png');
  clear: both;
  border: none;
  line-height: 50px;
  color: #ffffff;
  font-size: 28px;
  padding-left: 4px;
  padding-right: 4px;
  text-shadow: 1px 1px 1px #086408;
  width: 100%;
  border-radius: 0px;
}

/* account_info */
#account_info {
  position: absolute;
  right: 10px;
  top: 5px;
  width: auto;
  text-align: right;
}

/* tooltip */
.tooltip2{
    display: inline;
    position: relative;
    line-height: 18px;
}
.tooltip2:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 80%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 460px;
}
.tooltip2:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 90%;
    position: absolute;
    z-index: 99;
}

label.tooltip2 {
  background: url('../images/help.png') no-repeat 100% 50%;
  padding-right: 20px;
  margin-right: 5px;
}
b.tooltip2 {
  background: url('../images/help.png') no-repeat 100% 50%;
  padding-right: 20px;
}

.starter {
  background: url('../images/cards_starter.jpg') no-repeat 0 6px;
  height: 478px;
  margin-bottom: -20px;
}
.starter h1{
  color: #e30613;
  border-bottom: none;
  padding-left: 0px;
  text-align: center;
  float: left;
  width: 620px;
}
.starter .red_box, .starter .green_box, .starter .blue_box{
  float: left;
  clear: both;
  width: 490px;
}
.starter form{
  clear: both;
}
.starter input{
  background: url('../images/starter_input.png') no-repeat;
  height: 44px;
  width: 315px;
  border: none;
  padding: 0 15px 0 15px;
  font-size: 20px;
  clear: both;
  margin-bottom: 20px;
  margin-left: 20px;
}
.starter label{
  color: #e30613;
  text-align: left;
  font-size: 18px;
  font-weight: normal;
  margin-left: 20px;
}
.starter input.submit_button{
  margin-left: 20px!important;
}

.starter input:focus{
  border: none;
  margin: 1px 0 20px 20px;
  padding: 0 15px 0 15px;
  background-position: 0 -44px;
}
.starter input.submit_button:focus{
  background-position: 0 0;
}
.starter div.focused{
  background-position: 0 -44px;
}

.starter .phone_number_wrapper {
  background: url('../images/starter_input.png') no-repeat;
  border: none;
  height: 44px;
  width: 345px;
  clear: both;
  margin-bottom: 20px;
  margin-left: 20px;
}
.starter .phone_number_wrapper .flag {
  float: left;
  background: url("/media/site/images/all_flags.png") no-repeat 0px -876px;
  width: 20px;
  height: 12px;
  margin: 16px 0px 0px 15px;
}
.starter .phone_number_wrapper .prefix {
  float: left;
  height: 44px;
  font-size: 20px;
  line-height: 44px;
  margin-left: 10px;
}
.starter .phone_number_wrapper input{
  background: none;
  width: 240px;
  margin: 0px 0px 0px 0px;
  clear: none;
  padding: 0px 15px 0px 0px;
}