* { margin: 0; padding: 0; }

body { 
	min-width: 100%;
	font: 22px 'Helvetica Neue', Arial, Helvetica, FreeSans, sans-serif;
	

	background: url(/img/bg1.jpg) no-repeat;
	background-position: center;
	background-attachment:fixed;
	background-size: cover;
}


.roundedBox{
	background: rgba(0, 0, 0, 0.4);
	border-radius: 3px 3px 3px 3px;
	border: 1px solid rgba(0, 0, 0, .1);
	margin:10px;
}

#clock{
	float:left;
	width:300px;
	height:360px;
	padding:10px;
	color:white;
}

	#time{
		font-size:50px;
		text-align: center;
	}

	#date{
		font-size:30px;
		text-align: center;
		color: lightblue;
	}

	#currentTemp{
		font-size:40px;
		text-align: center;
	}
	#zipCode{
		float:right;
		margin-top:5px;
		color:lightgrey;
		font-size:14px;
	}
	#hiloToday{
		font-size:20px;
		text-align: center;
	}

	#weather{
		width:300px;
		text-align: center;
	}

		.weatherRow{
			padding:5px;
			width:260px;
			height:30px;
			text-align: center;
			margin:auto;
			/*border-bottom: 1px dotted #717171;*/
			border-bottom: 1px solid lightgrey;
			margin-top:2px;
		}

		.weatherDay, .tempLow, .tempHigh{
			float:left;
		}
		.weatherDay{
			text-align: left;
			width:130px;
		}
		.tempLow{
			margin-left:0px;
			width:45px;
		}
		.tempHigh{
			margin-left:10px;
			width:45px;
		}
		.weatherImg{
			float:left;
		}

		.low{
			color:#3DE0F2;
		}
		.high{
			color:white;
		}
		#editZip{
			float:right;
			font-size:14px;
			color:lightblue;
			cursor:pointer;
			margin-left:5px;
			margin-top:5px;
		}

#notepad{
	float:left;
	margin-top:10px;
	margin-left:10px;

}

	#textarea{
		height:380px;
		width:300px;
		padding:10px;
		font-size:20px;
		color:#3DE0F2;
		background: rgba(0, 0, 0, 0.4);

		border-radius: 3px 3px 3px 3px;
		border: 1px solid rgba(0, 0, 0, .1);
	}

#stocks{
	float:left;
	width:300px;
	height:360px;
	padding:10px;
	color:white;
}
	#stockTitle{
		float:left;
	}
	#stockQuotes{
		float:left;
		width:300px;
	}
		.stockRow{
			padding:10px;
			width:260px;
			height:24px;
			text-align: center;
			margin:auto;
			border-bottom: 1px solid lightgrey;
			margin-top:2px;
			font-size:18px;
			
		}

		.stockChange {
			float:right;
		}
		.stockPrice{
			float:left;
			color: lightgrey;
		}
		.stockSymbol{
			float:left;
			text-align: left;
			width:100px;
		}

		.stockChange{
			margin-left:5px;
			margin-top:-3px;
		}
			.plus{
				background:#4cda64;
				padding:2 5 2 5;
				border-radius: 3px 3px 3px 3px;
				border: 1px solid rgba(0, 0, 0, .1);
			}
			.minus{
				background:#ff3b2f;
				padding:2 5 2 5;
				border-radius: 3px 3px 3px 3px;
				border: 1px solid rgba(0, 0, 0, .1);
			}
			.noChange{

			}
		.stockPrice{
			margin-left:10px;
		}

#news{
	float:left;
	width:300px;
	height:360px;
	padding:10px;
	color:white;
}
	#newsTitle{
		margin-bottom:10px;
	}
	#newsStories{
		height:300px;
		width:300px;
		color: #3DE0F2;
		font-size:14px;
	}

	.newsRow{
		float:left;
		padding:3;
		width:260px;
		text-align: left;
		margin:auto;
		border-bottom: 1px solid lightgrey;
			
		}
	.newsRow a{
		color: #3DE0F2;
		text-decoration: none;
	}

#earnings{
	clear: both;
	float:left;
	margin-left:20px;
	margin-top: 10px;
}

#earningsChart{
	width:600px; 
	height: 340px;
}

#authorize-button{
	margin-top:5px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 3px 3px 3px 3px;
	border: 1px solid rgba(0, 0, 0, .1);
	color:lightblue;
	text-decoration: underline;
	font-size:20px;
	padding:5px;
	cursor: pointer;
}

#editZipDialog{
	display:none;
}

#zipCodeInput{
	width:150px;
	height:50px;
}

.dialogButton {
	cursor: pointer;
    margin-top:5px;
    -moz-box-shadow:inset 0px 1px 0px 0px #caefab;
    -webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
    box-shadow:inset 0px 1px 0px 0px #caefab;
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
    background:-moz-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:-webkit-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:-o-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:-ms-linear-gradient(top, #77d42a 5%, #5cb811 100%);
    background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811',GradientType=0);
    
    background-color:#77d42a;
    
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    
    border:1px solid #268a16;
    
    display:inline-block;
    color:#264026;
    font-family:arial;
    font-size:25px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    
    text-shadow:0px 1px 0px #aade7c;
    
}
.dialogButton:hover {
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
    background:-moz-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:-webkit-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:-o-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:-ms-linear-gradient(top, #5cb811 5%, #77d42a 100%);
    background:linear-gradient(to bottom, #5cb811 5%, #77d42a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a',GradientType=0);
    
    background-color:#5cb811;
}
.dialogButton:active {
    position:relative;
    top:1px;
}

