/*
Simple Dark HTML Template Created By Travis Berry http://www.travisberry.com 
Licensed under a Creative Commons Attribution 3.0 United States License.
*/
/* get fonts loaded asap */
/*@font-face {
font-family: "League Gothic";
    src: url("fonts/leaguegothic-webfont.eot");   
    src: local("?"), url("fonts/LeagueGothic.otf") format('opentype');
}
@font-face {
font-family: "Goudy Book";
    src: url("fonts/goudybookletter1911-webfont.eot"); 
    src: local("?"), url("fonts/GoudyBookletter1911.otf") format('opentype');
}
.fontLoad{
 	font-family: "League Gothic", "Goudy Book";   
}
*/
/* get fonts loaded asap */
/* reset */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

}

body {
	line-height: 1;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*  end reset */
/* main style */
body{
	background-color:#232323;
	color:#999;
	font-family:'Helvetica','Myriad Pro','Verdana', sans-serif;
}
h1{
	font-size:4em;
	margin-bottom:10px;
	color:#888;
	text-shadow: 0 2px 1px #fff;
	text-transform:uppercase;
}
a{
	text-decoration:none;
	color:#eee;
	border-bottom:none !important;
}
/* Contact Section Form Style */
input{
	-moz-border-radius:2px 2px 2px 2px;
	-moz-box-shadow:0 3px 5px #111111 inset;
	border-radius:2px 2px 2px 2px;
	-webkit-box-shadow:0 3px 5px #111111 inset;
	background:none repeat scroll 0 0 #282829;
	border-color:#0D0E0E #0D0E0E #333436;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	font-size:19px;
	padding:5px 15px;	
}

#container{
	width:960px;
	 margin:0 auto;
}

#generatedPassword{
	font-size:2em;	
	background-color:#555555;
	width: 95%;
}

.passwordField{
	background-color:#333333;
}

#passwordRate{
	font-size:3em;	
}
.Hazardous{
	color:Yellow;
	background-color: Red;	
}
.Unsafe{
	color:White;
	background-color: Red;	
}
.Weak{
	color:Black;
	background-color: Orange;	
}
.Medium{
	color:Black;
	background-color: Yellow;	
}
.Good{
	color:Black;
	background-color: YellowGreen;	
}
.Secure{
	color:White;
	background-color: Green;	
}