@charset "utf-8";
/* CSS Document */
  

/*
.radioEnglish
{
	font-size: 24px;
	color:#F0F;
	font-family:Geneva, sans-serif;
	letter-spacing: 2px;
	margin-left:  14px;
}

.radioRussian
{
	font-size: 24px;
	color: #F0F;
	font-family:Geneva, sans-serif;
	letter-spacing: 2px;
	margin-left:  10px;
}
*/

.parallelogram1,  .parallelogram2, .parallelogram3
{    	
	height: 30px; 
	width: 100px; 
	-moz-transform: skew(-20deg); 
	-o-transform: skew(-20deg); 
	-webkit-transform: skew(-20deg); 
	transform: skew(-20deg);

 
	margin-left: 15px;
	margin-top:   9px;
	border-radius: 15px;
	xbox-shadow: 2px 2px 3px 3px black;
	border: 1px solid black;
	font-size: 30px;
	background-color: black; 
	font-weight: bold;
}


/*.parallelogram1 
{ 
	background-color: #F0F; 
}

.parallelogram2 
{ 
	background-color: purple; 
}

.parallelogram3 
{ 
	background-color: #2E0854; 
}
*/
.radioEnglish, .radioRussian, .radioToEnglish
{
	font-size: 24px;
	font-family:Geneva, sans-serif;
	letter-spacing: 2px;
	text-align:center;	
	margin-left: 30px;  
} 

.radioEnglish
{
	color:#F0F; 
}

.radioRussian
{	 
	color: purple; 
}

.radioToEnglish
{ 
	color:#2E0854; 
}





.parallelogram1_new
{
	color: #F0F; 

	text-shadow: 5px 5px 3px #F0F;
	-webkit-text-shadow: 5px 5px 3px #F0F;
	-moz-text-shadow: 5px 5px 3px #F0F;

	box-shadow: 0px 0px 20px 0px  #F0F;
	-webkit-box-shadow: 0px 0px 20px 0px #F0F;
	-moz-box-shadow: 0px 0px 20px 0px #F0F;
 
}

.parallelogram2_new
{
	color: purple; 

	text-shadow: 5px 5px 3px purple; 
	-webkit-text-shadow: 5px 5px 3px purple; 
	-moz-text-shadow: 5px 5px 3px purple; 

	box-shadow: 0px 0px 20px 0px  purple;
	-webkit-box-shadow: 0px 0px 20px 0px purple;
	-moz-box-shadow: 0px 0px 20px 0px purple;
 
}

.parallelogram3_new
{
	color: #2E0854;  

	text-shadow: 5px 5px 3px #2E0854; 
	-webkit-text-shadow: 5px 5px 3px #2E0854; 
	-moz-text-shadow: 5px 5px 3px #2E0854; 

	box-shadow: 0px 0px 20px 0px #2E0854; 
	-webkit-box-shadow: 0px 0px 20px 0px #2E0854; 
	-moz-box-shadow: 0px 0px 20px 0px #2E0854; 
 
}




 
.planetWB
{
	width: 40px; 
	display:inline-block;
	height: 40px; 
	border-radius: 50%;
	background: radial-gradient(circle 	closest-corner,  black, white);
}

.planetBW
{
	width: 40px; 
	display:inline-block;
	height: 40px; 
	border-radius: 50%;
	background: radial-gradient(circle 	closest-corner,  white, black);
}
.planetColor
{
	width: 40px; 
	display:inline-block;
	height: 40px; 
	border-radius: 50%;
	background: linear-gradient(to bottom right,  blue, orangered,   purple, hotpink, green,goldenrod );
}



#bgBlack
{  
	height: 40px; 
	width: 40px; 
	position:relative; 
	left: 10px;  
	top: 10px;
	mborder: 1px solid black;

}


.moon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 8px 8px 0px 0   #999999;
	display: inline-block;
} 

