/* 	*******************************************************************************
	* css for PasswordGenerator 
	*
	* Current version: 00.01 
	*
	* Version history:
	*
	* Version:			Date:					Author:							Description:
	* -----------------------------------------------------------------------------------------------------------------
	*
	* 00.01				30.08.2014				Michael Hafner					Initial Version / fully working
	
	*******************************************************************************************************************
*/

body {
	font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	font-size: 62.5%;
}



.AppTitle {
	font-size: xx-large;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.Headline {
	text-align: center;
}

.Selectorline {
	text-align: center;
}

 label {
		      display: block;
			  font-size: 15px;
}

 fieldset {
		      border: 0;
}


input[type=checkbox]{
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */

}

.input_parameter{
	float:left;
	padding-left: 10px;
	padding-top: 5px;
	padding-right : 10px;
	padding-bottom : 8px;
	background: #cccccc;
	border-radius: 5px;
}

.spacing{
	width:30px;
	min-height:1px;
	float:left
}

.spacing_vertical{
	min-width:1px;
	height:20px;
	float:top
}


.checkboxtext{
	font-size: 130%;
	display: inline;
	padding-left: 5px;
}

.passwords{
	font-size: 150%;
	font-weight: bold;

}

.password_container{
	background: #cccccc;
	border-radius: 5px;
}


/* *** directly assigned *** */

#amount_pwds {
  width: 40px;
}

#selectorbar{
	border: 2px solid #a1a1a1;
	padding: 10px 10px;
	background: #dddddd;
	width: 95%;
	border-radius: 25px;
	box-shadow: 5px 5px 5px #888888;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#Output{
	border: 2px solid #a1a1a1;
	background: #dddddd;
	padding: 10px 10px;
	width: 95%;
	border-radius: 25px;
	box-shadow: 5px 5px 5px #888888;
	display: block;
	margin-left: auto;
	margin-right: auto;
	min-height:20px;
	height: auto;
}

#Footer{
	border: 2px solid #a1a1a1;
	background: #dddddd;
	padding: 10px 10px;
	width: 95%;
	border-radius: 25px;
	box-shadow: 5px 5px 5px #888888;
	display: block;
	margin-left: auto;
	margin-right: auto;
	min-height:20px;
	height: auto;
}

#triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #39a82a transparent transparent transparent;
	margin-left: auto;
	margin-right: auto;
}

#triangle:hover{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #2beb0e transparent transparent transparent;
	margin-left: auto;
	margin-right: auto;
}