html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%; outline:none}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;}
body {line-height: 1;font-family: Arial, Helvetica, sans-serif;}
* html{background:url(about:blank); -webkit-text-size-adjust: none;}

input, textarea {outline: none;}
.hidden {display: none;}

a, .ajax {
	cursor: pointer;
}
p.how{font:13px/1.38 Arial}
/* MARKUP */

#wrap {
	margin:0 auto;
	overflow:hidden;
	max-width:1230px;
	padding: 15px 15px 15px 15px;
	position: relative;
}

.clear {clear:both}

.info_icon {
	display: inline-block;
	height: 18px; width: 18px;
	cursor: help;
	background: #fff9ed url(img/info_icon.png) 0 0 no-repeat;
	position: relative;
	vertical-align: top;
}
span.tooltip {
	display: none;
	position: absolute;
	bottom: 30px;
    right: -40px;
	width: 220px;
	padding: 10px;
	font: 12px/16px Arial;
	color: #000;
	background: #FFFFFF;
	border: 1px solid #006cc7;
	border-radius: 5px;
	box-shadow: #999 1px 1px 4px 0;
	z-index: 100;
}
span.tooltip:before {
    content: "";
    position: absolute;
    width: 0; height: 0;
    border-width: 12px;
    border-style: solid;
    border-color: #006cc7 transparent transparent transparent;
    bottom: -24px;
    right: 36px;
}
span.tooltip:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #FFFFFF transparent transparent transparent;
    bottom: -20px;
    right: 38px;
}
.info_icon:hover span.tooltip { display: block; }

.holiday_sect .inright,
.ny .inright {
    position: relative;
}
.holiday_sect #viewcards #h1,
.holiday_sect #sendcard h1,
.holiday_sect #sendcard .backlink,
.holiday_sect #viewcards #h1,
.holiday_sect #sendcard h1,
.holiday_sect #sendcard .backlink {
  display: block;
  position: relative;
  z-index: 1;
  margin-top: 24px;
}

#top-bg {
  position: absolute;
  height: 80px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 0;
}

#tabs {
    margin-top: 13px;
    position: relative;
    z-index: 200;
}
#tabs div {margin-right: 10px; display: inline-block;}


#tabs a {
    text-decoration: none;
    font: 14px/16px Arial, Tahoma;
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #DDDDD7;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    float: left;
    color: #0066FF;
}

#tabs a:hover {
  background: #F1F9FF;
  color: #f00;
}


#tabs a.active {
  color: #000;
  border-top: 1px solid #DDDDD7;
  border-left: 1px solid #DDDDD7;
  border-right: 1px solid #DDDDD7;
  border-bottom: none;
  margin-bottom: 1px;
  background: #fff;
}

#tabs .space {
  display: block;
  padding: 8px 34px;
  border-bottom: 1px solid #DDDDD7;
  float: none;
}

@media screen and (max-width: 835px) {
  #tabs .space {padding-left: 20px !important; padding-right: 20px !important;}
  #tabs a {padding-left: 20px !important; padding-right: 20px !important;}
}

.miniportal .helpers_block .hblock * {
    z-index: 999;
    position: relative;
}

.miniportal #content > div {
  min-height: 550px !important;
}

/* LEFT BLOCK */
.left_block {
	width:210px;
	float:left;
	margin: 0;
    position: relative;
    z-index: 1;
}

/* MENU BLOCK */
.menu_block A.H3, .H3-holidays {
	font: bold 15px/18px Arial, Tahoma;
	color: #0066ff;
	text-decoration: none;
	display: block;
	margin: 13px 30px 6px 30px;
}
.H3-holidays {text-decoration: underline;}

.menu_block A.H3 H3 {
	display: inline-block;
	text-decoration: underline;
}