.sun
{  
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fc3;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.22, rgb(204,153,0)),
		color-stop(1, rgb(255,219,112))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(204,153,0) 22%,
		rgb(255,219,112) 100%
	); 
	
	-webkit-box-shadow: 0 0 50px #c90;
	-moz-box-shadow: 0 0 50px #c90;
	box-shadow: 0 0 50px #c90; 
	position:relative;
	top: 10px;
	left: 50px;
	
	display: inline-block;
 
 
} 
 





















.searchByText1
{
	color: red;
	margin-left:  2px;	  
}

.searchByText2
{
	color: blue;
	margin-left:  56px;		
}

.searchByText3
{
	color: #00ff00;
	margin-left:  48px;	 
}

.searchByText4
{
	color: #2E0854;
	margin-left:  36px;	 
}

.searchByText5
{
	color: goldenrod;
	margin-left:  77px;		 
}

.searchByText6
{
	color: grey;
	margin-left:  70px;	 
}

.searchByText7
{
	color: blue;
	margin-left: 202px;	 
}
 



.ovalNote1
{
	color:red;
	box-shadow:  0px 0px 20px 0px red;
	-webkit-box-shadow: 0px 0px 20px 0px red;
	-moz-box-shadow: 0px 0px 20px 0px red; 

	text-shadow: 5px 5px 3px maroon;
	-webkit-text-shadow: 5px 5px 3px maroon;
	-moz-text-shadow: 5px 5px 3px maroon;
	margin-left: 17px;	
}

.ovalNote2
{
	color:blue;
	box-shadow:  0px 0px 20px 0px navy;
	-webkit-box-shadow: 0px 0px 20px 0px navy;
	-moz-box-shadow: 0px 0px 20px 0px navy; 

	text-shadow: 5px 5px 3px navy;
	-webkit-text-shadow: 5px 5px 3px navy;
	-moz-text-shadow: 5px 5px 3px navy;
	margin-left: 12px;	 
}

.ovalNote3
{
	color:green;
	box-shadow:  0px 0px 20px 0px #030;	
	-webkit-box-shadow: 0px 0px 20px 0px #030;
	-moz-box-shadow: 0px 0px 20px 0px #030; 


	text-shadow: 5px 5px 3px #030;
	-webkit-text-shadow: 5px 5px 3px #030;
	-moz-text-shadow: 5px 5px 3px #030; 
	margin-left: 12px;
}

.ovalNote4
{
	color:purple;
	box-shadow:  0px 0px 20px 0px#303;
	-webkit-box-shadow: 0px 0px 20px 0px #303;
	-moz-box-shadow: 0px 0px 20px 0px #303; 

	text-shadow: 5px 5px 3px #303;
	-webkit-text-shadow: 5px 5px 3px #303;
	-moz-text-shadow: 5px 5px 3px#303; 
	margin-left: 17px;	
}

.ovalNote5
{
	color:goldenrod;
	box-shadow:  0px 0px 20px 0px #FC0;
	-webkit-box-shadow: 0px 0px 20px 0px #FC0;
	-moz-box-shadow: 0px 0px 20px 0px #FC0; 

	text-shadow: 5px 5px 3px #FC0;
	-webkit-text-shadow: 5px 5px 3px #FC0;
	-moz-text-shadow: 5px 5px 3px #FC0;
	margin-left: 12px;	  

}

.ovalNote6
{
	color:white;
	box-shadow:  0px 0px 20px 0px #999;
	-webkit-box-shadow: 0px 0px 20px 0px #999;
	-moz-box-shadow: 0px 0px 20px 0px #999; 

	text-shadow: 5px 5px 3px #999;
	-webkit-text-shadow: 5px 5px 3px #999;
	-moz-text-shadow: 5px 5px 3px#999;  
	margin-left: 12px;	

}


.ovalNote7
{
	color:#0F0;
	box-shadow:  0px 0px 20px 0px #090;	
	-webkit-box-shadow: 0px 0px 20px 0px #090;
	-moz-box-shadow: 0px 0px 20px 0px #090; 

	text-shadow: 5px 5px 3px #090;
	-webkit-text-shadow: 5px 5px 3px #090;
	-moz-text-shadow: 5px 5px 3px #090; 
	margin-left:  170px;
}
 


