html 
{
	margin: 0px;
	padding: 0px;
	direction: rtl;
	font-family:Arial;  
	font-size:13px;  
	overflow-x:hidden;
	overflow-y:auto;
}

body
{
	margin: 0;
	padding: 0; 
    width: 100%;
    height: 100%;
    background-image: url(../images/body-background1.gif);
	background-position: top ;
	background-repeat:repeat-y; 
}

a 
{
    font-size:10px; 
	color: #666666;
}

a:hover 
{
    font-size:10px; 
	color: #999999;
}

img 
{
	border: 0px;
	
}

/************************** wrappers **********************************/

td.offMenu
{
	cursor:default;  
	color:Black;
	font-family:Arial;
	text-align:right;   
	font-weight:bold;
}
td.onMenu
{
	cursor:pointer; 
	color:Gray; 
	font-family:Arial; 
	text-align:right;
	font-weight:bold;   
}

td.selectedMenu
{
	background-image:url('../images/pointer.jpg');
    background-repeat:no-repeat;  
    background-position:center;
    height:31px;
    width:18px;  
    font-weight:bold;
}

td.offLogo
{
    background-image:url('../images/logoOff.jpg');
    background-repeat:no-repeat; 
	cursor:default; 
	height:150px; 
	width:140px;  
}

td.onLogo
{
    background-image:url('../images/logoOn.jpg') ;
    background-repeat:no-repeat;
	cursor:pointer; 
	height:150px; 
	width:140px; 
}

img.off
{
	cursor:default; 
	height:64px; 
	width:64px;  
}
img.on
{
	cursor:pointer; 
	height:64px; 
	width:64px;  
	filter:alpha(opacity=50);
	opacity: .5;
}

/************************** Shadow *******************************/

.img-shadow {
float:right;
background: url(trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}


.img-shadow img {
display: block; /* IE won't do well without this */
position: relative; /* Make the shadow's position relative to its image */
padding: 5px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}
