body {
	background-color:#550000;
}
#boxId {
/*	display:none;*/
	height:200px;
	width:200px;
/*later we can use javascript to change the left and top at any time.  */
/*	margin-left:100px;
	margin-top:10px; */
/* =====================================================*/

	padding:20px;
	background-color:#FCA5A5; 
	position:fixed;
/*	z-index:0;*/

	color:#AA3939;
	font-size:2.5em;
	font-weight:bold;
	text-align:center;
/*	margin-top:5%;*/
	border-style:solid;
	border-radius:20px;
	border-color:#AA3939;

/*	opacity:0.8;*/
    top:35%;
    left:40%;
    cursor:move;
    float:left;
    -webkit-user-select:none;

    z-index:1002;
    overflow: auto;
}
.draggable {
/*    background-color:#8C489F;*/
	opacity:0.8;
}
#countdown {
	margin-top:20px;
}
#container {
	width:70%;
	height:1500px;
	margin-left:auto;
	margin-right:auto; 
	background-color:#D46A6A;
	padding:25px;
	text-align:justify;
}
::selection {
	background: pink;
}
/*.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}*/
/*#timer {
	margin: 10px 0 0 10px;
	width: 100px;
	height: 50px;
	border: black solid thin;
}*/
/*#closeButton {
	font-size: 20px;
	text-align: right;
}
#x {
	color: red;
	text-decoration: none;
}*/

#boxlink {
height: 200px;
width: 400px;
padding: 10px;
background-color: orange; 

}