@charset "utf-8";

/*html							{ font-family: "Lucida Sans Unicode"; font-size: 14px; line-height: 21px; color: #f1f1f1; background: #0b0b0b; }*/
body							{  }
p								{ color: #616161; }
a								{ color: #f1f1f1; }
img.tTip						{ margin: 8px 15px 8px 0px; float: left; 



top: -190px;




}
/*h1								{ text-align: center; line-height: 15px; padding: 0px 0px 20px 0px; letter-spacing: -2px; }*/
h1.massive						{ font-size: 72px; line-height: 10px; padding: 0px; letter-spacing: -6px; color: #f4c20a; }
#demo_wrapper					{ width: 600px; margin: 30px auto 0px auto; }

.lightTip						{  }
.lightTip .content				{ width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ height: 14px; background: url(../images/notch-white.png) top center no-repeat; }

.yellowTip						{z-index: 17000;  }
.yellowTip .content				

 

{ width: 310px;  
z-index: 17000;
position: absolute;
	top: -190px;
	left: 10px;



}
.yellowTip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; 

z-index: 17000;



}



.belogorskTip						{  }
.belogorskTip .content				



{ width: 310px; 

position: absolute;
	top: -300px;
	left: 10px;

}
.belogorskTip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; 


z-index: 17000;



}




.stroki3Tip						{ z-index: 30000; }
.stroki3Tip .content				{   
    width: 310px; 
    position: absolute;
	top: -100px;
	left: -430px;
	
	z-index: 30000;
	
	
}
.stroki3Tip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; z-index: 30000;}














.stroki4Tip						{ z-index: 30000; }
.stroki4Tip .content				{   
    width: 310px; 
    position: absolute;
	top: -100px;
	left: -350px;
	
	z-index: 0;
	
	
}
.stroki4Tip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; z-index: 30000;}







.stroki5Tip						{ z-index: 30000; }
.stroki5Tip .content				{   
    width: 310px; 
    position: absolute;
	top: 70px;
	left: -100px;
	
	z-index: 30000;
	
	
}
.stroki5Tip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; z-index: 30000;}







.stroki6Tip						{ z-index: 30000; }
.stroki6Tip .content				{   
    width: 310px; 
    position: absolute;
	top: -100px;
	left: -350px;
	
	z-index: 30000;
	
	
}
.stroki6Tip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; z-index: 30000;}












.stroki7Tip						{ z-index: 30000; }
.stroki7Tip .content				{   
    width: 310px; 
    position: absolute;
	top: 50px;
	left: -100px;
	
	z-index: 30000;
	
	
}
.stroki7Tip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; z-index: 30000;}










.stroki8Tip						{ z-index: 30000; }
.stroki8Tip .content				{   
    width: 310px; 
    position: absolute;
	top: -120px;
	left: 70px;
	
	z-index: 30000;
	
	
}
.stroki8Tip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; z-index: 30000;}













.stroki9Tip						{ z-index: 30000; }
.stroki9Tip .content				{   
    width: 310px; 
    position: absolute;
	top: -280px;
	left: -130px;
	
	z-index: 30000;
	
	
}
.stroki9Tip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; z-index: 30000;}





.stroki10Tip						{ z-index: 30000; }
.stroki10Tip .content				{   
    width: 310px; 
    position: absolute;
	top: -100px;
	left: -370px;
	
	z-index: 30000;
	
	
}
.stroki10Tip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; z-index: 30000;}




















						{  }
.yellowTip .content				



{ width: 310px; 

position: absolute;
	top: 0px;
	left:-400px;
	
	z-index: 17000;
	
	
	
	
}
.yellowTip .bottom				{ height: 14px; background: url(../images/notch-yellow.png) top center no-repeat; 

z-index: 17000;




}










.orangeTip						{  }
.orangeTip .content				{ width: 310px; padding: 10px; border: 6px solid #f9cd8e; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fbe3aa; color: #020202; }
.orangeTip .bottom				{ height: 14px; background: url(../images/notch-orange.png) top center no-repeat; }

.redTip							{  }
.redTip .content				{ width: 310px; padding: 10px; border: 6px solid #ce6f6f; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f79992; color: #020202; }
.redTip .bottom					{ height: 14px; background: url(../images/notch-red.png) top center no-repeat; }

.greenTip						{  }
.greenTip .content				{ width: 310px; padding: 10px; border: 6px solid #a9db66; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #cae8a2; color: #020202; }
.greenTip .bottom				{ height: 14px; background: url(../images/notch-green.png) top center no-repeat; }

.blueTip						{  }
.blueTip .content				{ width: 310px; padding: 10px; border: 6px solid #36a4d9; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #90d8f0; color: #020202; }
.blueTip .bottom				{ height: 14px; background: url(../images/notch-blue.png) top center no-repeat; }

.purpleTip						{  }
.purpleTip .content				{ width: 310px; padding: 10px; border: 6px solid #8671de; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #a290f0; color: #020202; }
.purpleTip .bottom				{ height: 14px; background: url(../images/notch-purple.png) top center no-repeat; }

.darkTip						{  }
.darkTip .content				{ width: 310px; padding: 10px; border: 6px solid #303030; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #505050; color: #f8f8f8; }
.darkTip .bottom				{ height: 14px; background: url(../images/notch-dark.png) top center no-repeat; }