.ovalNote
{
	display:inline-block;
	margin-top:5px;	 
	margin-right: 50px;

	width: 85px;  
	height: 42.5px;
 
	background-color: black; 
	border:1px solid black; 

	-moz-border-radius: 100px / 50px; 
	-webkit-border-radius: 100px / 50px; 
	border-radius: 100px / 50px;
	
	text-align: center;		
	font-size: 45px;	 
	display: inline-block; 

}
    

.squareNote
{
	text-align: center; 
	height: 50px;  
	width:50px; 
	border-radius:10px; 
	border:1px solid black;  
	font-size: 45px;
	margin-top:5px;

	background-color:black;

	margin-right: 50px;
	display: inline-block;  
 
	box-shadow:  0px 0px 20px 0px white;
	-webkit-box-shadow: 0px 0px 20px 0px white;
	-moz-box-shadow: 0px 0px 20px 0px white;  
}
 

 
.sortByText1
{
	color: red;
	margin-left:  4px;	  
}

.sortByText2
{
	color: blue;
	margin-left:  58px;	
	
}

.sortByText3
{
	color: #00ff00;
	margin-left:  48px;
	 
}

.sortByText4
{
	color: #2E0854;
	margin-left:  42px;
 
}

.sortByText5
{
	color: goldenrod;
	margin-left:  77px;
	 
}

.sortByText6
{
	color: grey;
	margin-left: 70px;
	 
}
 
 
.squareNote1
{
	color:red;
	box-shadow:  0px 0px 20px 0px red;
	-webkit-box-shadow: 0px 0px 20px 0px white;
	-moz-box-shadow: 0px 0px 20px 0px white;
 
	text-shadow: 5px 5px 3px maroon;
	-webkit-text-shadow: 5px 5px 3px maroon;
	-moz-text-shadow: 5px 5px 3px maroon;
	margin-left: 38px;	
}

.squareNote2
{
	color:blue;
	box-shadow:  0px 0px 20px 0px navy;
	-webkit-box-shadow: 0px 0px 20px 0px white;
	-moz-box-shadow: 0px 0px 20px 0px white; 

	text-shadow: 5px 5px 3px navy;
	-webkit-text-shadow: 5px 5px 3px navy;
	-moz-text-shadow: 5px 5px 3px navy;
	margin-left: 48px;	 
}

.squareNote3
{
	color:green;
	box-shadow:  0px 0px 20px 0px #030;
	-webkit-box-shadow: 0px 0px 20px 0px #030;
	-moz-box-shadow: 0px 0px 20px 0px #030; 
 

	text-shadow: 5px 5px 3px #030;
	-webkit-text-shadow: 5px 5px 3px#030;
	-moz-text-shadow: 5px 5px 3px #030; 
	margin-left: 47px;
}

.squareNote4
{
	color:purple;
	box-shadow:  0px 0px 20px 0px #303;
	text-shadow: 5px 5px 3px #303;
	-webkit-text-shadow: 5px 5px 3px navy;
	-moz-text-shadow: 5px 5px 3px navy; 
	margin-left: 38px;	
}

.squareNote5
{
	color:goldenrod;
	box-shadow:  0px 0px 20px 0px #FC0;


	text-shadow: 5px 5px 3px #FC0;
	-webkit-text-shadow: 5px 5px 3px #FC0;
	-moz-text-shadow: 5px 5px 3px #FC0;
	margin-left: 48px;	  

}

.squareNote6
{
	color:white;
	box-shadow:  0px 0px 20px 0px #999;
	-webkit-box-shadow: 0px 0px 20px 0px #999;
	-moz-box-shadow: 0px 0px 20px 0px #999; 

	text-shadow: 5px 5px 3px #999;
	-webkit-text-shadow: 5px 5px 3px #999;
	-moz-text-shadow: 5px 5px 3px #999;  
	margin-left: 47px;	

}

 






































