/*Used for the EULA contract popup on the login page*/
.overlay{
	    position:absolute;
	    top:0;
	    left:0;
	    height:100%;
	    width:100%;
	    background:#000000;
	    opacity:0;
	    filter:alpha(opacity=0);
	    z-index:150;
	    cursor:pointer;	
    }
    .overlaycontainer{
	    position:absolute;
	    opacity:0;
	    filter:alpha(opacity=0);
	    z-index:151;
        text-decoration: none;
    }
    .overlaycontainer h3{
	    color: #333333;	
	    margin: 0;
	    line-height: 20px;
	    font-size: 16px;
	    padding: 0;
	    text-decoration:none;
	    font-weight: bold;
    }
    .overlaycontainer a{
	    color: #333333;
	    text-decoration: none;
	    font-size: 12px;
    }
    .overlaycontainer a:hover{
    }
    .overlaycontainer .overlay1{
	    width:600px; 
	    height:210px; 
    }
    .overlaycontainer .overlay2{
	    width:700px; 
	    height:510px; 
	    background-color:White;
    }
    .overlaycontainer .overlay3{
	    width:580px; 
	    height:350px; 
    }
    .overlaycontainer .overlayFBLike{
	    width:480px; 
	    height:270px; 
    }
    .overlaycontainer div.close {
	    width: 30px;
	    height: 30px;
	    background: transparent url(img/close.png) no-repeat;	
	    margin-right: 8px;
	    margin-left:auto;
	    margin-top:3px;
	    cursor:pointer;	
    }
    .overlaycontainer div.closeBlack {
	    width: 30px;
	    height: 30px;
	    background: transparent url(img/closeBlack.png) no-repeat;	
	    margin-right: 8px;
	    margin-left:auto;
	    margin-top:3px;
	    cursor:pointer;	
    }
    .overlaycontainer .overlay1 h3, .overlaycontainer .overlay3 h3{
	    margin-left: 40px;	
    }
    .overlaycontainer .overlay1 h4{
	    padding:0;
	    margin:0;
    }
    .overlaycontainer div ul{
	    list-style: none;	
	    padding: 0;
	    margin: 0;
    }
    .overlaycontainer div ul li{
	    float:left;
	    background: url(img/plus_button.gif) no-repeat 8px 10px;
	    padding: 2px;
	    padding-left: 38px;
	    margin: 2px;
	    width: 280px;
	    height: 30px;
	    border: 1px solid #eeeeee;
	    cursor: pointer;
    }
    .overlaycontainer div ul li:hover{
	    border: 1px solid #bbbbbb;	
    }
    .overlaycontainer div ul li img{
	    float:left;
    }
    .overlaycontainer .closeoverlay {
	    float:right;
    }