body {
}




.modalpopup
{
    font-family: 'Trebuchet MS';
    font-size: small;
    padding: 2px 3px;
    z-index: 1000;
    position: fixed;
    top: 40%;
    left: 40%;
}

.modalpopupp
{
    font-family: 'Trebuchet MS';
    font-size: small;
    padding: 2px 3px;
    z-index: 1000;
    position: fixed;
    top: 30%;
    left: 20%;
}


.container
{
    width: 300px;
    border: solid 1px #808080;
    border-width: 1px 0px;
} 

.header
{
    background-color:White;  
    color: #000;  
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 3px 10px;
} 

.header .msg
{
    font-weight: bold;
}         
 
.body
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 30px;
} 


.body .msg
{
    background: url(img/sprite.png) no-repeat 0px -1150px; 
    float: left;
    padding-left: 22px;
}  
 
.footer
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: none solid;
    border-width: 0px 1px;
    text-align:right;
    padding-bottom: 8px;
    padding-right: 8px;
} 

.close
{
    right: 7px;   
    background: url(img/sprite.png) no-repeat 0px -300px;  
    width: 25px;  
    cursor: pointer;    
    position: absolute; 
    top: 7px;     
    height: 15px;
}
 
.modal {
      z-index: 999;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      display:none;
      -moz-opacity: 0.75;
      filter: alpha(opacity=50);
      background: #CCCCCC;
      opacity:0.5;
    
}





div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	right: 572px;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}