/*Controls*/
/* logintxtbox*/
.logintxtbox
{
    border: 1px solid #93B40F;
   	text-align: LEFT;
    font-family: tahoma;
    font-size: 9px;
    
    padding: 2px;
    color: Black;
    height:7px;
    width:300px;
    
}

/* DDL*/
.DDL
{
    border: 1px solid #93B40F;
   	text-align: LEFT;
    font-family: tahoma;
    font-size: 11px;
    background-color:#F2F6FD;
    padding: 2px;
    color: Black;
    height:18px;
    
}
/* txtBox*/
.Button
{
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 12px;
	border-width: 1px;
	border-color: #70A01B;
	border-style: solid;
	color: #5F8B25;
	background-color: #E9F3C0;
}
input.Control 
{
  BORDER: #A4A4A4 1px solid; padding: 1px;
  FONT-SIZE: 12px; 
  COLOR: #003300;    
  BACKGROUND-REPEAT: repeat-x; 
  width:300;
  FONT-FAMILY: Tahoma, "Times New Roman", "Arabic Transparent", Arial
}
.subtable
{
    border-style:solid;
    border-width:1px;
    border-color:#CCCCCC;
    background-color:White;
    width:100%;
    background-color:#F6F6F6;
    color:#EA712C;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #EA712C;
padding: 5px;
left: 0px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
right:600px; /*position where enlarged image should offset horizontally */

}
.borderimg 
{
  margin:10px;
  border: 2px dashed gray;  
  
}
.btn
{
     
    
    width:100%; 
    background-image:url(images/YallaSprots_09.jpg);
    border: solid 0 #834423;
    color:White;
    font-family:Tahoma;
    height:18;
}