﻿.qlFocus { background-color:#FFFFbb; /* border:dotted 1px black; */ } 

/* ----- The width of the accordion ----- */

.accordion_w_main { width: 14em; }
.accordion_w_sub { width: 12em; }
.accordion_w9 { width: 9em; }
.accordion_w10 { width: 10em; }
.accordion_w11 { width: 11em; }
.accordion_w12 { width: 12em; }
.accordion_w13 { width: 13em; }
.accordion_w14 { width: 14em; }

/* ----- The parts of the accordion you see when it is closed ----- */

.accordion{
	margin: 0px 0;
	padding: 0;
	border: 1px solid #9A9A9A;
	border-bottom-width: 0;
	text-align: left;
	font-family: Verdana;
}

.accordion a.menuBar
{
	font-size:0.8em;
	font-weight:bold;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 6px 0;
	padding-left: 10px;
	text-decoration: none;
}

.statusicon{
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}

/* ----- Color ----- */

.accordion a.colorWhite{
	background: #CCCCCC;
}

.accordion a.colorBlue{
	background: black url(../icons/barBlue2.gif) repeat-x bottom left;
}

.accordion a.colorBlue:hover{
	background-image: url(../icons/barBlue1.gif);
}

.accordion a.colorOrange{
	background: black url(../icons/barOrange3.png) repeat-x bottom left;
}

.accordion a.colorOrange:hover{
	background-image: url(../icons/barOrange2.png);
}

.accordion a.colorGreen{
	background: black url(../icons/barGreen1.png) repeat-x bottom left;
}

.accordion a.colorGreen:hover{
	background-image: url(../icons/barGreen3.png);
}

/* ----- The parts of the accordion you see when it is open ----- */

/* ----- Expansion Group 1 ----- */
.expandGroup1{}

.accordion div.contentGroup1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color:White;
}

.accordion div.contentGroup1 ul li{
	border-bottom: 1px solid blue;
}

.accordion div.contentGroup1 ul li a{
    font-family: Verdana;
	font-size:0.8em;
	font-weight:normal;
	color: black;
	text-decoration: none;
	display: block;
	padding: 2px 0px 0px 0px;
	padding-left: 10px;
}

.accordion div.contentGroup1 ul li a:hover{
	background: #DFDCCB;
}

/* ----- Expansion Group 2 ----- */
.expandGroup2{}

.accordion div.contentGroup2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color:White;
}

.accordion div.contentGroup2 ul li{
	border-bottom: 1px solid blue;
}

.accordion div.contentGroup2 ul li a{
	font-family: Verdana;
	font-size:0.8em;
	font-weight:normal;
	color: black;
	text-decoration: none;
	display: block;
	padding: 2px 0;
	padding-left: 10px;
}

.accordion div.contentGroup2 ul li a:hover{
	background: #DFDCCB;
}

/* ----- Expansion Group 3 ----- */
.expandGroup3{}

.accordion div.contentGroup3 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color:White;
}

.accordion div.contentGroup3 ul li{
	border-bottom: 1px solid blue;
}

.accordion div.contentGroup3 ul li a{
	font-family: Verdana;
	font-size:0.8em;
	font-weight:normal;
	color: black;
	text-decoration: none;
	display: block;
	padding: 2px 0;
	padding-left: 10px;
}

.accordion div.contentGroup3 ul li a:hover{
	background: #DFDCCB;
}

/* ----- Horiz Menu ----- */
.expandHorizMenu1{}

.accordion div.contentHorizMenu1 ul { /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.accordion div.contentHorizMenu1 ul li{
	border-bottom: 1px solid blue;
}

.accordion div.contentHorizMenu1 ul li a{
	display: block;
/*
	font: normal .9em "Arial, Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif";
*/
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	background-color:White;
}

.accordion div.contentHorizMenu1 ul li a:hover
{
	background: #DFDCCB;
	color: black;
}

.qHeader
	{
	font-family: Verdana;
	font-family: Trebuchet;
	font-size: smaller;
	font-size: 0.8em;
	font-weight: bold;
	padding: 0px 0px 4px 0px;
	display: block; 
	color: #eeee77;			/* Font Color */
	text-align: center;
	text-decoration: none;
	background-image:url(https://www.ci.hillsboro.or.us/include/MasterPage/header/glossyback.gif);
	background-position:bottom;    
	background-color:#0000be;
	}
