body {
	font-family : monospace;
	font-size   : 16px;
	width       : 100%;
	height      : 100%;
	margin      : 0;
	overflow-y  : scroll;
}

.padding {
	padding-top    : 2em;
	padding-bottom : 2em;
}

.alarm {
	font-weight : bold;
}

.border-up {
	padding-top    : 1em;
	padding-bottom : 1em;
}

.awidth {
	width : auto;
}

.aheight {
	height : auto;
}

.round-corners-5 {
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;
}

.round-corners-10 {
	-webkit-border-radius : 10px;
	-moz-border-radius    : 10px;
	border-radius         : 10px;
}

.round-corners-20 {
	-webkit-border-radius : 20px;
	-moz-border-radius    : 20px;
	border-radius         : 20px;
}
.box {
	border-style : solid;
	border-width : 1px;
}

.pointer {
	cursor : pointer;
}

.help {
	cursor : help;
}

.text {
	cursor : text;
}

#container {
	width          : 600px;
	margin         : auto;
	padding-top    : 2em;
	padding-bottom : 2em;
}

#inner-content {
	width  : 520px;
	margin : auto;
}

label , 
input {
	width   : 500px;
	display : block;
	padding : 0.5em;
}

input , 
textarea {
	font-family : monospace;
}

label {
	cursor : pointer;
}
legend ,
legend span ,
label ,
label span {
	line-height    : 16px;
	vertical-align : top;
}
#generate ,
#generate_options_button ,
#password-length-label {
	vertical-align : initial;
}

input[type="text"] , 
input[type="int"] ,
input[type="password"] {
	border-style : solid;
	border-width : 1px;
	font-size    : 16px;
}
input[type="checkbox"] {
	margin-left : 0.7em;
}

input[type="submit"] {
	margin-top    : 2em;
	width         : 100%;
	cursor        : pointer;
	border-radius : 10px;
	padding       : 10px;    
}
}
input[type="text"]:focus {
	outline : 0px;
}

#password , 
#username , 
#crypted_password {
	font-weight : bold;
}

#todo_title {
	font-weight : normal;
	margin      : 0px;
	padding     : 0px;
	text-align  : right;
}

#todo {
	width   : 520px;
	margin  : auto;
	padding : 0 0 0 0;
	display : none;
}

#todo_container {
	padding-top : 1em;
}

.inline {
	display : inline;
	width   : auto;
}

label.inline {
	padding-bottom : 0px;
	padding-top    : 0px;
}
.inline-block {
	display : inline-block;
	width   : auto;
}
label.inline-block {
	padding-bottom : 0px;
	padding-top    : 0px;
}

/*
.password-meter , 
.password-bar {
	margin-right : 10px;
}
*/

#password_length {
	width      : 50px;
	text-align : center;
}

#password-level {
	display      : none;
	float        : right;
	width        : 200px;
	margin-right : 10px;
}

#password-level , 
#password-level-background {
	height : 5px;
}

.smallbox {
	padding : 3px;
}

.smalltext {
	font-size : 0.7em;
}

fieldset input[type="text"] ,
fieldset input[type="password"] {
	padding-right : 0.5em;
	padding-left  : 0.5em;
	width         : 465px;
}

.exclude_option_input_box {
	text-align : right;
}

input.exclude_exchange_input {
	width : 50px !important;
}

input.exclude_option_input {
	text-align : right;
	width      : 350px !important;
}

.error ,
.valid {
	font-weight : bold;
}

.clear {
	clear : both;
}

/* #generate , */ 
#generate_options_button , 
.exclude_option_hint , 
#messages {
	display : none;
}

#generate_container {
	padding-top : 1em;
}

.generate_options {
	padding    : 1em;
	margin-top : 0.5em;
}

.generate_options legend {
	padding-left  : 0.5em;
	padding-right : 0.5em;
}

#top-right-box {
	display  : inline;
	float    : right;
	position : relative;
	top      : -1em;
	right    : -1em;
}

/* language start */

.language_box {
	display : inline;
}

.language_box a {
	opacity : 0.5;
	filter : alpha(opacity=50); /* For IE8 and earlier */
}
.language_box a {
	box-sizing   : border-box;
	border-style : solid;
	border-width : 1px;
	border-color : transparent;
	display      : inline-block;
	height       : 13px;
	width        : 18px;
}
.language_box a:hover {
	opacity : 0.8;
	filter  : alpha(opacity=80);
}
.language_box a.selected {
	opacity : 1;
	filter  : alpha(opacity=100);
	cursor  : default;
}

label.exclude-option-label {
	width : 300px;
}

/* language stop */

#theme_options {
	display      : inline;
	margin-right : 10px;
}
.theme_option {
	border-style : solid;
	border-width : 1px;
	box-sizing   : border-box;
	display      : inline-block;
	height       : 13px;
	margin-left  : 10px;
	width        : 18px;
}
.theme_option.active {
	cursor : default;
}