.menu_block A.H3:hover {color: #f00;}

.menu_block A.H3 H3.active {color: #f00;}

.menu_block UL {list-style: none;}

#menu_35{display: none;}

.menu_block LI.menuitem {
	cursor: pointer;
}
.menu_block LI.menuitem:hover {
	background: #fff9ed url(img/menu_arrow_hover.png) right 50% no-repeat;
}

.menu_block LI.menuitem.active {
	background: #0bafe4 url(img/menu_arrow_active.png) right 50% no-repeat;
}

.menu_block LI.menuitem A {
	font: 78% Arial, Tahoma;
	text-shadow: 1px 1px #FFF;
	color: #0066ff;
	text-decoration: underline;
	display: inline-block;
	padding: 2px 5px 2px 5px;
    padding-left: 1.1rem;
    width: 85%;
}
.menu_block LI.menuitem:hover A {
	text-decoration: none;
}
.menu_block LI.menuitem.active A,
.menu_block LI.menuitem.active:hover A {
    color: #FFF;
	text-decoration: none;
    text-shadow: 1px 1px #0c89b1;
}

DIV.menu_separator {height: 1px; width: 100%;
    /*background-color: #ddddd7; */
    margin: 5px 0;}

sup.new {
	position: relative;
	color: #c00;
	padding: 0 0 0 5px;
	font: 10px/10px Arial, Tahoma;
	display: inline-block;
	vertical-align:top;
	text-decoration: none;
}

DIV.hit {background: url('img/hit.gif') no-repeat; height: 9px; width: 20px; display: inline-block; padding: 0 0 4px 0; margin: 0 0 0 5px;}



/* LIVE BLOCK */

.live_block {
	background: #FFF url(img/gradient_top.png) repeat-x;
	margin-top:22px;
	-moz-box-shadow: 0 0 15px #CCC; -webkit-box-shadow:0px 0 15px #CCC; box-shadow:0px 0 15px #CCC;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
}

.live_block H3 {
	font: bold 14px/14px Arial;
	padding: 19px 30px 7px 30px;
}

.live_block P {
	font: normal 10px/14px Arial;
	color: #8d8d8d;
	padding: 0 30px 10px 30px;
}

.cards2 { height:240px; overflow:hidden; position:relative; }
#live_block { position:relative; height:1000px; }

.cards2 .playblock2 {
	background: url(img/gradient_bottom.png) repeat-x bottom;
	font: 9px/1.2 Verdana;
	color: #666666;
	height: 66px;
	margin: 11px 15px 0 15px;
	overflow: hidden;
	zoom: 1;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}
.cards2 .playblock2:hover {
	background: url(img/gradient_top.png) repeat-x top;
	-moz-box-shadow:0px 0 15px #CCC; -webkit-box-shadow:0px 0 15px #CCC; box-shadow:0px 0 15px #CCC;
}
.cards2 .playblock2 A {color:#0066ff; font: 12px/18px Arial; text-decoration: underline; display: block; margin: 0 14px}
.cards2 .playblock2 A:hover {color: #f00;}

.cards2 .playblock2 P {margin: 4px 14px 0 14px; padding: 0;}

/* END OF LEFT BLOCK */


/* RIGHT BLOCK */

.right_block {
	margin: 0 0 22px 240px;
	padding-left:0;
	min-width: 450px;
}
.right_block.no_menu {
    margin: 0 0 22px 0;
}
/*@media screen and (max-width: 800px) {
  .playblock {width: 100% !important;}
}*/

.inrightout {
	background-color: #FFF;
	float:none;
	/*position:relative; */
	overflow:hidden;
	-moz-box-shadow:0px 0 15px #CCC; -webkit-box-shadow:0px 0 15px #CCC; box-shadow:0px 0 15px #CCC;

	padding: 0;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
}

.miniportal .menu_block LI.menuitem {margin: 5px 0;}

.inright {
	background: url(img/gradient_top.png) repeat-x;
	padding: 26px 29px 26px 29px;
}

.bread_crumbs {
	font: 11px/15px Arial;
	color: #8d8d8d;
	margin: 0 0 5px 0;
}
.bread_knife {padding: 0 3px 0 7px;}
.bread_crumbs A {
	text-decoration: underline;
	color: #0066ff;
}
.bread_crumbs A:hover { color: #CC0000; }
.bread_crumbs A.inactive {color: #8d8d8d;}

.section_menu .group a {padding: 2px 0 2px 0 !important;}
.section_menu .group a:hover,
.menu_block .section_menu LI.menuitem a:hover, .menu_block .menu_holiday LI.menuitem a:hover {color: #f00 !important; text-decoration: underline;}
.menu_block .section_menu LI.menuitem:hover A, .menu_block .menu_holiday LI.menuitem:hover A {text-decoration: underline;}
.menu_block .section_menu LI.menuitem:hover, .menu_block .menu_holiday LI.menuitem:hover {background: none !important;}
.menu_block .section_menu LI.menuitem {clear: both;}
.menu_block .section_menu LI.menuitem.group.begin {float: left; clear: both;}
ul.section_menu {font: 100% Arial, Tahoma;padding-left: 25px;}
.menu_block .section_menu LI.menuitem.active, .menu_block .menu_holiday LI.menuitem.active {background: none;}
.menu_block .section_menu LI.menuitem.active A,
.menu_block .menu_holiday LI.menuitem.active A,
.menu_block .section_menu LI.menuitem.active:hover A,
.menu_block .menu_holiday LI.menuitem.active:hover A {color: #f00; text-decoration: underline; text-shadow: none; font-weight: 700;}
.menu_block .section_menu LI.menuitem.group {float: left; clear: none; white-space: pre;}
.menu_block .section_menu .groupedlinks {padding: 0 10px 0 30px; clear: both;}

.live_block .cards2 .playblock2 A {font: 12px/14px Arial; margin-top: 5px;}
.live_block .cards2 .playblock2 P {font: normal 9px/10px Arial;}
.live_block .cards2 .playblock2 {background: #fafafa;}
.live_block .cards2 .playblock2:hover {background: #fafafa; -moz-box-shadow: inset 0 0 0 1px #e6e6e6; -webkit-box-shadow: inset 0 0 0 1px #e6e6e6; box-shadow: inset 0 0 0 1px #e6e6e6;}

H1 {
	font: 22px/26px Arial;
}

#outcards.thatisanames{overflow:visible; height:auto;}
.nobg table { width: 100%; }
.nobg table td { width: 25%; vertical-align: baseline; }
.nobg a {
	color: #0066FF;
	font: 14px/20px Arial;
	display: inline-block;
	margin: 6px 0 0 30px;
	text-decoration: underline;
}
.nobg a:hover {color: #cc0000;}

.tdwoman, .tdman {
	font: 18px/26px Arial;
	color: #111811;
	display: block;
	padding: 0 0 0 30px;
	margin: 8px 0 0 0;
	background: url('img/common/icon_gender.png') no-repeat;
}
.tdwoman {background-position: 4px 0;}
.tdman {background-position: 4px -32px;}

.cards {overflow: hidden; background: url(img/chet_nechet.png);}
.cards.nobg {background: transparent !important;}
.cpage_wrapper { width:9000px; }
.cpage_wrapper .cards {	float:left; width: 100%; }

/* COMMENTARIES AND SO ON*/

.grey_head_block {
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	border: solid 1px #e7e7e7;
	margin: 25px 0 0 0;
	position: relative;
}
.grey_head_block h6 { font:18px/1.2 Arial; text-shadow: 1px 1px #FFF; padding: 10px 30px; margin: 0; background: url(img/otzivy_head.png) repeat-x;}
.grey_head_block .padder { padding: 15px 20px; }
.grey_head_block .collapser {
		position: absolute;
		right: 30px; top: 10px;
		cursor: pointer;
		color: #0066ff;
		font-size: 12px;
		text-shadow: 1px 1px #FFF;
		line-height: 20px;
}

.collapser .title-close-collapser,
.collapser.up .title-open-collapser {
    display: none;
}

.collapser.up .title-close-collapser {
    display: inline;
}

.collapse_me {
    display: none;
}

.collapse_me.expanded {
    display: block;
}

.comments .collapse_me{ overflow-y: auto; max-height: 250px; }
.comments .collapse_me div{ border-bottom:1px solid #E7E7E7; font:12px/1.2 Arial; padding: 0 10px 10px 30px; margin-top:11px; }
.comments .collapse_me div:last-child{border:none}
.comments .collapse_me div span{display:block; color:#FF5400; padding-bottom: 10px; font: 11px/14px Arial;}

/* PAGINATION */

.nav {text-align:center; padding:50px 0 10px; clear:both; font: bold 12px/31px Arial;}

.nav A { color:#06f; cursor: pointer; text-decoration: underline;}
.nav A:hover {color:#c00;}
.nav A.inactive, .nav span.inactive {text-decoration:none; color:#7F7F77; cursor: default;}
/*.nav A.arrow { text-decoration: none !important; display: inline-block; margin: 0 2px; font-size: 15px;}*/

.pages {display: inline-block; margin: 0 22px;}
.pages A, .pages span {display: inline-block; width:29px; height:29px; background:#EEE; color:#0066ff; text-decoration:none; border: solid 1px #e8e8e8;}
.pages A:hover {background-color: #ffeabf; border: solid 1px #ffdd94; color: #c00; cursor: pointer;}
.pages span.current{background:#FAB117 !important; color:#000 !important; border: solid 1px #FAB117 !important;}


/* END OF RIGHT BLOCK */


/* HELPERS BLOCK */

.helpers_block {
	margin: 0 0 15px 245px;
	padding-left: 0;
	min-width: 452px;
	bottom: 0;
	overflow: hidden;
	height: 130px;
}
.helpers_block.no_menu {
    margin: 0 0 15px 0;
}

.helpers_block TD {
	width: 33%;
}

.helpers_block .floater {
	width: 33%;
	float: left;
	height: 140px;
	max-width: 320px;
	min-width: 240px;
	text-align: center;
}

.helpers_block A:hover * {color: #cc0000 !important; border-color: #CC0000 !important;}

.helpers_block .hblock {
	background: #FFF url(img/gradient_bottom.png) repeat-x bottom;
	overflow: hidden;
	margin: 0 0 0 0;
	padding: 10px;
	height: 85px;
	vertical-align: middle;
	-moz-box-shadow:0px 0 10px #CCC; -webkit-box-shadow:0px 0 10px #CCC; box-shadow:0px 0 10px #CCC;
	-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;
}
.hblock.phone { color: #000; font: 14px/18px Arial; text-align: center; margin: 5px 10px 5px 5px; }
.hblock.phone .when_u_may_call { font: 11px/20px Arial; color: #8d8d8d;}
.hblock.phone p.phone { font: 18px/20px Arial; padding: 5px 0;}
.hblock.phone .write_to_us {color: #0066ff; display: inline-block; border-bottom: dotted 1px #0066ff; font-weight: bold; text-decoration: none; }
.hblock.phone .write_to_us_comment {margin-top: 10px; font: 13px/16px Arial;}
.hblock.howtosend { font: 18px/26px Arial; color: #0066ff; padding: 20px 0 0 0; text-align: center;  margin: 5px 10px 5px 10px;}
.hblock.howtosend DIV { border-bottom: dotted 1px #0066ff; display: inline-block; height: 25px;}
.hblock.faq {font: 14px/20px Arial; color: #0066ff; padding: 15px 0 5px 0; text-align: center;  margin: 5px 5px 5px 10px;}
.hblock.faq .faq_icon {height: 48px; width: 100%; border: 0; background: url(img/faq_icon.png) no-repeat center;}
.hblock.faq DIV {border-bottom: dotted 1px #0066ff; display: inline-block; height: 20px;}

/* FOOTER BLOCK */
.footer {
	margin:0 auto;
	overflow:hidden;
	max-width:1230px;
	padding: 5px 25px 15px 15px;
}

.footer .copyright {
	font: 12px/18px Arial;
	color: #8d8d8d;
	/*max-width: 640px;*/
	float: left;
}

.footer .copyright P {
	padding: 0 0 10px 0;
}

.copyright .small_text {font: 11px/14px Arial;}

.links_helpers {
	float: right;
}
.links_helpers A {
	font: 12px/14px Arial;
	color: #0066ff;
	display: inline-block;
	white-space: nowrap;
	border-bottom: dotted 1px #0066ff;
	text-decoration: none;
	padding: 5px 0 0 0;
}
.links_helpers A:hover {
	color: #CC0000;
	border-color: #CC0000;
}

#phoneicon {
    background: url(img/contacts_phone.png) no-repeat;
    width: 33px;
    height: 44px;
    position: absolute;
    margin-left: 15px;
    margin-top: 20px;
}

.miniportal .menu_block LI.menuitem {
    padding: 2px 0;
    margin: 0;
    text-decoration: none;
}

/* CODE WINDOW */

.card_title {font-weight: bold;}

.field_error_text {
    display: block;
    position: absolute;
    top: -40px;
    left: 10px;
    width: 180px;
    padding: 5px;
    font: 700 11px/16px Arial;
    color: #be0000;
    background: #ffd8d8;
    border: 1px solid red;
    border-radius: 5px;
    box-shadow: #999 1px 1px 4px 0;
    text-align: center;
    min-height: 40px
}

.field_error_text:before {
    border-width: 12px;
    border-color: red transparent transparent transparent;
    bottom: -24px;
    left: 80px
}

.field_error_text:before, .field_error_text:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

.field_error_text:after {
    border-width: 10px;
    border-color: #ffd8d8 transparent transparent transparent;
    bottom: -20px;
    left: 82px
}

/* MK dialog */

/* SEND BOX */

.sendbox {
    border:2px solid #FFC002;
    -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
    font-size: 12px; line-height: 18px;
    width: 380px;
    margin: 0;
    overflow: hidden;
    padding: 5px 30px 15px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: right;
}

.section .sendbox {float: left; margin-right: 20px}

.sendbox .formcontrol {
    margin-top: 10px;
    position: relative;
}

.card_text {font:11px/16px Arial; width: 240px; float: left;}

.card_text H5 { font-size: 18px; margin: 0 0 10px 0; font-weight: normal; }

.sendbox H2 { font: 17px/24px Arial; margin: 10px 0}
.sendbox H3, label.biglabel { font: 17px/24px Arial; margin: 10px 0}
.sendbox H4 { font: bold 14px/18px Arial; padding: 7px 0}
.sendbox H5 { font: 17px/24px Arial; margin: 10px 0}

.sendbox .std_input, .std_input.bigtext { font: 20px/1 Tahoma;}
.subhint { font: normal 12px/16px Arial; color: #8d8d8d}

.callwhen {
	background:#ebebeb;
	font-size: 12px;
	margin-right:10px;
	overflow:hidden;
	display: inline-block;
	padding: 4px 7px 4px 0;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	cursor: pointer;
    text-shadow:1px 1px 1px #fff;
}
.callwhen label {cursor: pointer;}
.callwhen.checked {background: #D6EDB6; box-shadow: inset 1px 1px 3px #A7D16D;}

.sendbox .sendbut2 {margin-top: 0; cursor: pointer; display:block; background:url(img/sendbox_submit.png); width:170px; height:48px; border:0;outline: none;}
.sendbox .sendbut2:hover {background-position:0 -48px}

.sendbox .sendbut2.rounded {background:url(../mini_portal/sendbox_submit_rounded.png);}
.sendbox .sendbut2.rounded:hover {background-position:0 -48px}

.validation.ok {height: 38px; width: 26px; vertical-align: top; background:url(img/validation_ok.png) no-repeat center; margin-left: 5px;}


/* MINIPORTAL */

.miniportal * {font-family: Tahoma, 'Lucida Sans', sans-serif, 'Lucida Grande' !important;}
.miniportal {
	height:auto !important;
	height:100%;
	min-height:100%;
}

.miniportal.bg {
	padding-top: 121px;
	min-width: 970px;
}

.floating_head {
	position: absolute;
	width: 100%;
}
.miniportal .wrapper {
    min-height:610px;
}

.miniportal .wrapper, .roundblock {
	-moz-box-shadow:0 0 4px #b2b2b2; -webkit-box-shadow:0 0 4px #b2b2b2; box-shadow:0 0 4px #b2b2b2;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	z-index:100;
	background:#fff;
	width: 960px;
	margin: 0 auto 0 auto;
	position: relative;
}

.corporate {
    margin: 10px auto;
    line-height: 2.5;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.corporate:before, .corporate:after {
    content: "";
    background: url(../snowflake.png);
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    margin-top: -12px;
}
.corporate:before {
    left: 15px;
}

.corporate:after {
    right: 15px;
}

.miniportal .left_block {

}

.miniportal .right_block {
	margin: 0 44px 22px 287px;
	overflow: hidden;
}

.hblock.howtosend.box_shadow div {
    position: relative;
}

.miniportal .inright {
	background: transparent !important;
	margin: 26px 0 26px 29px;
	padding: 0;
	overflow: hidden;
    position: relative;
    z-index: 2000;
}

.miniportal .menu_block {
	/*padding-bottom: 400px; */
	/*-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;*/
	background: #fff0db;
	/*height: 100%;*/
    border-radius: 10px;
}
.menu_block H2 {
	font: normal 18px/20px Tahoma;
	text-shadow: 1px 1px #FFF;
	display: inline-block;
    /*/color:#0066ff;*/
    color:green;
	text-decoration: none;
	margin: 15px 20px 6px 20px;
}

.menu_block H2:first-child{
   color:#FF4800;
}

.miniportal .footer {
	max-width: 950px;
  min-height: 30px;
}
.miniportal .helpers_block {
	margin: 20px auto 0 auto;
	max-width: 970px;
	min-width: 970px;
}

.miniportal .card_text {
	font: 12px/20px Tahoma;
	width: 220px !important;
	padding-top: 18px;
}

.miniportal .sendbox .padder {overflow: visible;}
.small_text {font-size: 11px; line-height: 15px;}

.miniportal .hblock.faq{ padding: 20px 0 0 0; }
.miniportal .hblock.faq .faq_icon{ width: 48px; float: left; margin: 10px 0 0 25px;}
.miniportal .hblock.faq div{ float: right; margin: 22px 30px 0 0;}


.miniportal .sendbox { width: 360px !important; border: solid 2px #efeee7; min-width: 360px; }
/* player_control in miniportal is smaller */
.miniportal .player_control .playblock { top: 4px;	left: 18px; }
.miniportal DIV.player_control { height: 83px; }
.miniportal .player_control .playblock .timing { top: 65px; }
.miniportal .progress { /*top: 20px;*/ margin-top: 20px; }
.miniportal .volume { top: 22px; }

.miniportal .names_list {padding-top: 10px;}
.miniportal .names_list table { width: 100%; }
.miniportal .names_list table td { width: 30%; vertical-align: baseline; }
.miniportal .names_list a {
	color: #0066FF;
	font: 14px/20px Arial;
	display: block;
	margin: 9px 10px 0 20px;
	text-decoration: underline;
}
.miniportal .names_list a:hover {color: #cc0000;}

.link.locallink {
    font-size: 12px;
    text-decoration: none;
    border-bottom: 1px dotted;
    color: #1155CB;
}

.link.locallink:hover {
    color:#CB3311;
    border-color:#CB3311
}

/* PLAY BLOCK */
.playblock {
    padding:22px 4px;
    overflow:hidden;
    zoom:1;
    width:48%;
    height:66px;
    float:left;
}

.playblock.twocards {
    width: 45%;
}

.playblock.full {
    width: 100%;
}

.inright #sendcard .playblock {width: 90px !important;}

.playblock a {padding:7px 0 9px; display:block; color:#0066ff; font: 14px/16px Arial, Tahoma; text-decoration: underline}
.playblock a:hover {color:#CC0000}

.playblock div {
    width:77px;
    height: 68px;
    float:left; margin-right:10px;
    background:url(img/playblock_plbg_png.png) no-repeat;
}

.playblock .player {
    padding:0;
    cursor: pointer;
    display:block;
    background:url(img/playblock_pl_png.png) 0 -108px;
    width:55px; height:55px;
    margin: 6px 0 0 6px;
}
.playblock .player:hover{background-position:0 -162px;}
.playblock .player.play{background-position:0 0}
.playblock .player.play:hover{background-position:0 -54px}

.playblock a.sendbut{
    padding: 4px 7px;
    float: left;
    font: italic 12px/12px Georgia, Verdana;
    text-align:center;
    width:71px; height:13px;
    color:#c4a33c;
    text-decoration:none;
    margin-left:1px;
    background: #fff3e0;
    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
    cursor: pointer;
}
.playblock a.sendbut:hover{background-position:0 -156px; background: url(img/sendbut_hover.png) repeat-x; color: #FFF;}

/* PLAYER */

div.player_control {
    margin: 16px 0 10px 0;
    padding: 0 38px 0 9px;
    min-width: 360px;
    overflow:hidden;
    height:93px;
    border:1px solid #E6E6E6;
    -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
    background: url(img/player_bg.png);
    background-size: contain;
}

.progress {
    border: 1px solid #cdcdcd;
    background: #DDD url(img/progress1.png) repeat-x bottom ;
    height: 35px;
    margin: 0 75px 0 110px;
    /*top: 27px;
    position:relative; */
    margin-top: 27px;
    -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}
.progress #progress{background:url(img/progress2.png) #B2B2B2; height:100%}

.volume {float: right; width: 48px; /*top: 27px; position: relative*/ margin-top: 22px; }
.volume a{font-size:0; display:inline; margin-left: 4px; float:left; background: #d3d3d3; width:8px; box-shadow: inset 1px 1px 2px #999;}
.volume a.active { background:#0bafe4; box-shadow: inset 1px 1px 2px #088cb6; }
.volume a:hover  { background:#0bafe4; box-shadow: inset 1px 1px 2px #088cb6; }
.volume a:active { background:#0bafe4 }
.volume a.v1 { height:12px; margin-top:23px; }
.volume a.v2 { height:20px; margin-top:15px; }
.volume a.v3 { height:27px; margin-top:8px; }
.volume a.v4 { height:35px; }

.volume .text { /*position:absolute; top: 47px; */ font:10px/1 Tahoma; color:#8B9AA9; text-shadow: 1px 1px #FFF;}
.progress .text { /*position:absolute; top: 47px;*/ margin-top: 4px; font:10px/1 Tahoma; color:#8B9AA9; text-align:center; width:100%; text-shadow: 1px 1px #FFF;}

.player_control .playblock {/*top: 8px; left: 20px; position:relative;*/ margin: 3px 0 0 20px; padding: 0; width: 90px; height: 100%;}
.timing { /*position:absolute; top: 68px;*/ text-align: center; width: 70px; margin: 5px 0 0 0; display: block; font:10px/1 Tahoma; color:#8B9AA9; text-shadow: 1px 1px #FFF; letter-spacing: 0;}

.timing .timing_loading,
.timing .timing_playing,
.timing.loading .timing_stopped,
.timing.loading .timing_playing,
.timing.playing .timing_stopped,
.timing.playing .timing_loading {
    display: none;
}

.timing.loading .timing_loading,
.timing.playing .timing_playing {
    display: inline;
}

.player_shadow {background:url(img/player_shadow.png) 50% 0 no-repeat; height:7px; margin: -10px auto 20px; font-size:0}

span.captcha {
    display: inline-block;
    padding: 5px;
    border: 1px solid black;
    font-style: italic;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.backlink a {
    color: #0066ff;
    display: block;
    text-decoration: underline;
    margin-bottom: 5px;
    font: 12px/15px Arial;
}

.backlink a:hover {
    text-decoration: none;
}

.section .backlink a:hover {color: #f00;}

.miniportal .backlink a:hover {color: #cc0000;}


/* == ORDER FORM == */
input.std_input {
    width: 188px;
    height: 37px;
    padding: 0 10px;
}

input.std_input {
    border: solid 1px #FFA800;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    box-shadow: inset 1px 1px 5px #CCC;
    font: 12px/16px Arial;
}

input.std_input:focus {
    -webkit-box-shadow: 0 0 10px 0 #ffc85e;
    -moz-box-shadow: 0 0 7px 0 #ffc85e;
    box-shadow: 0 0 10px 0 #ffc85e, inset 1px 1px 5px #CCC;
}

.field_error input.std_input,
.field_error input.std_input:focus {
    border: solid 1px #FF0000;
    -webkit-box-shadow: 0 0 8px 0 #ff6868;
    -moz-box-shadow: 0 0 5px 0 #ff6868;
    box-shadow: 0 0 8px 0 #ff6868, inset 1px 1px 5px #CCC;
}

ul.grouped_menu li {
    display: inline-block;
}

.liveabonent {
    clear: both;
}

/* FAQ WINDOW */
.faq { font:12px/1.68 Arial; z-index:1100; }
.faq .fq {padding:4px 0 4px 0px; display:block; }
.faq .fq a { display: inline-block; text-decoration:none; border-bottom:1px dotted #1155CB; font: 14px/18px Arial; color: #0066ff; }
.faq .fq a:hover { color: #CC0000; border-color: #CC0000; }
.faq .fq div{display:none; font-size: 12px; margin-top: 5px;}
.faq .fq.minus A { display: block; border-bottom: solid 1px #e7e7e7; color: #000; padding-bottom: 3px;}

/* HOWTO */
.howto {font: 12px/16px Arial;}
.howto TD {vertical-align: top; padding-top: 5px;}
.howto TABLE {margin-bottom: 10px; border-spacing:0;}
.howto H5 {font: bold 14px/18px Arial; margin: 0 0 8px 0}
.howto IMG { /*border: solid 1px #cecece;*/ box-shadow: 1px 1px 5px 0px #ccc; }
.howto B {font-weight: bold;}

.f.menuitem a:before {
    content: "";
    margin-left: -43px;
    width: 39px;
    height: 31px;
    display: inline-block;
    background: url(img/superhit.png);
    position: absolute;
    margin-top: -6px;
}

.grattislogo {
    background: url(../grattis_logo.png);
    width: 62px;
    height: 19px;
    display: block;
}

.flex_container{
    display: flex;
    flex-flow: row wrap;
}

@media screen and (device-width: 1280px){
    .flex_container{
        height: 225vh;
    }
}

.container_left{
    order:1;
    width:250px;
    background: #fff0db;
    padding-right: 10px;
    border-radius: 10px;
    box-shadow:0 0 15px #CCC;
    -moz-box-shadow:0 0 15px #CCC;
    -webkit-box-shadow:0 0 15px #CCC;
}
.container_center{
    order:2;
    width:700px;
}

.menu_block {
    width: 260px;
    /*background: #FFF url(img/gradient_top.png) repeat-x;
    padding: 13px 0 20px 0;*/
}

.menu_block.box_shadow {
     background: #FFF url(img/gradient_top.png) repeat-x;
    padding: 13px 0 20px 0;
    /* width: 238px; */
    border-radius: 6px;
    box-shadow: 0px 0 15px #CCC;
    width: 215px;
}
/*
width: 270px;
padding-right: 10px;
border-radius: 10px;
display: block;
*/