/*
	=== Randomizer's styles ===
	
	@author: 		Toni Helminen
	@license: 		GPLv3 <http://gplv3.fsf.org/>
	@copyright:		All rights reserved
*/

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

/* === Miniplugins === */
/* Strength bar */
div.randomizer.strength-bar, div.randomizer.app  div.strength-bar {margin: 2px 0; width: 200px !important; height: 10px; background: #D5331E;}
div.randomizer.strength-bar div, div.randomizer.app  div.strength-bar div {width: 0; height: 10px; background: #5BC236;}
div.randomizer.strength-bar {width: 200px;}
div.randomizer.strength-bar div {}
/* Equal-bars */
div.randomizer.equals {width: 200px !important; height: 2px; background: #D5331E; margin: 2px 0;}
div.randomizer.equals.ok {background: #5BC236;}

/* === Themes === */
/* Dark */
div.randomizer.app.dark, div.randomizer.app.dark div.body {background: #E7E7E7;}
div.randomizer.app.dark div.footer, div.randomizer.app.dark div.header {background: #99B5D5;}
/* White */
div.randomizer.app.white, div.randomizer.app.white div.body {background: #FFFFFF;}
div.randomizer.app.white div.footer, div.randomizer.app.white div.header {background: #FFFFFF;}
/* Gold */
div.randomizer.app.gold, div.randomizer.app.gold div.body {background: #C79810;}
div.randomizer.app.gold div.footer, div.randomizer.app.gold div.header {background: #FFFF88;}
/* Red */
div.randomizer.app.red, div.randomizer.app.red div.body {background: #CC0000;}
div.randomizer.app.red div.footer, div.randomizer.app.red div.header {background: #FF1A00;}
/* Blue */
div.randomizer.app.blue, div.randomizer.app.blue div.body {background: #C3D9FF;}
div.randomizer.app.blue div.footer, div.randomizer.app.blue div.header {background: #356AA0;}
/* Pink */
div.randomizer.app.pink, div.randomizer.app.pink div.body {background: #FF6666;}
div.randomizer.app.pink div.footer, div.randomizer.app.pink div.header {background: #FD65C2;}
/* Ghost */
div.randomizer.app.ghost, div.randomizer.app.ghost div.body {background: #F7F7FF;}
div.randomizer.app.ghost div.footer, div.randomizer.app.ghost div.header {background: #EFEFFF;}
/* Big app */
div.randomizer.app.big {width: 810px; font-size: 20px; }


/* === App specific === */
div.randomizer.app  div.strength-bar {margin: 2px 0; width: 98% !important; }