/*
	=== passwordzer ===
	Styles for the passwordzer-plugin
	
	@author: 		Toni Helminen
	@license: 		GPLv3 <http://gplv3.fsf.org/>
	@copyright:		All rights reserved
*/

/* App */
div.passwordzer  {}
div.passwordzer.app {background: #FFFFFF; display: none; padding: 0; position: absolute; margin: 0 5px 5px; width: 410px; z-index: 100; border: 1px solid #00477F;}
div.passwordzer.app  div.header {cursor: move; background: #E8E8AF; padding: 10px; text-align: center; font-weight: bold;}
div.passwordzer.app  div.toggle-container {position: relative; top: -27px; left: 2px; width: 50px; float:right;}
div.passwordzer.app  div.toggle-container div.resize-handle, 
div.passwordzer.app  div.toggle-container div.close-handle {display: inline; cursor:pointer; margin: 2px; padding: 1px 3px; border:1px solid #666;}
div.passwordzer.app  div.toggle-container div.resize-handle:focus, 
div.passwordzer.app  div.toggle-container div.resize-handle:hover, 
div.passwordzer.app  div.toggle-container div.close-handle:focus, 
div.passwordzer.app  div.toggle-container div.close-handle:hover  {color: #CCC;}
div.passwordzer.app  div.body {background: #FFFFFF; padding: 5px; margin: 5px; clear: both;}
div.passwordzer.app  div.footer {background: #F4F4E4; padding: 10px; text-align: center; font-style: italic;}
div.passwordzer.app  .top-separator {border-top: 1px dashed #666; margin: 5px 0;}
div.passwordzer.app  .bottom-separator {border-bottom: 1px dashed #666; margin: 5px 0;}
div.passwordzer.app  button {margin: 3px;}
div.passwordzer.app  div.buttons {display: none;}
div.passwordzer.app  div.length {width: 30px; display: inline;}
div.passwordzer.app  input[type="text"] {width: 100%;}
div.passwordzer.app  a:link, div.passwordzer.app  a:visited, div.passwordzer.app  a:active, div.passwordzer.app  a:hover {color: blue;}

/* Miniplugins */
/* Strength bar */
div.passwordzer.strength-bar, div.passwordzer.app  div.strength-bar{margin: 2px 0; width: 100%; height: 10px; background: #D5331E;}
div.passwordzer.strength-bar div, div.passwordzer.app  div.strength-bar div {width: 0; height: 10px; background: #5BC236;}
div.passwordzer.strength-bar {width: 200px;}
div.passwordzer.strength-bar div {}
/* Equal-bars */
div.passwordzer.equals {width: 150px; height: 3px; background: #D5331E; margin: 2px 0; margin-top: 3px;}
div.passwordzer.equals.ok {background: #8EB935;}
/* simple2 */
div.passwordzer.simple2 {position: absolute; background: #CCCCCC; border: 1px solid #666; padding: 10px 30px; width: 150px; font-weight: bold;}

/* Themes */
/* Dark */
div.passwordzer.app.dark, div.passwordzer.app.dark div.body, div.passwordzer.app.dark table, 
	div.passwordzer.app.dark table tr, div.passwordzer.app.dark table tr td {background: #E7E7E7;}
div.passwordzer.app.dark div.footer{background: #BABABA;}
div.passwordzer.app.dark div.header {background: #BABABA;}
/* Fruit, ugly don't use it, it's here only for demonstration reasons... */
div.passwordzer.app.fruit div.header {background: #9AC65C;}
div.passwordzer.app.fruit, div.passwordzer.app.fruit div.body, div.passwordzer.app.fruit table, 
	div.passwordzer.app.fruit table tr, div.passwordzer.app.fruit table tr td {background: #9AC65C;}
div.passwordzer.app.fruit div.footer{background: #4ABA00;}
div.passwordzer.app.fruit div.header {background: #28CF21;}