/* remember to define focus styles! */
:focus {
	outline: 0;
}

/*h1 { font-size: large }*/
#main { padding: 1em;  }
#banner { padding: 15px; background-color: #06b; color: white; font-size: large; border-bottom: 1px solid #ccc;
    background: url(bg.gif) repeat-x; text-align: center }
#banner a { color: white; }

h1 {
	font-family: Arial, Tahoma;
	font-size: 12px;
	margin: .2em 0 .5em 0;
}

h2 {
	font-family: Arial, Tahoma;
	font-size: 12px;
	margin: .2em 0 .5em 0;
}

font {
	font-family: Arial, Tahoma;
	color:#666666;
	font-size: 12px;
	margin: .2em 0 .2em 0;
}
#tooltip-arrow{
	background-image:url(/img/tool-tip-arrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	
}
#tooltip.pretty {
	font-family: Arial, Tahoma;
	font-size: 12px;
	border: none;
	width: 200px;
	padding:10px;
	height: auto;
	/*filter:alpha(opacity=92); /* IE's opacity*/
	/*opacity: 0.92;*/
	background-color:#CCCCCC;
	text-align: justify;
	/*background: url('/img/shadow.png');*/
	z-index:100000;
	/*margin-left:25px;*/
}

#tooltip.pretty div { width: 220px; text-align: justify; }

#tooltip.fancy {
	background-color:#FFFFFF;
	border-bottom:#666666 2px solid;
	border-right:#666666 2px solid;
	border-left:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	/*background: url('/img/shadow2.png');*/
	padding-top: 5px;
	height: auto;
}
#tooltip.fancy.viewport-right {
	background-color: #FFFFFF;
	border-bottom:#666666 2px solid;
	border-right:#666666 2px solid;
	border-left:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	padding-top: 5px;
	height: auto;
	/*background: url('/img/shadow2-reverse.png');*/
}