#checkFor2
{
	height: 20px;  
	width:  20px;
	position:relative;
	top:3px;
}
 
 
#checkForCSS
{
	visibility:hidden;	
	font-family:Agency FB;
	font-size: 24px;	
	line-height: 34px;		
}


#displayCount
{
	color: blue; 
	font-size: 22px; 
	font-family:Agency FB;	
}

#displayRemaining
{
	color: maroon;  
	font-size: 22px; 
	font-family:Agency FB; 
	position:relative; 
	left: 220px;  
	top:-22px;
	width: 20px;	
}

#percentDone
{
	text-align:center; 
	width: 230px; 
	font-size: 22px; 
	font-family:Agency FB;
	position:relative; 
	left: -5px;  
	top: 5px;	
	
}



.keyWordsBox
{	 
	margin-top:30px; 
	height:35px;  
	width:230px; 
	font-size:24px;
	font-family:Geneva, sans-serif;  
	color: orange;   
	background-color: black; 

	
    box-shadow: 1px 2px 3px 4px black; 
	-moz-box-shadow: 1px 2px 3px 4px black; 
	-webkit-box-shadow: 1px 2px 3px 4px black; 
	
	 
	
 	text-shadow: 2px 2px 3px rgba(0,0,0,1), 
              2px 3px 3px rgba(0,0,0,1), 
              3px 2px 3px rgba(0,0,0,1), 
              2px 2px 3px rgba(0,0,0,1); 
			  
	text-shadow: 1px 2px 3px 4px black; 
	letter-spacing:2px;	
	margin-bottom: 15px;
	border: 1px solid black;
}


.keyWordsBox2
{
	color:orange;

	box-shadow:  0px 0px 20px 0px orangered;
	-webkit-box-shadow: 0px 0px 20px 0px orangered;
	-moz-box-shadow: 0px 0px 20px 0px orangered; 

	text-shadow: 5px 5px 3px orangered;
	-webkit-text-shadow: 5px 5px 3px orangered;
	-moz-text-shadow: 5px 5px 3px  orangered; 
}


.progress-bar {
    background-color: #1a1a1a;
    height: 25px;
    padding: 5px;
    width: 225px;         
    border-radius: 5px;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    position:relative;
    top:  -10px;
              
}

.progress-bar span {
    display: inline-block;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out;    
}




.blue span {
    background-color: #34c2e3;   
}

