/* --------------------------------------------------------------

   goals.css
   * adds CSS.

-------------------------------------------------------------- */
h1 {
	font-family: Arial Rounded Bold MT, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	font-size: 24px;
	font-weight: bold;
	
}
p {
	font-family: Arial Rounded Bold MT, Arial, Helvetica, sans-serif;
	padding: 0px 0px 20px 0px;
}
p.quote {
	color: #039;
	font-style: oblique;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	background-color: #F1F1F1; 
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.arrowlistmenu {
	width: 180px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 14px Arial;
	color: white;
	background:#0489B1 url(../../compassstaging/images/titlebar.png) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: none;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}
.arrowlistmenu .openheader { /*CSS class to apply to expandable header when it's expanded*/
	background-image: url(../../compassstaging/images/titlebar-active.png);
}
.arrowlistmenu ul { /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
	padding-bottom: 2px; /*bottom spacing between menu items*/
	font-size: 90%;
    font-weight: bold;
}

.arrowlistmenu ul li a:hover { /*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
}
.spacer
{
	height: 50px;
}
a.inline {
	color: #33C;
	font-family: Arial Rounded Bold MT, Arial, Helvetica, sans-serif;
}
a.inline-table {
	color: #33C;
	font-family: Arial Rounded Bold MT, Arial, Helvetica, sans-serif;
}
a:hover.inline-table {
	color: #06F;
}
ul.inline {
	color: #000;
	padding: 0px 0px 20px 20px;
	font-family: Arial Rounded Bold MT, Arial, Helvetica, sans-serif;
}
div.form-mygoals {
	font-size: 18px;
	font-family: Arial Rounded Bold MT, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	width: 450px;
}
div.form-field {
	font-size: 18px;
	font-family: Arial Rounded Bold MT, Arial, Helvetica, sans-serif;
	padding: 0px 0px 20px 0px;
	width: 200px;
}
input {
	width: 400px;
	height: 20px;
	background-color: #F1F7F7;
	padding: 5px 5px;
	border: 1px black solid;
}
textarea {
	width: 400px;
	height: 200px;
	background-color: #F1F7F7;
	padding: 0px 0px 20px 0px;
	border: 1px black solid;
	display: block;
}
p.serviceuser {
	color: #309;
}
div.the-divider {
	height: 20px;
}
div.documents-top-row {
	background-color: #EBEEF8;
	padding: 10px 0px 10px 15px;
}
div.documents-next-row {
	background-color: #F5EFFB;
	padding: 10px 0px 10px 15px;
}
a:link, a:visited {
  color: #039;
  text-decoration: none;
}
li {
	font-family: Arial Rounded Bold MT, Arial, Helvetica, sans-serif;
	padding: 0px 0px 20px 0px;
}

ul li {
    line-height: 1.2em;    
	list-style:none; /* if you’re not already using a reset */
}

ul li:before {
  color:#0489B1; /* set color to Blue */
  content:"\2022"; /* /2022 is the numerical unicode for • */
  font-size:1.5em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
  padding-right:.25em; /* give the bullet some padding from the text Make sure to use em*/
  position:relative;
  top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}