body {
	margin: 0;
	background: url('../img/background.gif');
}

p{
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:13px;
}

.pgen-container{
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	padding-bottom:20px;
	box-sizing:border;
}

.pgen-form-container{
	background-color:#F9F9F9;
	-webkit-box-shadow: 0 2px 10px #DBDBDB;
	-moz-box-shadow: 0 2px 10px #DBDBDB;
	box-shadow: 0 2px 10px #DBDBDB;
}


.pgen-container h2{
	margin:0 0 8px 0;
	padding-top:2px;
	font-family:'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#0689C4;
}
	
.pgen-header{
	text-align:center;
	padding:12px 0 6px 0;
	background: #f6f6f6; /* Old browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f4f4f4',GradientType=0); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#ffffff, #f4f4f4); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(#ffffff, #f4f4f4); /* FF3.6+ */
	background:      -ms-linear-gradient(#ffffff, #f4f4f4); /* IE10+ */
	background:	      -o-linear-gradient(#ffffff, #f4f4f4); /* Opera */
	background:             linear-gradient(#ffffff, #f4f4f4);
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border:1px solid #eaeaea;
}

.description {font-size:12px;padding:0 10px}

.pgen-clear{
	clear:both;
}

.pgen-options{
	background-color:#fff;
	border: 1px solid #E8E8E8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 0 #FCFCFC;
	-moz-box-shadow: 1px 1px 0 #FCFCFC;
	box-shadow: 1px 1px 0 #FCFCFC;
}

.pgen-specialcharacter-container{
	float:left;
	width:65px;
	margin:4px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
}

.pgen-character-list{
	/*14px required to make tilde appear properly with 'open sans' font */
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing:-2px;
}

.pgen-smilarcharacter-list{
	/*14px required to make tilde appear properly with 'open sans' font */
	font-family:"Courier New", Courier, monospace;
	letter-spacing:-2px;
}

.pgen-bracket, .pgen-character-list, .pgen-smilarcharacter-list{
	color:#666;
}

.pgen-loading{
	text-align:center;
	display:none;
}

.pgen-label-selected{
}

.pgen-specialcharacter-selected, .pgen-label-selected{
	color:#09F;
}

#pgen-specialcharacterslist-container{
	padding-left:30px; 
}

.pgen-password-option{
	margin-top:0;
}

.pgen_checkallspecialcharacters{
	cursor:pointer;
	color:#09F;
	display:inline;
}

.pgen_checkallspecialcharacters:hover{
	text-decoration:underline;
}

.pgen-container select{
	padding:2px;
	border:1px solid #DDD;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	margin-top:4px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

.pgen_pwdoption{
	cursor: pointer;
}

.pgen-password-input{
	margin-bottom:3px;
	text-align:center;
	letter-spacing:0;
	font-family:'Open Sans', Arial, Helvetica, sans-serif;
	font-size:22px;

}
.pgen-password-textarea{
	overflow:hidden; 
	font-family:'Courier New', Courier, monospace; 
	font-size:12px;
}

.pgen-password-input, .pgen-password-textarea{
	color:#444;
	width:90%;
	padding:2px 4px;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	border:1px solid #CFDCF1;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.pgen-footer{
	text-align:center;
	padding:40px 0 10px 0;
	font-size:11px;
	color: #6D6D6D;
}

a.pgen-a{
	color:#09F;
	font-weight:600;
	text-decoration:none;
}

a.pgen-a:hover{
	text-decoration:underline;
}

.pgen-submit-container, .pgen-password-list{
	text-align:center;
}

.pgen-submit-container{
	margin:6px 0;
}

.pgen-error{
	display:none;
	margin-top:8px;
	padding:6px 4px;
	background-color:#ff0000;
	font-weight:600;
	font-size:14px;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

}

.pgen_ckeckuncheckspecialcharacters_container{
	margin:6px 0;
}

.pgen-ul-lock{
	list-style-type:none;
	font-size:13px;
	padding-left:0;
	
}

.pgen-ul-lock li{
	background:url('../img/lock-16.png') no-repeat 0 0;
	padding-left:20px;
	margin-bottom:8px;
}


.pgen-button{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px; 
	text-align:center;
	margin-left:0; /* set the same alignment for a and input elements with cfgenwp-button class */
	padding-top:11px; 
	padding-bottom:11px; 
	cursor:pointer;
	text-decoration: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}


.pgen-button-yellow, .pgen-button-yellow:visited{
	color:#fff;
	text-shadow:0 -1px 1px #e68a12;
	-webkit-box-shadow:inset 0 1px 1px #ffe400;
	-moz-box-shadow: inset 0 1px 1px #ffe400;
	box-shadow:inset 0 1px 1px #ffe400;
	border:1px solid #ffaa00;
	background: #fd9f01; /* Old browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcba00',endColorstr='#ff6d02',GradientType=0); /* IE6-9 */
	filter:none 0/IE9; /* if removed, gradient will overlap corners */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcba00), color-stop(100%,#ff6d02)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#fcba00, #ff6d02); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(#fcba00, #ff6d02); /* FF3.6+ */
	background:      -ms-linear-gradient(#fcba00, #ff6d02); /* IE10+ */
	background:	      -o-linear-gradient(#fcba00, #ff6d02); /* Opera */

}


.pgen-button-yellow:active,
.pgen-button-yellow:hover,
.pgen-button-yellow:focus{
	color:#fff;
	text-shadow:0 -1px 1px #e68a12;
	-webkit-box-shadow:inset 0 1px 1px #fdf07f;
	-moz-box-shadow: inset 0 1px 1px #fdf07f;
	box-shadow:inset 0 1px 1px #fdf07f;
	border:1px solid #fbc82c;
	background: #fdad01; /* Old browsers */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcca00',endColorstr='#ff8b02',GradientType=0); /* IE6-9 */
	filter:none 0/IE9; /* if removed, gradient will overlap corners */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcca00), color-stop(100%,#ff8b02)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(#fcca00, #ff8b02); /* Chrome10+,Safari5.1+ */
	background:    -moz-linear-gradient(#fcca00, #ff8b02); /* FF3.6+ */
	background:      -ms-linear-gradient(#fcca00, #ff8b02); /* IE10+ */
	background:	      -o-linear-gradient(#fcca00, #ff8b02); /* Opera */
}


.pgen-label-title{
	text-transform: capitalize;
}