.purple span {
      xxbackground-color: #fecf23;
	 background-color: purple;
      background-image: linear-gradient(top, #fecf23, #fd9215);  
}   

.green span {
      background-color: #a5df41;
      background-image: linear-gradient(top, #a5df41, #4ca916);  
}







.stripes span {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                        transparent 75%, transparent);            
    
    animation: animate-stripes 3s linear infinite;             
}

@keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

.shine span {
    position: relative;
}

.shine span::after {
    content: '';
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    border-radius: 3px;
    animation: animate-shine 2s ease-out infinite;             
}

@keyframes animate-shine {
    0% {opacity: 0; width: 0;}
    50% {opacity: .5;}
    100% {opacity: 0; width: 95%;}
}

.glow span {
    box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;    
    animation: animate-glow 1s ease-out infinite;          
}

@keyframes animate-glow {
 0% { box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;} 
 50% { box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;} 
 100% { box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}
 }













.submitClear
{
	margin-top:10px;
}

.circleMarginLanguage
{
	margin-top:15px;	
}

.circleMarginDirection
{
	margin-top:30px;	
}

.languageTop
{		
	margin-top:5px; 
	height: 45px;
     width: 90px; 

	box-shadow:  0px 0px 20px 0px #F0F;
	-webkit-box-shadow: 0px 0px 20px 0px #F0F;
	-moz-box-shadow: 0px 0px 20px 0px #F0F; 

	font-size:32px;
	text-align:center;
 	background-color: black;
	border:1px solid black;

     border-radius: 90px 90px 0 0;
     -moz-border-radius: 90px 90px 0 0;
     -webkit-border-radius: 90px 90px 0 0;
	text-align: center;	
	font-size: 38px;	
 
}
 
.languageTop1
{
	color: #F0F; 

	text-shadow: 5px 5px 3px  #F0F;
	-webkit-text-shadow: 5px 5px 3px #F0F;
	-moz-text-shadow: 5px 5px 3px #F0F;
 
}

.languageBottom 
{
	font-size:32px;
	height: 45px;
	width:  90px;
	border-radius: 0 0 90px 90px;
	-moz-border-radius: 0 0 90px 90px;
	-webkit-border-radius: 0 0 90px 90px;
	background-color:  black;
	margin-top: 10px;
	margin-bottom: 5px;
	 
	box-shadow:  0px 0px 20px 0px #F0F;
	-webkit-box-shadow: 0px 0px 20px 0px #F0F;
	-moz-box-shadow: 0px 0px 20px 0px #F0F; 

	border:1px solid black;
}

.languageBottom1 
{
     color:#F0F;

	text-shadow: 5px 5px 3px #F0F;
	-webkit-text-shadow: 5px 5px 3px #F0F;
	-moz-text-shadow: 0px 0px 20px #F0F;
}



.directionTop
{
	height: 45px;
	width: 90px;
	border-radius: 90px 90px 0 0;
	-moz-border-radius: 90px 90px 0 0;
	-webkit-border-radius: 90px 90px 0 0;
	background-color:black;
	border:1px solid black;
	margin-top: 5px;
	
	box-shadow:  0px 0px 20px 0px hotpink;	
	-webkit-box-shadow: 0px 0px 20px 0px hotpink;
	-moz-box-shadow: 0px 0px 20px 0px hotpink; 

	font-size:38px;
}

.directionTop1
{
 	color:hotpink;

	text-shadow: 5px 5px 3px hotpink;
	-webkit-text-shadow: 5px 5px 3px hotpink;
	-moz-text-shadow: 5px 5px 3px hotpink;
}

.directionBottom
{
	height: 45px;
	width:  90px;
	border-radius: 0 0 90px 90px;
	-moz-border-radius: 0 0 90px 90px;
	-webkit-border-radius: 0 0 90px 90px;
	background-color:black;
	border:1px solid black;
	margin-top: 10px;
	margin-bottom: 5px;

	box-shadow:  0px 0px 20px 0px hotpink;	
	-webkit-box-shadow: 0px 0px 20px 0px hotpink;
	-moz-box-shadow: 0px 0px 20px 0px hotpink; 

	font-size:44px;
}

.directionBottom1
{
	color:hotpink;

	text-shadow: 5px 5px 3px hotpink;
	-webkit-text-shadow: 5px 5px 3px hotpink;
	-moz-text-shadow: 5px 5px 3px hotpink;
}


.dirUp
{
	font-size: 24px;
	color:hotpink;
	font-family:Geneva, sans-serif;
	letter-spacing: 2px;
	margin-left:  8px;
}

.dirDown
{
	font-size: 24px;
	color: hotpink;
	font-family:Geneva, sans-serif;
	letter-spacing: 2px;
	margin-left:  8px;
}






 
.sortByText1, .sortByText4, 
.sortByText2, .sortByText3, 
.sortByText5, .sortByText6,
.sortByText4a, .sortByText7
{
	font-size: 24px;
	font-family:Geneva, sans-serif;
	letter-spacing: 2px;
	
}


.searchByText1, .searchByText4, 
.searchByText2, .searchByText3, 
.searchByText5, .searchByText6,
.searchByText4a, .searchByText7
{
	font-size: 24px;
	font-family:Geneva, sans-serif;
	letter-spacing: 2px;
	
}

.ovalNote:hover, .squareNote:hover,
.languageBottom:hover,   .languageTop:hover,  .directionTop:hover,   
.directionBottom:hover, .keyWordsBox:hover, .ovalBig:hover,  .submitButton:hover,
.parallelogram1:hover,  .parallelogram2:hover, .parallelogram3:hover
{
	 background: radial-gradient(circle 	closest-corner,  #00CCFF, blue);
cursor:default;
}

.ovalBig
{
	
	position:absolute;  
	left: 310px;
	top:140px;
	z-index:10;
 
	
	display:none;
	margin-top:5px;
    box-shadow: 1px 2px 3px 4px black;
	-mox-box-shadow: 1px 2px 3px 4px black;
	-webkit-box-shadow: 1px 2px 3px 4px black;	
  	
	background-color: blue;		
   width: 260px;  
   height: 130px; 
   
   -moz-border-radius: 250px / 125px;
   -webkit-border-radius: 250px / 125px;
   border-radius: 250px / 125px;
}
 
.toFrom
{
	 color: #9bcc60;
	 position:relative; 
	 top:-10px; 
	 left:2px;
}

.datePickerTextBox
{	
	text-align:center; 
	margin-top:10px; 
	border-radius:50%; 
	width:150px; 
	height: 24px; 
	background-color: #201913; 
	color:#9bcc60;	
}
 


#keyWordText
{
	font-size: 24px;
	color: orange;
	font-family:Geneva, sans-serif;
	letter-spacing: 2px;
	margin-left:  20px;
}

.header2
{
	font-size: 24px;
	color: brown;
	font-family:Geneva, sans-serif;
	letter-spacing:2px;
	text-align:center;
	padding-right:38px;	
	height:10px; 
}

.keyWordsBox::-ms-clear 
{
    display: none;
}

.keyWordsBox:focus
{
	background: radial-gradient(circle 	closest-corner,  #00CCFF, blue);	 
}

/*


	width: 130px; 
	height: 82px;

*/
.submitButton
{
	margin-top:50px;
	width: 94px; 
	height: 94px; 

	border: 1px solid black;
	font-size: 30px; 
 
	border-radius: 10%;

	box-shadow:  0px 0px 20px 0px orangered;	
	-webkit-box-shadow: 0px 0px 20px 0px orangered;
	-moz-box-shadow: 0px 0px 20px 0px orangered;  

	text-shadow: 5px 5px 3px black;
	 
	outline:0; 
 	background-color:black; 
	font-size:38px;
}

.submitButton1
{
	color: orangered;	

	text-shadow: 5px 5px 3px orangered;
	-webkit-text-shadow: 5px 5px 3px orangered;
	-moz-text-shadow: 5px 5px 3px orangered; 
}


.submitButton:hover
{
	xbackground-image:url(../images/clef4.png);
 
	xbackground-repeat:no-repeat;
}


#of
{
	position: absolute; 
	top: 54px;   
	left: 31px;

	height: 98px;
	width:98px;
}
 
#top1
{
	
	position:relative;
	top:5px;
	z-index:1;
	border:1px solid black;
	border-radius: 50%;
}


#bottom1
{
	visibility:hidden;
	position:relative;
	top:   -91px;
	left: -1px;
	x-webkit-filter: blur(10px); 
 

}






 


.submitButton:active
{
	background: radial-gradient(circle closest-corner, white, pink );
}
  
  
#whichLanguage
{
	margin-left: 19px;	
}

#searchBy
{
	margin-left: 10px;
}


#sortBy
{
	margin-left: 37px;
}

#whichDirection
{
	margin-left: 17px;
}

#keyWords
{	 
	margin-left: 14px;
	color: orange;	
}

.colorBrown
{
	color:brown;
	font-family: Agency FB; 
	font-size: 26px;
	letter-spacing:2px;
	line-height: 36px;
	font-weight:bold;	
}

#currentSearch
{
	font-family: Agency FB; 
	font-size: 30px;
	letter-spacing:2px;
	
	color:#302;



	font-weight:bold;
	padding-bottom:15px;	
}


.agencyFBFont,  #keyWords, #whichDirection, #sortBy, #whichLanguage, #searchBy
{
	font-family: Agency FB; 
	font-size: 26px;
	letter-spacing:2px;	
	font-weight:bold;
	line-height:26px;
}

 .Three-DeeXX, #currentSearchx
 {
 
 line-height: 1em;
 
 position:relative;
 z-index:-1;
 top: 20px;
 
 
 text-shadow:0px 0px 0 rgb(223,223,223),1px 1px 0 rgb(220,220,220),2px 2px 0 rgb(218,218,218),3px 3px 0 rgb(216,216,216),4px 4px 0 rgb(213,213,213),5px 5px 0 rgb(211,211,211),6px 6px 0 rgb(209,209,209),7px 7px 0 rgb(206,206,206),8px 8px 0 rgb(204,204,204),9px 9px 0 rgb(202,202,202),10px 10px 0 rgb(199,199,199),11px 11px 0 rgb(197,197,197),12px 12px 0 rgb(195,195,195),13px 13px 0 rgb(192,192,192),14px 14px 0 rgb(190,190,190),15px 15px 0 rgb(188,188,188),16px 16px 0 rgb(185,185,185),17px 17px 0 rgb(183,183,183),18px 18px 0 rgb(181,181,181),19px 19px 0 rgb(179,179,179),20px 20px 0 rgb(176,176,176),21px 21px 0 rgb(174,174,174),22px 22px 0 rgb(172,172,172),23px 23px 0 rgb(169,169,169),24px 24px 0 rgb(167,167,167),25px 25px 0 rgb(165,165,165),26px 26px 0 rgb(162,162,162),27px 27px 0 rgb(160,160,160),28px 28px 0 rgb(158,158,158),29px 29px 0 rgb(155,155,155),30px 30px 0 rgb(153,153,153),31px 31px 0 rgb(151,151,151),32px 32px 0 rgb(148,148,148),33px 33px 0 rgb(146,146,146),34px 34px 0 rgb(144,144,144),35px 35px 0 rgb(141,141,141),36px 36px 0 rgb(139,139,139),37px 37px 0 rgb(137,137,137),38px 38px 0 rgb(134,134,134),39px 39px 0 rgb(132,132,132), 40px 40px 0 rgb(130,130,130),41px 41px 40px rgba(0,0,0,0.6),41px 41px 1px rgba(0,0,0,0.5),0px 0px 40px rgba(0,0,0,.2);}

.gradient{
position:absolute;
background-image: -moz-radial-gradient(135deg, #000, #333 100%);
background:-webkit-gradient(radial, 40% 0%, 0% 100%, from(#333), to(#000000));
opacity:.3;
width:100%;
z-index:-1;
}     

/*  cat  */
.content2
{
	
	height:auto; 	
	padding-top:10px;
	padding-bottom:20px;
}

.content3
{
	background-color:white;
}

.body2
{
 	background-image:url(images/common/paper.gif);
}

.body3
{
 	background-image:url(images/common/paper.gif);
}

.backgroundWhite
{
	background-color:white;
}

.backgroundBlack
{
	background-color:black;
    mm-webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */
    mmanimation: myfirst 5s;
}





.whiteBlack{  
	background-color: white; 
	color: black;
   	
	
	text-shadow: 5px 5px 3px white;
	-webkit-text-shadow: 5px 5px 3px white;
	-moz-text-shadow: 5px 5px 3px white;

	 box-shadow:  0px 0px 20px 0px white;
	-webkit-box-shadow: 0px 0px 20px 0px white;
	-moz-box-shadow: 0px 0px 20px 0px white;   


}

.searchByTextAllBlack
{
	color:black;
}

 

.searchByTextAllWhite
{
	color:white;
}

.blackWhite
{  
	background-color: black; 
	color: white; 

	text-shadow: 5px 5px 3px black;
	-webkit-text-shadow: 5px 5px 3px black;
	-moz-text-shadow: 5px 5px 3px black;

	 box-shadow:  0px 0px 20px 0px white;
	-webkit-box-shadow: 0px 0px 20px 0px white;
	-moz-box-shadow: 0px 0px 20px 0px white;
}


 
/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    from {background-color: white;}
    to {background-color: black;}
}

/* Standard syntax */
@keyframes myfirst {
    from {background-color: white;}
    to {background-color: black;}
}