/*
	COPD project
*/


.smallBox
{
	border: solid 1px #dedede;
	margin-bottom: 5px;
	padding: 10px;
}

.smallBoxHighlight
{
	border: solid 1px #dedede;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #ffff9a;
}

.question
{
	/*font-weight: bold;*/
	/*font-style: italic;*/
}

.answer
{
	/*font-style: italic;*/
	font-weight: bold;
}

.err
{
	color: #FF0000;
}

.red {
    color: #ffd22f;
}

	/*.red { color: #9D2900; }*/
	/*.red { color: #ffd22f; } /* changed to COPD yellow */
	.red { color: #e8bf1d; }
.wrap { width: 900px; margin: 0 auto; }

.survey { font-size: 1.5em; font-weight: normal; margin: 0 0 .8em; }

.gridimg { border-style: none;
    border-color: inherit;
    border-width: 0;
}

p a
{
	font-weight: bold !important;
}
/* Modifying to better work with firefox, when you specify height (like an image)
inside of an element with a declare height, it causes issues.  I also had to add a z-index so that it would display over the existing background */ 

#bar { height: 42px; margin: 0 0 30px; padding: 8px 0 0 0; background: url(../images/bar.gif) repeat-x; z-index: -1 }
	.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(../images/step.gif) no-repeat; height: 30px; }
	.step a { color: #fff; margin: 0 10px 0 0; }

#smallbar { height: 30px; margin: 0 0 10px; padding: 8px 0 0 0; background: url(../images/teaserbg.jpg) repeat-x; }
	.step { cursor: pointer; color: #FAFDDd; padding: 4px 0 0 11px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; background: url(../images/step.gif) no-repeat; height: 30px; }
	.step a { color: #fff; margin: 0 10px 0 0; }

.col { float: left; width: 276px; margin: 0 30px 16px 0; }
	.last { float: right; margin: 0; }
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }

.bigger { font-size: 1.2em }

#footer { clear: both; width: 900px; margin: 0 auto; padding: 15px; border-top: 1px solid #e0e0e0; background: #fff /*url(../images/small_logotype.jpg) no-repeat right 13px;*/ }
	#footer .right { float: right; margin: 0 /*55px*/ 0 0; }
	#footer .left { float: left; margin: 0 55px 0 0; }
	#footer a { color: #808080; font-weight: bold; }