.tip-violet, .tip-violet-r  { z-index:1000; text-align:left; border:1px solid #afafaf; padding:7px; min-width:50px; max-width:530px; color:#860404; cursor:pointer; 
                                  background-color:#f2e7fd;	background-image:url(../image/tip-violet.png); /* bgImageFrameSize >= 9 should work fine */ }
								  
.tip-violet .tip-inner, .tip-violet-r .tip-inner { font-size:13px; margin-top:-1px;	padding:0 3px 2px 3px;	overflow:auto; }

.tip-violet .tip-inner h3, .tip-violet-r .tip-inner h3  { display:block; padding:0px; margin:0px; font-size:14px; }

.tip-violet .tip-inner .opisanie, .tip-violet-r  .tip-inner .opisanie { padding:8px 0px 0px 8px; cursor:pointer; }

.tip-violet .tip-arrow-top { margin-top:-7px; margin-left:15px;	top:0; left:0;	width:16px;	height:10px; background:url(../image/tip-violet_arrows.png) no-repeat; }

.tip-violet-r .tip-arrow-top { margin-top:-7px;	margin-right:15px; top:0; right:0; width:16px; height:10px;	background:url(../image/tip-violet_arrows.png) no-repeat; }

.tip-violet .tip-arrow-right, .tip-violet-r .tip-arrow-right  {	margin-top:-9px; /* approx. half the height to center it */ margin-left:-4px; top:50%; left:100%;
	width:10px;	height:20px; background:url(../image/tip-violet_arrows.png) no-repeat -16px 0; }
	
.tip-violet .tip-arrow-bottom, .tip-violet-r .tip-arrow-bottom {	margin-top:-6px; margin-left:15px;	top:100%; left:0; width:16px; height:13px;
	background:url(../image/tip-violet_arrows.png) no-repeat -32px 0; }
	
.tip-violet .tip-arrow-left, .tip-violet-r .tip-arrow-left { margin-top:-9px; /* approx. half the height to center it */ margin-left:-6px;
	top:50%; left:0; width:10px; height:20px; background:url(../image/tip-violet_arrows.png) no-repeat -48px 0; }

/* TIP Block RAD */

.tip-blockrad { z-index:1000; text-align:left; border:1px solid #ddd; border-radius:6px;	-moz-border-radius:6px;	-webkit-border-radius:6px;
	padding:8px; min-width:50px; max-width:300px; width: 230px; color:#666; background-color:#f6f6f6; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);  box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
	
.tip-blockrad .tip-inner { font-size: 12px; font-weight:bold; }
.tip-blockrad .tip-inner .submit_button { display:block; width:195px; margin: 10px 0 10px 5px; } 

.tip-blockrad .tip-inner h2  {  display:block; padding:0px; margin:5px 0px 5px; font-size:14px; clear:both; }
.tip-blockrad .tip-inner h3  {  display:block; padding:0px; margin:0px; font-size:13px; cursor:pointer; clear:both; }
.tip-blockrad .tip-inner .opisanie { padding:8px 0px 0px 8px; cursor:pointer; font-weight:normal; }

.tip-blockrad .tip-inner ul { list-style:none; width:250px; margin:0; padding:0; }
.tip-blockrad .tip-inner ul > li { padding: 5px 0 5px 10px; clear:both; }

.tip-blockrad .tip-inner ul.register_link { margin-bottom: 10px; }
.tip-blockrad .tip-inner ul.register_link li { display:inline; font-weight: normal; }

.tip-blockrad .tip-inner ul > li.icon { padding-left: 15px; }
.tip-blockrad .tip-inner ul > li.menu { list-style:circle; color: green; margin-left: 35px; padding: 2px; }
.tip-blockrad .tip-inner ul > li.menu span  { cursor: pointer; }
.tip-blockrad .tip-inner ul > li a.small_loginvia { margin: 2px; }

.tip-blockrad .tip-arrow-top { margin-left:-12px; top:-10px; left:50%; width: 25px; height: 10px; overflow: hidden; }
.tip-blockrad .tip-arrow-top:after { content: ""; position: absolute; width: 15px; height: 15px; background: #f6f6f6; top:7px; left:5px;
           -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -o-box-shadow: 0 0 2px rgba(0,0,0,0.1);
           -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);  box-shadow: 0 0 2px rgba(0,0,0,0.1); }
	
.tip-blockrad .tip-arrow-right { margin-top:-4px; margin-left:0; top:50%; left:100%; width:6px; height:9px;
    background:url(../image/tip-yellowsimple_arrows.gif) no-repeat -9px 0; }
	
.tip-blockrad .tip-arrow-bottom { margin-left:-12px; top:100%; left:50%; width:25px; height:10px; overflow: hidden; }
.tip-blockrad .tip-arrow-bottom:after { content: ""; position: absolute; width: 15px; height: 15px; background: #f6f6f6; bottom:7px; left:5px;
           -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -o-box-shadow: 0 0 2px rgba(0,0,0,0.3);
           -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);  box-shadow: 0 0 2px rgba(0,0,0,0.3); }
	
.tip-blockrad .tip-arrow-left { margin-top:-4px; margin-left:-6px; top:50%; left:0; width:6px; height:9px;
   background:url(../image/tip-yellowsimple_arrows.gif) no-repeat -27px 0; }
   
   
/* TIP YELLOW SIMPLE */

.tip-yellowsimple { z-index:250; text-align:left; border:1px solid #ddd; border-radius:4px;	-moz-border-radius:4px;	-webkit-border-radius:4px;
	padding:4px 8px; min-width:50px; max-width:300px; color:#666; background-color:#f6f6f6; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);  box-shadow: 0 0 2px rgba(0,0,0,0.1); }
	
.tip-yellowsimple .tip-inner { font-size: 12px; font-weight:bold; }

.tip-yellowsimple .tip-arrow-top { margin-left:-12px; top:-10px; left:50%; width: 25px; height: 10px; overflow: hidden; }
.tip-yellowsimple .tip-arrow-top:after { content: ""; position: absolute; width: 15px; height: 15px; background: #f6f6f6; top:7px; left:5px;
           -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -o-box-shadow: 0 0 2px rgba(0,0,0,0.1);
           -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1);  box-shadow: 0 0 2px rgba(0,0,0,0.1); }
	
.tip-yellowsimple .tip-arrow-right { margin-top:-4px; margin-left:0; top:50%; left:100%; width:6px; height:9px;
    background:url(../image/tip-yellowsimple_arrows.gif) no-repeat -9px 0; }
	
.tip-yellowsimple .tip-arrow-bottom { margin-left:-12px; top:100%; left:50%; width:25px; height:10px; overflow: hidden; }
.tip-yellowsimple .tip-arrow-bottom:after { content: ""; position: absolute; width: 15px; height: 15px; background: #f6f6f6; bottom:7px; left:5px;
           -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -o-box-shadow: 0 0 2px rgba(0,0,0,0.3);
           -moz-box-shadow: 0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.3);  box-shadow: 0 0 2px rgba(0,0,0,0.3); }
	
.tip-yellowsimple .tip-arrow-left { margin-top:-4px; margin-left:-6px; top:50%; left:0; width:6px; height:9px;
   background:url(../image/tip-yellowsimple_arrows.gif) no-repeat -27px 0; }