/*
** Ad hoc css for fonts 
** v0.4
** $Revision: 2 $
** $Date: 2008-07-22 02:09:14 +0100 (Tue, 22 Jul 2008) $
** Copyright 2008 Musaul Karim. All rights reserved 
** http://mk.vftw.com
*/

html>body
{
	min-width: 700px;
}

#info
{
	display: none;
	padding: 20px 40px;
	background-color:  rgb(170,172,171);
	color: rgb(30,35,33);
	margin-top: 0px ! important;
}

#docbody
{
	padding-top: 20px;
}

#form
{
	padding: 30px;
}
#form button, #form input, #form select
{
	font-size: 10px;
}

#btnAbout
{
	color: rgb(0,0,100);
	border: 1px solid rgb(0,0,100);
	padding: 1px 3px;
	font-weight: bold;
	cursor: help;
}
#btnAbout:hover
{
	background-color: blue;
	color: white;
}

input, textarea, select
{
	background-color: rgb(253,255,250);
	color: rgb(40,50,30);
	border: 1px solid rgb(110,120,110);
	margin: 0px;
}

div.fontsettings
{
	margin-bottom: 10px;
}
input.fontface
{
	width: 20%;
}
#form button.fontface
{
	/* border: 2px groove rgb(250,255,245); */
	padding: 0px;
	margin-right: 10px;
}
button.fontface:hover
{
	/* border: 1px outset rgb(250,255,245); */
	padding: 1px;
}

input.fontsize
{
	width: 3em;
}


#fontunit1, #fontunit2
{
	width: 4em;
	margin-right: 1em;
}

.colourbtn
{
	margin-left: 10px;
	padding: 0px;
	text-align: center;
	border: 1px solid rgb(180,200,150);
	background-color: rgb(252,255,245);
	color: rgb(50,80,20);
}
.colourbtn:hover
{
	border: 1px solid rgb(130,250,100);
}

.formatbtn, .orientation, .formatbtnSel, .orientationSel
{
	text-align: center;
	width: 1.6em;
	margin: 0px;
	padding: 0px;
}
#form .formatbtn, #form .orientation
{
	border: 1px solid rgb(200,200,200);
	background-color: rgb(240,240,240);
	color: rgb(180,180,150);
	cursor: pointer;
}
#form .formatbtn:hover, #form .orientation:hover
{
	border: 1px solid rgb(130,180,100);
	background-color: rgb(245,250,180);
	color: rgb(130,150,100);
}
#form .formatbtnSel, #form .orientationSel
{
	border: 1px solid rgb(200,200,100);
	background-color: rgb(130,150,100);
	color: rgb(245,255,200);
}

#tglFont1Bold, #tglFont2Bold
{
	font-family: junicode, 'Nimbus Roman No9 L', 'times new roman', 'Bitstream Vera Serif', serif;
	font-weight: bold;
}

#tglFont1Italic, #tglFont2Italic
{
	font-family: junicode, 'Nimbus Roman No9 L', 'times new roman', 'Bitstream Vera Serif', serif;
	font-style: italic;
}


#textboxHolder
{
	padding: 20px 50px;
}
#textcontent
{
	width: 100%;
	height: 8em;
	font: 10px Verdana, Geneva, 'DejaVu Sans', 'Bitstream Vera Sans', sans-serif;
}

#toolbar
{
	margin: 0px 50px;
}
#layout
{
}
span.orientation, span.orientationSel
{
	padding: 1px 3px;
}

#btnUpdateSamples
{
	float: right;
	padding: 5px;
}


#fontsamples
{
	margin: 20px 38px 20px 40px;;
	min-height: 200px;
	line-height:normal;
}
#fontsample1, #fontsample2
{
	border: 1px inset rgb(245,245,245);
	padding: 5px;
	background-color: rgb(245,245,245);
	color: rgb(80,80,80);
}
#fontholder1, #fontholder2
{
	float: left;
	width: 49.5%;
}



/* ***************** TEMP ***************** */

.colourbtn { display: none; }