@charset "utf-8";
/* CSS Document */

body{
	background-color:#000;
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
}

#topbar{
	width:100%;
	height:32px;
	background-color:#333;
	color:#fff;
	text-align:left;
	border-bottom:1px solid #666;
	opacity:.0;
	filter:alpha(opacity=0);
}

#topbartext{
	color:#fff;
	text-align:left;
	padding-left:26px;
	padding-right:26px;
	padding-top:5px;
	padding-bottom:5px;
	width:600px;
	float:left;
}

.plus{
	padding-top:4px;
	padding-left:10px;
	cursor:pointer;
}

#topbartexttwo{
	color:#fff;
	text-align:right;
	padding-left:26px;
	padding-right:26px;
	padding-top:5px;
	padding-bottom:5px;
	width:260px;
	float:right;
}

#topbartext a:link{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration:none;
}

#topbartext a:hover{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration:underline;
}

#topbartext a:visited{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-decoration:none;
}

#tabbox{
	position:absolute;
	top:33px;
	width:100%;
	text-align:left;
	opacity:.0;
	filter:alpha(opacity=0);
	z-index:89;
}

.quartercalc{
	height:24px;
	padding-top:3px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid #999;
	border-top:0px none;
	float:left;
	cursor:pointer;
	background-color:#222;
	position:relative;
	z-index:90;
}

.quartercalc:hover{
	height:24px;
	padding-top:8px;
	padding-left:8px;
	padding-right:8px;
	border:1px solid #999;
	border-top:0px none;
	float:left;
	cursor:pointer;
	background-color:#444;
	position:relative;
	z-index:90;
}

.quartercalcopen{
	height:24px;
	border:1px solid #999;
	border-top:0px none;
	float:left;
	background-color:#444;
	position:relative;
	z-index:90;
}

#loginbox{
	width:30px;
	height:120px;
	background-color:#444;
	border:1px solid #999;
	border-right:0px none;
	position:absolute;
	right:0px;
	bottom:200px;
	opacity:.0;
	filter:alpha(opacity=0);
	overflow:hidden;
}

.loginopen{
	position:relative;
	width:30px;
	height:120px;
	background-color:#222;
	border-right:1px solid #999;
	float:left;
	opacity:inherit;
	filter:inherit;
	background-image:url(login.png);
	cursor:pointer;
}

.loginopen:hover{
	position:relative;
	width:30px;
	height:120px;
	background-color:#444;
	border-right:1px solid #999;
	float:left;
	background-image:url(login.png);
	cursor:pointer;
}

.logoutopen{
	position:relative;
	width:30px;
	height:120px;
	background-color:#222;
	border-right:1px solid #999;
	float:left;
	background-image:url(logout.png);
	cursor:pointer;
}

.logoutopen:hover{
	position:relative;
	width:30px;
	height:120px;
	background-color:#444;
	border-right:1px solid #999;
	float:left;
	background-image:url(logout.png);
	cursor:pointer;
}

#logincontent{
	position:absolute;
	top:0px;
	left:31px;
	width:146px;
	height:120px;
	overflow:hidden;
	text-align:left;
	padding:6px;
	padding-left:10px;
}

#todaybox{
	width:100%;
	padding-top:80px;
	text-align:center;
}

#time{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:80px;
	font-weight:bold;
	text-decoration:none;
}

.seconds{
	color:inherit;
	font-family:Verdana, Geneva, sans-serif;
	font-size:40px;
	font-weight:bold;
	text-decoration:none;
}

#date{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:40px;
	font-weight:bold;
	text-decoration:none;
}

#week{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:140px;
	font-weight:bold;
	text-decoration:none;
}

#timer{
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:40px;
	font-weight:bold;
	text-decoration:none;
}

.time{
	color:inherit;
	font-family:Verdana, Geneva, sans-serif;
	font-size:60px;
	font-weight:bold;
	text-decoration:none;
}

.colorsquare{
	width:32px;
	height:32px;
	border:1px solid #000000;
	float:left;
	position:relative;
	cursor:pointer;
}

.colorbox{
	width:168px;
	height:24px;
	border:1px solid #000000;
	float:left;
	position:relative;
	text-align:center;
	padding-top:8px;
	cursor:pointer;
}

#linkchangebox{
	width:284px;
	padding-left:16px;
	padding-top:10px;
	height:79px;
	border-bottom:1px solid #666;
}

#linksavebox{
	width:284px;
	height:30px;
	padding-top:10px;
	padding-left:16px;
}

#popupbox {
	position:absolute;
	top:15%;
	display:none;
	width:186px;
	height:160px;
	background-color:#444;
	border:1px solid #666;
	padding:0px;
	z-index:100;
}

#popupboxlink {
	position:absolute;
	top:15%;
	display:none;
	width:300px;
	height:400px;
	background-color:#444;
	border:1px solid #666;
	padding:0px;
	z-index:100;
}

#popupclose{
	position:absolute;
	top:-20px;
	right:0px;
	width:100px;
	height:24px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	color:#999999;
	cursor:pointer;
}

#popbackground{
	position:absolute;
	display:none;
	left:0;
	bottom:0;
	z-index:90;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:.80;
	filter:alpha(opacity=80);
}