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

/*

       Site:  DSST: GetCollegeCredit.com
        URL:  http://www.getcollegecredit.com/
       File:  screen.css
    Creator:  Aaron Clark for R2integrated
      Email:  aclark@r2integrated.com
    Created:  2009-12-11
  Copyright:  (c) 2009 Prometric. All rights reserved.

*/





/* --- General Styles --- */

body {
margin: 0px;
background: url(../images/bg-body.jpg) center top no-repeat #fff;
font-family: Arial, Helvetica, sans-serif;
}

#wrap {
margin: auto!important;
width: 960px;
}

#logo {
float: left;
display: inline;
width: 200px;
height: 90px;
position: relative;
overflow: hidden;
}

#logo span {
background-image: url(../images/logo-ddst.jpg);
background-repeat: no-repeat;
display: block;
position: absolute;
width: 100%;
height: 100%;
}

#content {
margin: 27px 0px 0px 50px;
float: left;
display: inline;
width: 490px;
height: 203px;
overflow: hidden;
}

body.scrollpane #content {
margin: 87px 0px 0px 50px;
width: 590px;
height: 623px;
}

h1 {
margin: 0px;
float: left;
display: inline;
width: 490px;
height: 45px;
position: relative;
overflow: hidden;
}

h1 span {
background-image: url(../images/h1-welcome.png);
background-repeat: no-repeat;
display: block;
position: absolute;
width: 100%;
height: 100%;
text-indent: -9000px;
}

body.scrollpane h1 {
margin-bottom: 6px;
}

body.scrollpane h1 span {
background-image: url(../images/h1-welcome-scrollpane.png);
background-repeat: no-repeat;
display: block;
position: absolute;
width: 100%;
height: 100%;
text-indent: -9000px;
}

#content p {
margin: 0px;
font-size: 12px;
line-height: 17px;
color: #294e64;
/*overflow:auto;*/
}

#content h2 {
margin: 0px;
font-size: 24px;
color: #294e64;
}

#flex {
margin: auto;
width: 900px;
height: 430px;
clear: both;
text-align: center;
}

#flex p {
width: 100%;
text-align: center;
font-size: 75%;
text-transform: uppercase;
}
#flex p a {
color: #efffcb;
margin-right: 20px;
text-decoration: none;
}
#flex p a + a + a + a {
margin-right: 0;
}
#flex p a:hover {
text-decoration: underline;
}

#flex.animation {
position: relative;
bottom:45px;
}

#copyright {
float: left;
display: inline;
color: #fff;
font-size: 11px;
padding-top: 28px;
clear: both;
*:width:386px;
}

#logo-prometric {
float: left;
display: inline;
width: 155px;
height: 67px;
position: relative;
overflow: hidden;
margin-left: 45px;
}

#logo-prometric span {
background-image: url(../images/logo-prometric.png);
background-repeat: no-repeat;
display: block;
position: absolute;
width: 100%;
height: 100%;
text-indent: -9000px;
}

#website {
float: right;
display: inline;
font-size: 11px;
padding-top: 28px;
}

#website a {
color: #fff;
text-decoration: none;
}

#reflection {
background: url(../images/reflection.jpg);
width: 458px;
height: 106px;
clear: both;
}

#content #quiz_header {
padding-top: 120px;
}

#content #quiz_footer {
padding-top: 10px;
}

#flex #quiz_footer {
/*margin-left: 15px;
margin-top: 20px;
*/
text-align: center;
}

#content #quiz_footer p, #flex #quiz_footer p {
margin: 0px;
font-size: 14px;
font-weight: bold;
text-transform: none;
line-height: 17px;
color: white;
}

#content #quiz_footer p a, #flex #quiz_footer p a {
text-decoration: underline;
text-transform: none;
color: white;
}

#content #quiz_footer p a:visited, #flex #quiz_footer p a:visited {
color: white;
}

#content p.description {
font-weight: bold;
}

#quiz_link_back {
padding-top:12px;
padding-left:8px;
}

#share_quiz_button {
padding-top:10px;
}

#addthis_individual {
text-align: center;
padding-left: 355px;
padding-top: 10px;
}

#addthis .addthis_button_expanded, #addthis_individual .addthis_button_expanded {
color: white;
font-size: 14px;
font-weight: bold;
}

.addthis_separator {
color: white;
}



/* --- SCROLLPANE --- */

.holder {
float: left;
margin: 0px;
background: url(../images/bg-scrollpane.jpg) no-repeat;
}

.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
outline: none;
}

.scroll-pane {
overflow: auto;
float: left;
padding: 5px 25px;
}

.scroll-pane p {
color: #666!important;
line-height: 20px!important;
margin: 20px 0px!important;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right: 0;
top: 0;
height: 100%;
}

.jScrollPaneDrag {
position: absolute;
cursor: pointer;
overflow: hidden;
}

.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}

.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}

a.jScrollArrowUp {
}

a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
}

a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
}

a.jScrollArrowDown:hover {
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}

.reflected .scroll-pane {
width: 408px;
height: 447px;
}
.reflected .jScrollPaneTrack {
background: url(../images/scrollpanetrack.jpg) no-repeat;
}
.reflected .jScrollPaneDrag {
background: url(../images/scrollpanedrag.png) no-repeat;
height: 181px!important;
_background: url(../images/scrollpanedrag.gif) no-repeat;
height: 181px!important;
}

.reflected a.jScrollArrowUp {
background: url(../images/btn-scrollup.jpg) left top no-repeat;
width: 17px;
height: 25px;
}
.reflected a.jScrollArrowUp:hover {
background-position: 0px -25px;
}

.reflected a.jScrollArrowDown {
background: url(../images/btn-scrolldown.jpg) left top no-repeat;
width: 17px;
height: 25px;
}
.reflected a.jScrollArrowDown:hover {
background-position: 0px -25px;
}

.reflected a.jScrollActiveArrowButton,
.reflected a.jScrollActiveArrowButton:hover {
background-position: 0px -50px;
}