@charset "iso-8859-2";
/* CSS Document */

.block_color 		{ width: 20px; height: 20px; border: 1px solid #cdcdcd; background: url(../favicon-generator/icon-transparent.gif); float: left; cursor: pointer; }
.block_overall	 	{ float:left; display: block; clear: both;}

.drawing_area		{ width: 352px; height: 352px; float: left; border: 2px solid #999999; padding: 2px; }
.toolbar			{ width: 250px; float: right; }

.toolarea_container { margin: 0 0 5px 0; }
.toolarea_1, .toolarea_2, .toolarea_3, .toolarea_4, .toolarea_5, .toolarea_6, .toolarea_8 {
height: 1px; background: #dfdfdf; line-height: 1px; overflow: hidden; display: block;
}

.toolarea_1 { margin: 0 1px 0 1px; }
.toolarea_2 { margin: 0 2px 0 2px; }
.toolarea_3 { margin: 0 3px 0 3px; }
.toolarea_4 { margin: 0 4px 0 4px; }
.toolarea_5 { margin: 0 5px 0 5px; }
.toolarea_6 { margin: 0 6px 0 6px; }
.toolarea_8 { margin: 0 8px 0 8px; }

.toolarea_content_box {
background: #dfdfdf;
padding: 0 5px 0 5px;
color: #333333;
font-family:Arial, Helvetica, sans-serif;
}

.toolarea_3 { background: #999999; }
.toolarea_1, .toolarea_2, .toolarea_3, .toolarea_4, .toolarea_5, .toolarea_6, .toolarea_8 { border-left: 1px solid #999999; border-right: 1px solid #999999; }
.toolarea_content_box	 { border-left: 1px solid #999999; border-right: 1px solid #999999; }


.tooltitle			{ font-size: 12px; font-weight: bold;}
.tooltext			{ font-size: 10px; }

.key_input			{ width: 78px; height: 20px; margin: 0 2px 0 2px; font-size: 14px; font-weight: bold; color:#999999; padding: 3px 0 0 2px; }

.preview_ff			{ width: 593px; height: 31px; background: url(../favicon-generator/preview-ff.jpg) no-repeat; margin: 2px 0 2px 0; padding: 14px 0 0 20px; border: 2px solid #999999; }
.preview_ie			{ width: 491px; height: 29px; background: url(../favicon-generator/preview-ie.jpg) no-repeat; margin: 2px 0 2px 0; padding: 16px 0 0 122px; border: 2px solid #999999; }
.preview_chrome		{ width: 589px; height: 33px; background: url(../favicon-generator/preview-chrome.jpg) no-repeat; margin: 2px 0 2px 0; padding: 12px 0 0 24px; border: 2px solid #999999; }

.favicon_download	{ width: 82px; height: 26px; float: right; background: url(../favicon-generator/preview-favicon.jpg) no-repeat; padding-top: 40px; text-align: center; }