@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height: 1.2;
background: #edf6fc;
color: #333;
}

blockquote, q {
quotes: none;
}

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

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

tr, td {
vertical-align: top;
}


a {
color: #3366cc;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


#banner-wrap {
background: #fff url(css-img/banner.gif) -132px 0 no-repeat;
height: 135px;
position: relative;
}

#banner-wrap img, #banner-wrap h1 {
position: absolute;
}

.logo-sparc {
left: 45px;
top: 40px;
}

#banner-wrap h1 {
left: 176px;
top: 87px;
}

.logo-directors {
top: 50px;
left: 700px;
}

#nav-wrap {
background: #d0d6dc url(css-img/nav-bg.gif) center 0 no-repeat;
}

#nav-shadow {
height: 2px;
overflow: hidden;
background: url(css-img/nav-bg-shadow.gif) no-repeat;
}

#nav {
margin: 0 auto;
padding: 0 10px;
width: 730px; /*750*/
font-size: 1.2em;
}

.homepage #nav {
width: 670px;
}

#nav a {
display: block;
float: left;
color: #333;
padding: .7em;
}

#nav a:hover {
text-decoration: none;
color: #fff;
background: #c2c9cf url(css-img/nav-hover.gif) repeat-x;
}

#nav .lined {
border-right: 1px solid #bfc3c8;
}


#nav p {
float: right;
}

#nav p span {
padding: .75em;
display: block;
float: left;
font-size: .95em;
}

#nav p a {
color: #3366cc;
}

#nav table td br {
display: none;
}


/* std wide page */
#page-wrap {
background: url(css-img/page-bg.gif) no-repeat;
}

#page {
margin: 0 auto;
padding: 5px 4px 0;
width: 750px;
min-height: 300px;
font-size: 1.2em;
background: url(css-img/content-top-full.png) 0 5px no-repeat;
}

#page p {
margin-bottom: .75em;
}

#content-wrap {
margin-top: 86px;
padding: 20px;
min-height: 100px;
position: relative;
background: #fff url(css-img/content-wrap-bg.gif) 0 bottom repeat-x;
}


#content-wrap h2.page-title {
position: absolute;
top: -55px;
left: 36px;
color: #3366cc;
font-size: 2em;
}

.col2 #content-wrap h2.page-title {
position: absolute;
top: -50px;
left: 200px;
color: #3366cc;
font-size: 2em;
width: 500px;
}

.col2 #content-wrap h2.page-title-answers {
margin: 15px 10px 15px 30px;
color: #3366cc;
font-size: 1.8em;
}

.col2 #content-wrap .QHeader {
position: absolute;
top: 20px;
left: 20px;
font-size: 1.3em;
color: #3366cc;
}

.QHeader2
{
	color: #3366cc;
	font-weight:bold;
	font-size:1.2em;
}

.col2 #content-wrap .QHeader-answers {
position: absolute;
top: -56px;
left: 205px;
font-size: 2em;
color: #3366cc;
width: 500px;
}

.content-bot {
background: url(css-img/content-bot.gif) 0 bottom no-repeat;
height: 78px;
}

/* 2 column page */
#page-wrap .col2 {
background: url(css-img/content-top-2col.png) 0 5px no-repeat;
}

.col2 #content-wrap {
padding: 0;
min-height: 588px; /*actual - nb: sidebar overrides this height */
background: #fff url(css-img/content-left.gif) repeat-y;
}

.col2 .content-bot {
background: url(css-img/content-bot-2col.gif) 0 bottom no-repeat;
}

#sidebar {
float: left;
width: 175px;
min-height: 602px;
}

#content {
margin-left: -9px;
padding: 0 0 0 9px;
float: left;
width: 575px; /* 575 */
background: url(css-img/content-divider.png) 0 0 no-repeat;
}


/* view survey  */
.steps td {
padding-bottom: 10px;
background: url(css-img/steps-bg.gif) 0 bottom repeat-x;
}

#page .steps p {
margin: -8px 10px 0 15px;
}

#page .steps a {
padding: 14px 10px 14px 15px;
display: block;
width: 150px;
color: #333;
text-decoration: none;
}

a.ProxyStepCurrent {
background: #e6c19c;
}

.step-shade {
padding: 10px 15px 20px 30px;
background: #fff url(css-img/steps-summary-bg.gif) 0 bottom repeat-x;
}

div.errors {
padding: 10px 10px 0 30px;
}

div.wizard-errors {
padding: 10px 10px 0 200px;
}

.col2 div.errors p {
margin: 15px 0 0;
}

.question-name {
font-size: 1.1em;
color: #3366cc;
}

table.answer {
width: 453px;
background: url(css-img/answers-bar.gif) 0 bottom no-repeat;
float: right;
}

table.answer td {
padding: 5px 0;
font-size: .9em;
}

table.answer img.icon-help {
margin-bottom: 2px;
margin-left: 44px;
}

.option-set input {
border: 0;
background: none;
}

.option-set td {
padding: 5px 0;
}

table.proceed {
width: 470px;
position: absolute;
bottom: -50px;
left: 175px;
}

table.proceed input {
margin: 0 5px;
background: #eee;
}

/* User details */
.user-details {
margin: 0 auto;
width: 98%;
}

.user-details td {
padding: 0 0 10px;
text-align: right;
}

.user-details input {
width: 170px;
}

input, select, textarea {
border: 1px solid #d9d9d9;
}

.registration 
{
	text-align:right;
}

.registration2
{
	width:650px;
	text-align:right;
}

.AnswerButton
{
	color: #3366cc;
	font-weight:bold;
}

