html, body { margin: 0; padding: 0; font-family: 'verdana', 'arial','helvetica', san-serif; font-size: 13px; line-height: 20px; background: #fff url('images/header-bg.gif') top repeat-x;}

#pagewidth { padding: 0 20px 0 20px; }

#header { height: 110px; margin-bottom: 20px; }

#intro-bar { background: #eee; border: 5px solid #ddd; padding: 10px; margin-bottom: 20px;}

#user-information { float: left; width: 45%; }
#user-information ul { list-style: none; margin: 0; padding: 0; width: 275px; }
#user-information label { float: left; }
#user-information input { float: right; }
#user-information li { clear: both; padding: 5px 0 5px 0;}

#information-notice { float: right; width: 45%; text-align: center;}

#status-bar2 { border-top: 2px solid #333; margin-top: 10px;}
#status-bar { border-bottom: 2px solid #333; margin-bottom: 10px;}
.status-questions { margin:  0; float: left; font-weight: bold; color: #666; text-transform: uppercase; }
.status-navigation { float: right; margin: 0; font-weight: bold; color: #999; text-transform: uppercase;}

.clear { clear: both; height: 1%;}

a { color: #144269; }
a:hover { color: #000;}

.next-button a { background: #ffb33a; border: 2px outset #e9a538; padding: 3px; text-decoration: none; }
.next-button a:hover { background: #333; border-color: #222; color: #fff;}

#logo {
	width: 312px;
	height: 110px;
	background: url('images/logo.gif') no-repeat;
}

#logo a {
	display: block;
	width: 312px;
	height: 0;
	font-size: 1em;
	padding-top: 110px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('images/logo.gif') no-repeat;
}

#questions-list { list-style: none; margin: 0px 0 0 0; padding: 0;}
#questions-list li { background: #ccc; width: 29%; float: left; margin: 0 1% 1% 0; padding: 10px; position: relative; z-index: 1;}
#questions-list ul { margin: 0 0 0 40px; padding: 0; list-style: none; }
#questions-list ul li { width: auto; background: none; float: none; margin: 0; padding: 0; clear: both; }


.question-number { font-size: 22px; position: absolute; left: 10px; top: 10px; color: #666; line-height: 30px;}

.next-box { background: #fff !important;}

#footer { margin: 0 0 0 0;clear: both; margin-top: 40px; background: url('images/footer.gif') repeat-x; height: 29px; font-size: 12px; color: #fff; text-align: center;}
#footer a { color: #fff;}

.clear { clear: both; }
.clearfix { height: 1%;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.intro-text { width: 500px; margin: 0 auto 0 auto;}

h1 { color: #144269;}

h2 { line-height: 1em;}

.edit { font-size: 10px;}

.error { background: #ffd08a !important; z-index: 50 !important;}
.error-message { position: absolute; margin-top: 3px; z-index: 100;background: url('images/error-box.gif') top left no-repeat; text-align: center; padding: 8px 5px 0 5px;}

#confirm-form { list-style: none; margin: 0; padding: 0; width: 300px;}
#confirm-form li { margin: 0; padding: 10px 0 10px; clear: both;}
#confirm-form label { float: left; color: #144269; font-weight: bold; text-align: right; width: 130px;}
#confirm-form input { float: right; }