
body { margin: 15px; width: 1000px; font-size: 12px; font-family: verdana, arial, san-serif }

/* Basic styles */

h2 { font-size: 16px; margin-bottom: 0.85em; }
h3 { font-size: 13px; margin-bottom: 1em; }
p { margin-bottom: 1em; }
a { color: #990000; text-decoration: none }
a:hover { text-decoration: underline }

a h3 { color:black; }

.hr { border: solid #ccc 1px; margin: 0; }
p.top { margin-top: 0 }
h2.top { margin-top: 0 }
h3.top { margin-top: 3px }

h2.top2 { margin-top: 0; margin-bottom: 0; }

ul li {
	margin:11px 0px 0px -22px;
	list-style-type: square;
}

.ha { color: black; text-decoration: none }
.ha:hover { text-decoration: underline }

/* Menus */

#menu span { color: #ffcc99; }

h1 span { display: none; }

#appearance { background-image: url(/images/a.gif); }
#name { background-image: url(/images/n.gif); }
#similarity { background-image: url(/images/s.gif); }
#picturefonts { background-image: url(/images/p.gif); }
#designers { background-image: url(/images/d.gif); }

.tab { 
	background-image: url(/images/tab.gif); 
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
	height: 39px;
	margin: 0;
	padding: 0;
}

.tab a {
	display: block;
	font-size: 10pt;
	font-weight: plain;
	color: black;
	text-align: center;
	padding-top: 12px;
}

.tab a:hover {text-decoration: none;}

a.new {
        background: url(/images/new.gif) 3px 0 no-repeat;
        padding-top: 12px;
}

.clearleft {
	clear: left;
}

/* Layout */

h1 {
	width: 194px;
	height: 39px;
	margin: 0;
}


.hilite { background-position: 0 -39px; }

.panel, .panel2 {
	display: inline-block;
	vertical-align: top;
	width: 194px;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

.panel2 { background: url(/images/nbottom.gif) bottom no-repeat; }

.panelwide {
	display: inline-block;
	vertical-align: top;
	width: 392px;
	background: url(/images/nbottom2.gif) bottom no-repeat;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

.content {
	padding: 4px 15px 0 15px;
	margin-bottom: 9px;
	height: 508px;
	background: url(/images/nmiddle.gif) repeat-y;
}

.content p {
	font-size: 13px;	
}

/* Full width */

.bigcontainer {
	padding: 0 0 9px 0;
	width: 988px;
	background: url(/images/xbottom.gif) bottom left no-repeat;
}

.bigpanel {
	min-height: 564px;
	height: auto !important;
	height: 564px;
	background: url(/images/xmiddle.gif) repeat-y;
}

#left {
	display: inline-block;
	vertical-align: top;
	width: 209px;
	padding: 6px 15px;
	margin: 0 4px 0 0;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

#main {
	display: inline-block;
	vertical-align: top;
	width: 456px;
	padding: 6px 15px;
	margin: 0 4px 0 0;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

#widemain {
	display: inline-block;
	vertical-align: top;
	width: 456px;
  	padding: 0 15px 0 0;
	margin: -12px 4px 0 0;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

#right {
	display: inline-block;
	vertical-align: top;
	width: 209px;
	padding: 6px 15px;
	margin: 0;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

#wideright {
	display: inline-block;
	vertical-align: top;
	width: 209px;
	padding: 0 0 0 15px;
	margin: -33px -1px 0 0;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

#mainright {
	display: inline-block;
	vertical-align: top;
	width: 703px;
	padding: 6px 15px;
	margin: 0;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

.col {
	width: 348px;
	float: left;
}

.minicol {
	width: 228px;
	float: left;
}

#menu {
	position: absolute;
	top: 25px; left: 205px;
	width: 792px;
	text-align: right;
}

#menu a { color: black; }

#footer {
	width: 969px;
	margin: 20px 1px 0 1px;
	padding: 8px 0 0 15px;
	height: 22px;
	background: #ccc;
}

#footer a { color: black; }

.minipic {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	text-align: center;
	min-height: 130px;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

.minipic p {
	margin-top: 0.8em;
}

.minipic2 {
	display: table-cell;
	vertical-align: bottom;
	width: 88px;
	text-align: center;
	min-height: 130px;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

.minipiccell {
	display: table-cell;
	vertical-align: bottom;
	width: 100px;
	padding-right: 4px;
	text-align: center;
	min-height: 130px;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

.glow {
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.glow2 {
	filter:alpha(opacity=85); 
	-moz-opacity: 0.85; 
	opacity: 0.85;
}

.glow:hover, .glow2:hover, .tab:hover {
	filter:alpha(opacity=100); 
	-moz-opacity: 1.0; 
	opacity: 1.0;
}

.sample {
	float: left;
	width: 288px;
	height: 52px;
	margin-right: 16px;
}

.sample-label {
	float: left;
	width: 152px;
	height: 36px;
	margin-top: 16px;
}

.midisample { margin-bottom: 6px; }

.maxisample {
	margin: 0 0 4px 0;
}

/* Font list styles  */

td.top { font-size: 11px; border-top: 1px solid #FF9900 ; border-bottom: 1px solid #FF9900; padding-left: 2px;}

td.bot a, td.top a { display: block; }

td.bot { font-size: 11px; border-bottom: 1px solid #FF9900; padding-left: 2px;}

tr.sel { background-color: #f1af00; }

.button-s { background:url(/images/button-s.gif) no-repeat; }

.button-u { background:url(/images/button-u.gif) no-repeat; }

.notsure-s { background:url(/images/notsure-s.gif) no-repeat; }

.notsure-u { background:url(/images/notsure-u.gif) no-repeat; }

.minibutton-u { background:url(/images/minibutton-u.gif) no-repeat; }

.gobutton, .notsurebutton {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}

.gobutton { 
	background-color: #aaa;
	margin-left: 0;
	color: #fff;
	text-decoration: none;
}

.notsurebutton { 
	background-color: #aaa;
	margin-left: 4px;
	width: 112px;
	height: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

a.not-sure { 
	display: block;
	width: 112px;
	height: 32px;
	margin-left: 4px;
	background:url(/images/not-sure.gif) no-repeat;
	text-decoration: none;
}

a.not-sure:active { background-position: 0 -32px;}

a.identify { 
	display: block;
	width: 112px;
	height: 32px;
	background:url(/images/identify.gif) 0 0 no-repeat;
	text-decoration: none;
}

a.identify:active { background-position: 0 -32px;}

a.continue { 
	display: block;
	width: 65px;
	height: 22px;
	background:url(/images/continue.gif) 0 0 no-repeat;
	text-decoration: none;
}

a.continue:active { background-position: 0 -22px;}

.up { font-size: 11px; vertical-align: 6px; }

a.left, span.left { 
	display: inline-block;
	width: 27px;
	height: 20px;
	background:url(/images/left.gif) 0 0 no-repeat;
	text-decoration: none;
	margin: 0;
}

a.left:active { background-position: 0 -20px;}

span.left { background-position: 0 -40px;}

a.right, span.right { 
	display: inline-block;
	width: 27px;
	height: 20px;
	background:url(/images/right.gif) 0 0 no-repeat;
	text-decoration: none;
	margin: 0;
}

a.right:active { background-position: 0 -20px;}

span.right { background-position: 0 -40px;}

/* Tools page */

.toolpage {
	padding: 6px 15px;
}

.tool {
	float: left;
	width: 212px;
	height: 216px;
	margin-right: 16px;
}

.differences {
	display: inline-block;
	vertical-align: top;
	width: 432px;
	padding: 6px 15px 15px 0;
	margin: 0;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

.blender {
	display: inline-block;
	vertical-align: top;
	width: 288px;
	padding: 6px 15px 15px 0;
	margin: 0;
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}
