body
{
    font-family:Arial;
}

.logo
{
    cursor:pointer;
    display:none;
}
        
#skatematic 
{
    position:absolute;
    top: 200px;
    left: 10px;
    z-index: 2;
}

#linkedin 
{
    position:absolute;
    top: 50px;
    left: 40%;
    z-index: 2;
}

#twitter 
{
    position:absolute;
    top: 220px;
    left: 70%;
    z-index: 2;
}
        
.dropTarget
{
    background-image: url('/images/box.png');
    background-repeat: no-repeat;
    padding: 0px;
    width: 300px;
    height: 223px;
    text-align:center;
    margin: auto;
    cursor:pointer;
}

.dropTarget img
{
    display:none;
}

#dropContainer 
{
    position: absolute;
    left: 0px;
    top: 300px;
    width: 100%;
    text-align:center;
 }
        
#dropConfirm
{
    text-align: center;
    font-weight: bold;
    padding: 30px;
    width: 300px;
    margin: auto;
    display:none;
}

#dragPrompt
{
    display:none;
    position:absolute;
    bottom: 0px;
    left: 0px;
    height: 20px;
    width: 100%;
    text-transform:uppercase;
    text-align:center;
    font-weight: bold;
}

/* Modal PopUp */
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
	border: 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}