/* survey wizard */
span.survey-header {
position: absolute;
top: -45px;
left: 205px;
font-size: 2em;
font-weight: normal;
color: #3366cc;
}

#dnn_ctr469_ContentPane {
margin-left: 175px;
padding: 20px 35px;
background: url(css-img/content-wrap-bg.gif) 0 bottom repeat-x;
}

#dnn_ctr469_ContentPane strong {
color: #3366cc;
}

#dnn_ctr472_EditSurveySparc_Wizard1_SideBarContainer_SideBarList span {
padding: 20px;
display: block;
background: url(css-img/steps-bg.gif) 0 bottom repeat-x;
width: 135px;
}

table.survey {
margin: 10px 0 10px 0px;
}

table.roles {
margin-right: 35px;
}

.survey td {
padding: 5px 5px 10px;
}

input.proceed-survey {
margin: 0 20px 0 10px;
padding: 5px .5em;
}

/* buttons */
#page-wrap .EditButton, #page-wrap .EditButton:hover, #page-wrap .UpdateButton, #page-wrap .UpdateButton:hover {
margin: 0;
padding: 5px 5px 0 50px;
display: block;
width: 73px;
height: 23px;
text-decoration: none;
color: #333;
background: url(css-img/edit-button.gif) 0 0 no-repeat;
}

#page-wrap .RemoveButton, #page-wrap .RemoveButton:hover, #page-wrap .CancelButton, #page-wrap .CancelButton:hover {
margin: 0;
padding: 5px 5px 0 35px;
display: block;
width: 94px;
height: 23px;
text-decoration: none;
color: #333;
background: url(css-img/remove-button.gif) 0 0 no-repeat;
}

#page-wrap .UpdateButton, #page-wrap .UpdateButton:hover {
padding: 4px 5px 0 49px;
width: 75px
}

#page-wrap .CancelButton, #page-wrap .CancelButton:hover {
padding: 4px 5px 0 35px;
width: 94px;
}


/* login-table */
.login-table td {
padding: 3px;
vertical-align: top;
}

td.btn-login {
padding: 10px 0 0;
}


/* calendar */
.survey table th {
padding: 5px;
}
.survey table td {
padding: 0px;
}

.survey table td a {
padding: 3px;
display: block;
}

.survey table td a:hover {
background: #ffe0b2;
text-decoration: none;
}

#calEndDate {
margin-left: 10px;
border: 1px solid #000;
}


/* html content */
#dnn_ctr463_ModuleContent {
padding: 0 0 0 18px;
}


#dnn_ctr484_HtmlModule_lblContent {
margin: 0 0 0 175px;
padding: 20px;
}


/* survey-admin navigation */
#survey-admin {
position: absolute;
top: 0;
left: 0;
width: 175px;
}

.company-name {
padding: 16px 15px 20px 17px;
font-size: 1.2em;
color: #fff;
background: #a5b3c0;
}

.edit-details-wrap {
background: #fff url(css-img/survey-admin-link-bg.gif) 0 bottom repeat-x;
}

a.edit-details {
padding: 4px 10px 6px 45px;
display: block;
color: #333;
background: url(css-img/icon-edit.gif) 20px 45% no-repeat;
}

.survey-name {
padding: 10px 15px 10px 17px;
display: block;
}

.survey-ammend {
padding: 0 8px;
background: #c9c9c9 url(css-img/survey-ammend.gif) 0 bottom repeat-x;
}

.survey-ammend a {
padding: 2px 5px 3px;
display: block;
float: left;
text-decoration: none;
font-size: .85em;
color: #fff;
}

.survey-ammend a:hover {
text-decoration: none;
color: #fff;
background: #8e8e8e url(css-img/survey-ammend-ahover.gif) 0 bottom repeat-x;
}


.new-survey-wrap {
background: #fff url(css-img/survey-admin-link-bg.gif) 0 bottom repeat-x;
}

a.new-survey {
padding: 4px 10px 6px 45px;
display: block;
color: #333;
background: url(css-img/icon-new-survey.gif) 20px 45% no-repeat;
}


/* survey reports */
.survey-report-name {
font-size: 1.4em;
color: #3366cc;
}

/* questionnaires - last survey step */
#dnn_ctr472_EditSurveySparc_Wizard1_gvSurveyQuestionnaire {
margin: 20px auto;
border: 0;
width: 500px;
}


#dnn_ctr472_EditSurveySparc_Wizard1_gvSurveyQuestionnaire td, #dnn_ctr472_EditSurveySparc_Wizard1_gvSurveyQuestionnaire th {
padding: 10px;
}

/* questionnaires - user homepage */
.questionnaire {
float: right;
}

.questionnaire td {
padding: 5px;
}

.questionnaire {
font-weight: bold;
}

.lblMyParticipantName {
font-size: 1.4em;
color: #3366cc;
}

.homepage-menu {
margin-top: 8px;
padding: 10px;
width: 200px;
float: left;
border: 1px solid #acbccb;
background: #e1e6ed;
}

.register-menu {
margin-top: 8px;
padding: 10px;
width: 200px;
float: left;
}

.MainMenu_SubMenu {
background-color: #e1e6ed;
}

/* send password table */
.send-password td {
padding: 5px;
}


#dnn_ctr478_ContentPane img {
margin: 10px 10px 0 0;
}


/* //accessibility/clearers */
.hide {
position: absolute;
left: -9999px;
z-index: 50;
width: 1px;
font-size: 1px;
height: 1px;
overflow: hidden;
display: block;
line-height: 0;
}

.clearfix:after, #nav:after, #page-wrap:after, #page:after, #content-wrap:after, .survey-ammend:after {
content: ".";
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}