/* ----- CONSISTENCY ----- */
html,body,address,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote,table,caption,th,td,img {margin: 0; padding: 0;}
abbr, acronym {border-bottom: 1px dotted #000; cursor: help; font-style: normal;}
a img, a:link img, a:visited img {border: none; border-width: 0; vertical-align: top;}
hr {background-color: gray; border: 0; border-top: 1px solid gray; height: 0;}
label {cursor: pointer;} /* label elements are clickable, demonstrate visually */
input {margin: 0;}
body, input, select, textarea, table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - -
CORE IDENTIFIERS - font sizes 60,69,76,83,89
- - - - - - - - - - - - - - - - - - - - - - - - - - */
body {line-height: 1.5em; text-align: left;}
body#readi{
font: normal Verdana, Arial, Helvetica, sans-serif;
font-size: 13px/1.231;
margin: 0 0 0 0;
padding: 0 0 0 0;
background-color: #FFFFFF;
color: #000000;
}
#readi-wrapper{
margin:0 auto;
text-align:left;
width:775px;
max-width:775px;
border: 0px black solid;
}
#readi-wrapper-wide{
margin:0 auto;
text-align:left;
width:970px;
max-width:970px;
border: 0px black solid;
}
#readi-wrapper,#readi-wrapper-wide {border-style:solid; border-width:0 1px 1px 1px;}
#primary{clear:both;}
#footer{clear:both; padding:0px; text-align:center; border-top:3px double #c0c0c0; padding:10px 0;}
.legal {line-height: 1.2em;}
.c{text-align:center;}
/* html > body {font-size: 12px;} explicitly state font size in px for smarter, px resizable browsers */
/* ----- CLASS HELPERS ----- */
.icon {padding: 1px 0 1px 20px;}
.accessible {height: 1px; left: -9999em; overflow: hidden; position: absolute; top: 0; width: 1px;}
.info, .success, .warning {padding: 1em;}
.hide {display: none;}
.underscore{text-decoration:underline;}
/* ----- GRAPHS ----- */
div.graph strong {display: block; height: 1.4em; line-height: normal;}
div.graph, div.graph strong {margin: 0; position: relative;}
div.graph strong span {position: absolute; left: 0.2em;}
/* ----- HEADINGS ----- */
h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 20px 0;}
h1 {font-size: 240%;}
h2 {font-size: 180%;}
h3 {font-size: 140%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}
/* ----- PARAGRAPHS ----- */
p {margin: .2em 0;}
/* ----- LISTS ----- */
ol, ul {margin: 1.5em 0 1.5em 2em;}
ol li, ul li {margin: 0 0 0.3em 0;}
ol ul, ol ol, ul ul, ul ol {margin-top: 0; margin-bottom: 0;}
/* ----- NAVIGATION ----- */
ul.nav, ul.nav li, ul.nav ul, ul.nav a {display: block; line-height: normal; margin: 0; padding: 0;}
ul.nav, ul.nav li, ul.nav ul {list-style: none;}
ul.nav ul {display: none;}
ul.nav li {position: relative; z-index: 1;}
ul.nav li:hover {z-index: 999;}
ul.nav li:hover > ul {display: block; position: absolute;}
ul.nav li a {min-width: 0; padding: 4px 8px 5px 8px;} /* 1 more bottom px provides best visual balance */
ul.nav li a:link, ul.nav li a:visited, ul.nav li a:hover {position: relative; text-decoration: none;}
ul.horizontal li {float: left; width: auto;}
ul.horizontal li.alt {float: right;}
ul.horizontal ul {left: auto; margin-top: -1px; right: auto; top: auto;}
ul.tabs {padding: 0 10px;}
ul.tabs li {float: left; margin: 0 6px 0 0;}
ul.tabs li.alt {float: right; margin: 0 0 0 6px;}
ul.tabs ul li {margin-right: 0;}
ul.vertical, ul.vertical ul {width: 15em;}
ul.vertical li {float: none;}
ul.vertical ul {left: 60%; margin-top: -0.5em; right: auto; top: auto;}
ul.wide {width: 100%;}
/* ----- COLUMNAR LISTS ----- */
ul.columnar, ul.columnar li {list-style: none; margin-left: 0;}
ul.columnar li {float: left; margin-bottom: 0;}
ul.columnar li a, ul.columnar li div {display: block; font-weight: bold; padding: 0.5em 1em; width: 11em;}
/* ----- BREADCRUMBS ----- */
ol.breadcrumbs, ol.breadcrumbs li {list-style: none; margin-left: 0;}
ol.breadcrumbs li {display: inline; margin: 0; padding: 0 2px 0 0;}
/* ----- PAGINATION ----- */
ul.paging {list-style: none; margin: 1em 0;}
ul.paging li {display: inline;}
ul.paging li a, ul.paging li strong {padding: 2px 5px 3px 5px;}
ul.paging li a:link, ul.paging li a:visited, ul.paging li a:hover {text-decoration: none;}
/* ----- DEFINITION LISTS ----- */
dl {margin: 1.5em 0;}
dt {font-weight: bold;}
dd {margin: 0 0 1em 1.5em;}
dl.horizontal {width: 95%;}
dl.horizontal dt {clear: left; float: left; margin-bottom: 1em; text-align: right; width: 20%;}
dl.horizontal dd {float: none; margin-left: 22%; width: 77%;}
html>body dl.horizontal dd {float: left; margin-left: 2%;} /* overwrites above rule for good browsers */
dl.vertical {margin-bottom: 2em;}
dl.vertical dd {margin-left: 0;}
/* ----- QUOTES/CITATIONS ----- */
blockquote {padding: 0 1.5em;}
blockquote p {font-size: 110%; font-style: italic;}
blockquote p, blockquote p cite {font-family: Georgia, Times, serif;}
/* ----- CODE ----- */
code, pre, kbd {font-family: "Courier New", Courier, monospace;}
code.block {display: block; padding: 0.5em; white-space: pre;}
code.block.scroll {height: 200px; overflow: auto;}
/* ----- PANELS ----- */
div.panel {margin: 2em 0; position: relative;}
div.panel div.header, div.panel div.header span.action {padding: 2px 5px;}
div.panel div.header span.action {position: absolute; top: 0; right: 0;}
div.panel div.detail {padding: 0 1em;}
div.panel div.detail.scroll {height: 200px; overflow: auto;}
/* ----- TABLES ----- */
table {line-height: normal; width: 100%;}
caption {display:none;}
th {caption-side: top; font-weight: bold;}
caption span, th, td {padding: 5px; text-align: left; vertical-align: top;}
/*Style sheet swapper*/
#swapstylesheet{margin:0;padding:4px 0 0 0; float:right;}
a#font-small{font-size:80%;}
a#font-medium{font-size:90%;}
a#font-large{font-size:100%;}
a#font-xlarge{font-size:110%;}
#swapstylesheet span a{text-decoration:none; color:#696969;}
span#swapstylesheet-label{font-size:85%; border:0px; }
.swapstylesheet-indicator{border:0px; padding:0;}
.swapstylesheet-indicator-active{border:0px; padding:0;}
div.privacy p{line-height:1.1em; margin-bottom:1.2em;}
div.privacy p.subtitle{margin-bottom:.9em;}
/*the CF dubugging*/
.cfdebug{text-align:left;}
.pod-title{font-weight:bold; padding:2px;}
.pod-body{font-weight:normal; padding:5px 3px;}
div.pod-grey{margin-bottom:10px;}
div.pod-grey-title{background-color:#555555; color:white; padding:0 0 0 5px;}
div.pod-grey-title a{color:white;}
div.pod-grey-border{border:1px solid #3f3f3f;}
/* The Toolbar styles */
.toolbar {list-style: none; margin: 0 0 7px 0; height: 28px;}
.toolbar {list-style-image:none; list-style-position:outside; list-style-type:none;}
.toolbar li {float: left; margin: 0 10px 0 0;}
.toolbar li .label {float: left;margin: 0 -133px 0 0; padding: 0 0 0 13px; color: #494949; background: url(/assets/images/btn_bg_left.png) left no-repeat;}
.toolbar li .label em {float: left; padding: 0 14px 0 24px; height: 28px; line-height: 30px; background: url(/assets/images/btn_bg_right.png) right no-repeat;}
.toolbar .right-btn { float: right;}
a.button, a.button span {float: left; height: 28px; line-height: 28px; text-decoration:none;}
div.button-wrap { display: inline; }
a.button, body a.button {padding: 0 0 0 13px; color: #494949; background: url(/assets/images/btn_bg_left.png) left no-repeat;}
a.button span {padding: 0 14px 0 0; background: url(/assets/images/btn_bg_right.jpg) right no-repeat;}
a.button:hover {cursor: pointer;}
a.button img.icon, a.button img.icon-rel {margin-top: 6px; padding: 0;}
a img.icon {float:left; margin:0 6px 0 0;}
a img.icon-rel {float:none; margin:0 6px 0 0;}
/* FB like Buttons*/
/* @noflip */
.dh_new_media {background:url(/assets/images/button_bg.gif) top left no-repeat; display:block; color:#777; text-decoration:none; line-height:1.2em; margin:3px;}
.dh_new_media {background:url(/assets/images/button_bg.gif) top left no-repeat; display:block; color:#777; text-decoration:none; line-height:1.2em; margin:3px;}
.right{float:right;}
.left{float:left;}
/* @noflip */
.dh_new_media .tr{background:url(/assets/images/button_bg.gif) no-repeat top right;}
/* @noflip */
.dh_new_media .bl{background:url(/assets/images/button_bg.gif) no-repeat bottom left;}
/* @noflip */
.dh_new_media .br{background:url(/assets/images/button_bg.gif) no-repeat bottom right;}
.dh_new_media span{color:#333;margin-left:9px;font-size:11px;font-weight:bold;display:block; padding:3px 9px 5px 13px; text-shadow:white 0px 1px 1px;}
/* 8x10 px */
.dh_new_media span.plus{background:url(/assets/icons/16/add.png) no-repeat left center; padding-left:20px;}
.dh_new_media span.email{background:url(/assets/images/button_bg_email.png) no-repeat left center; padding-left:20px;}
.dh_new_media span.magnifier{background:url(/assets/images/button_bg_magnifier.png) no-repeat left center; padding-left:20px;}
.dh_new_media span.download{background:url(/assets/images/button_bg_download.png) no-repeat left center; padding-left:20px;}
.dh_new_media span.orange-ball{background:url(/assets/images/button_bg_orange_ball.png) no-repeat left center; padding-left:15px;}
.dh_new_media span.print-pdf{background:url(/assets/images/button_bg_pdf.png) no-repeat left center; padding-left:20px;}
.dh_new_media span.back{background:url(/assets/images/button_bg_back.png) no-repeat left center; padding-left:17px;}
.dh_new_media span.rotate{background:url(/assets/icons/16/arrow_rotate_anticlockwise.png) no-repeat left center; padding-left:19px;}
.dh_new_media span.user_add{background:url(/assets/icons/16/user_add.png) no-repeat left center; padding-left:21px;}
.dh_new_media span.user_edit{background:url(/assets/icons/16/user_edit.png) no-repeat left center; padding-left:21px;}
.dh_new_media span.user_delete{background:url(/assets/icons/16/user_delete.png) no-repeat left center; padding-left:21px;}
.dh_new_media span.edit{background:url(/assets/icons/16/edit.png) no-repeat left center; padding-left:21px;}
.dh_new_media span.delete{background:url(/assets/icons/16/delete.png) no-repeat left center; padding-left:21px;}
.dh_new_media:hover{text-decoration:underline;}
.dh_new_media:active,
.dh_new_media:active .tr,
.dh_new_media:active .bl,
.dh_new_media:active .br{background-image:url(/assets/images/button_bg_active.gif);}
.dh_new_media_done,
.dh_new_media_done .tr,
.dh_new_media_done .bl,
.dh_new_media_done .br{background-image:url(/assets/images/button_bg_done.gif);}
/* Assessment Login Page */
.small-pad{padding:2px;}
.medium-pad{padding:4px;}
.large-pad{padding:6px;}
.x-large-pad{padding:8px;}
.xx-large-pad{padding:10px;}
/* ----- FORMS ----- */
form {margin: .5em 0;}
/*form legend {display:none;}*/
form label span{text-decoration:underline;}
form div.field, form div.submit {padding: .2em;}
form div.field .required {cursor: help; font-style: normal; font-weight: bold;}
form div.help {line-height: normal; margin: 0.3em 0 0 0; padding: 0; font-style:italic;}
form span.help {margin: 0; padding: 0; font-style:italic;}
form.familiar div.field .label, form.familiar legend span {display: block; margin: 0 0 0.2em 0; font-weight:bold;}
form.unfamiliar div.field .label {display: block; float: left; margin: 0 1em 0 0; text-align: right; font-weight:bold;}
div.field .label span.labeldetail{display:block; margin-top:8px; font-style:italic; font-weight:normal;}
form.unfamiliar fieldset {position: relative;}
form.unfamiliar legend span {display: block; float: none; left: 0; position: absolute; text-align: right; top: 0; font-weight:bold;}
form.unfamiliar.scan div.field .label, form.unfamiliar.scan legend span {text-align: left;}
/* mulitple selection */
form ol.selection, form ol.selection li, form ol.selection li input {list-style: none; margin: 0; padding: 0;}
form ol.selection li label {display: block; padding: 3px 0;}
form ol.selection.scroll {height: 10em; overflow: auto;}
form ol.selection.scroll li label {padding: 3px 3px 3px 23px; text-indent: -19px;}
form ol.selection.scroll li label input {text-indent: -19px; /*width: 15px;*/}
/* field sizes */
input.x-tiny, select.x-tiny, textarea.x-tiny, form ol.selection.x-tiny {width: 5em;}
input.tiny, select.tiny, textarea.tiny, form ol.selection.tiny {width: 10em;}
input.small, select.small, textarea.small, form ol.selection.small {width: 15em;}
input.medium, select.medium, textarea.medium, form ol.selection.medium {width: 20em;}
input.large, select.large, textarea.large, form ol.selection.large {width: 25em;}
input.x-large, select.x-large, textarea.x-large, form ol.selection.x-large {width: 30em;}
input.xx-large, select.xx-large, textarea.xx-large, form ol.selection.xx-large {width: 35em;}
input.xxx-large, select.xxx-large, textarea.xxx-large, form ol.selection.xxx-large {width: 40em;}
textarea.x-short, form ol.selection.scroll.x-short {height: 5em;}
textarea.short, form ol.selection.scroll.short {height: 10em;}
textarea.tall, form ol.selection.scroll.tall {height: 20em;}
/* label widths */
form.unfamiliar.xx-small .label, form.unfamiliar.xx-small legend span {width: 8em;}
form.unfamiliar.x-small .label, form.unfamiliar.x-small legend span {width: 10em;}
form.unfamiliar.small .label, form.unfamiliar.small legend span {width: 12em;}
form.unfamiliar.medium .label, form.unfamiliar.medium legend span {width: 15em;}
form.unfamiliar.large .label, form.unfamiliar.large legend span {width: 18em;}
form.unfamiliar.small div.help, form.unfamiliar.small .selection, form.unfamiliar.small div.submit {margin-left: 13em;}
form.unfamiliar.medium div.help, form.unfamiliar.medium .selection, form.unfamiliar.medium div.submit {margin-left: 16em;}
input.button, .submitButton{
width: auto;
cursor: pointer;
color: #000000;
font-size:95%;
font-weight:bold;
border: 1px solid #999;
border-top-color: #999;
padding: .35em !important; /* hold this line for Firefox and Safari */
padding: .35em 0; /* take of the left/right margins for IE */
background: #fff url("/assets/images/button1_bg.jpg") 0 0 repeat-x !important; /* hold this line for Firefox and Safari */
background: #fff url("/assets/images/button1_bg.jpg") 0 -1px repeat-x; /* shift the bg up 1px for IE */
}
.submitButton img{margin-top:6px;}
.order-by-form{margin:0; padding:0;}
.order-by-btn{
width: auto;
cursor: pointer;
color: #000000;
font-size:90%;
font-weight:bold;
border: 1px solid #999;
border-top-color: #999;
padding: .25em !important; /* hold this line for Firefox and Safari */
padding: .25em 0; /* take of the left/right margins for IE */
background: #fff url("/assets/images/button1_bg.jpg") 0 0 repeat-x !important; /* hold this line for Firefox and Safari */
background: #fff url("/assets/images/button1_bg.jpg") 0 -1px repeat-x; /* shift the bg up 1px for IE */
}
.instructions{padding:4px;}
/* Message Boxes */
div.errorsMsg{margin:9px 6px; padding:4px; text-align:left; border:solid 1px #c60000; background-color:#FFECEC; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:12px; font-weight:normal;}
div.errorsMsg .msgTitle{font-weight:bold; padding:4px 0 4px 0px;}
div.errorsMsg .msgDetails{padding:0;}
div.errorsMsg .padDetails{padding-left:20px;}
div.StatusMessage{margin:5px; padding:4px 0 4px 20px; border:2px solid #008000; background-color:#F4FFF4; font-weight:bold;}
div.StatusMessage span.Message{font-weight:normal;}
div.StatusMessage span.Message a{font-weight:normal; text-decoration:underline;}
div.simple-info-message{margin:20px; min-height:32px; padding:10px 5px 5px 50px; background:#f4f4f4 url(/assets/icons/32/information.png) no-repeat 10px 8px; border:1px solid #E0E0E0;}
div.no-javascript-support-banner{text-align:center; padding: 10px 0px; background-color:red; color:white; font-size:15px; font-weight:bold; border-bottom:black 3px dashed;}
div.no-javascript-support-banner>div{font-size:13px; font-weight:normal;}
div.no-javascript-support-login{text-align:center; padding: 10px 0px; width:98%; margin:5px auto; background-color:red; color:white; font-size:15px; font-weight:bold; border:black 3px double;}
div.no-javascript-support-login>div{font-size:13px; font-weight:normal;}
/*Styles for the email report form*/
#sending-message{display:none; text-align:center;}
/* Custom Variables Form Styles */
#custom-variables {border:0px;}
#custom-variables label{float:none;}
#custom-variables li label{font-weight:normal;}
#custom-variables ul{list-style: none; margin: 0 0 0 15px; padding: 0;}
#custom-variables select, #custom-variables textarea{margin: 0 0 0 15px; padding: 0; border:1px solid #828282;}
.custom-question-textbox{margin: 0 0 0 15px; border:1px solid #828282; width:67%; }
#custom-variables .custom-question{font-weight:bold;}
.custom-question-help-text{color:#828282; font-size:80%; margin:0.5em 4em 0 15px; padding:2px 0;}
.choice-input{border:1px solid #828282;}
#answer-data-type-container, #answer-validation-container,
#answer-validation-message-container, #answer-choices-container,
#answer-choices-container, #choice-skeleton{display:none;}
#custom-variables .edit-functions{width:auto; float:right;}
/* - - - - - - - - - - - - - - - - - - - - - - - - -
Hacks - fixes rendering bugs (DO NOT REMOVE)
- - - - - - - - - - - - - - - - - - - - - - - - - */
.clear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.clear {min-width: 0; display: inline-block; /* \*/display: block;}
* html .clear, * html form ol.selection li label {/* \*/height: 1%;}
* html form.unfamiliar .help {padding-left: 3px;}
* html form.unfamiliar ol.selection, * html form.unfamiliar select.selection {left: 3px; position: relative;}
* html form div.submit input {overflow: visible; padding: 0 .25em; width: auto;} /* IE6 button width fix */
* html form div fieldset legend {margin-left: -7px;} /* for IE6 as legend is indented */
html>body div fieldset legend {*text-indent: -3px;} /* for IE7 */
* html ul.nav {display: inline-block; /* \*/display: block; position: relative; /* \*/position: static;}
* html ul.nav ul {float: left; /* \*/float: none;}
* html ul.nav ul {display: block; position: absolute;}
* html ul.nav ul, * html ul.horizontal ul, * html ul.vertical ul {left: -10000px;}
* html ul.nav li.sfhover {z-index: 999;}
* html ul.vertical li, * html ul.horizontal li ul.vertical li {float: left; clear: left; width: 100%;}
*:first-child+html ul.rMenu-ver > li {clear: left; float: left; width: 100%;} /* for IE7 */
* html ul.vertical li a {height: auto; /* \*/height: 100%;} /* trigger hasLayout for IE/Mac and IE6 */
* html ul.horizontal {/* \*/padding-left: 2px;} /* hide from IE/Mac, for IE6 and earlier */
* html ul.horizontal li {width: 6em; /* \*/width: auto;} /* first for IE/Mac then hide for others */
* html ul.nav li.sfhover ul {left: auto;}
* html ul.nav li.sfhover ul ul, * html ul.nav li.sfhover ul ul ul {display: none;}
* html ul.nav li.sfhover ul, * html ul.nav li li.sfhover ul {display: block;}
* html ul.vertical li.sfhover ul {left: 60%;}
* html ul.nav iframe {filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); left: 0; position: absolute; top: 0; z-index: -1;}