/* template global style sheet rules for the RSN Global Unified Template (OZ_gut3_3.0) */

/* Body: set background for whole page and question-level error message font color */
body {
	padding:     0px 10% 0px 10%;                    /* whitespace at left and right of screen */
	font-family: "Trebuchet MS", arial, sans-serif;  /* font settings for whole page */
	font-size:   13px;
	color:       red;                            /* color of question-level error messages */
}

/* Error Message Settings (This only works for page-level error message) */
.errorMessage {
	font-size:   12px
	font-weight: bold;
	color:       red;
}

/* wrapper to hold header content: for layout purposes */
#header-wrapper {
	display:       inline-block;       /* makes sure wrapper div resizes to contents in IE and FF */
   width:         100%;               /* makes sure wrapper div is total width of page */
   valign:        top;
   position:      relative;
   border-bottom: 2px solid #466AA1;  /* color for horizontal line at top of page   */
}

/* holds progress bar in top left */
#progressBarHolder {
   width: 50%;
   float: left;                       /* Place progress div on left of page */
}
	
/* holds logo in top right */
#logoHolder {
   width:      49%;
   float:      right;                /* Place logo div on right of page */
   text-align: right;                /* right align contents of div   */
}

/* Question Page: settings for whole div containing question & answer */
#content {
	padding: 0px 0px 10px 0px;        /* Space between page content and the bottom horizontal line */
}

/* QID: layout and font settings (div inside questiontext div) */
.qid {
	padding:     10px 0px 0px 0px;    /* Space between page content and the top horizontal line */
	font-size:   10px                 /* QID smaller than question text */
	font-weight: bold;                /* Bold QID */
	color:       #000000;             /* Color of QID text */
}

/* Question: layout and font settings */
.questiontext {
	font-weight: normal;                /* Bold question text */
	color:       #000000;             /* Color of question text */
}

/* Instruction: block and font settings */
.instructiontext {
   padding:     5px 0px 0px 0px;     /* Space instruction text from question text */
	font-style:  italic;              /* instruction in italics */
	font-weight: normal;              /* unbold instruction text */
	color:       #000000;             /* Color of instruction text */
}

/* Answers: div holding answers */
.answers {
	text-align:   center;
}

/* Answers & Scales: Set background and font weight of table cells */
td {
	font-weight:      bold;           /* Bold answer text */
}

/* Answers: font settings */
td font {
	font-size:   13px;                /* size of answer text */
	font-weight: normal;              /* unbold answer text */
	color:       #000000;             /* color of answer text */
}

/* scale font settings */
td {
	font-size:   13px;                /* size of scale text */
	color:       #000000;             /* color of scale text */
}

/* wrapper to hold footer content: for layout purposes */
#footer-wrapper {
	display:    inline-block;         /* makes sure wrapper div resizes to contents in IE and FF */
   border-top: 2px solid #466AA1;    /* color for horizontal line at bottom of page */
	padding:    10px 0 0 0;           /* space between footer content and the horizontal line */
	width:      100%;                 /* makes sure wrapper div is total width of page */
   position:    relative;
   top: 20px;
}

/* Holds privacy policy link */
#privacyPolicy  {
   width:       30%;
   float:       left;                /* place div on left of page */
   position:    relative;
}

/* Holds navigation buttons */
#navigation  {
   width:      39%;
   float:      left;                 /* place div next to privacy policy */
   text-align: center;               /* center the navigation buttons */
}

/* Holds panel support link and copyright text */
#panelSupport  {
   width:       30%;
   float:       right;	             /* place div on right of page */
   text-align:  right;	             /* right align contents of div */
   font-size:   12px;	             /* size of copyright text */
	color:       #140015;             /* color of copyright text */
}


/*  Links on the page */
a:link  {
	color:           #2B2B85;         /*  color of link text */
   font-size:       13px;            /*  size of link text  */
	text-decoration: underline;       /*  undeline link text */
}

a:visited  {
	color:           #9E00B6;         /*  color of link text */
   font-size:       13px;            /*  size of link text  */
	text-decoration: underline;       /*  undeline link text */
}

a:hover {
/*   color:         #DF0000; */      /*  color of link text */
   font-size:       13px;            /*  size of link text  */
   text-decoration: underline;       /*  undeline link text */
}