/* CSS Document */

/*

Colors - 

GREEN - #00AB4E
DARK GRAY - #666666
LIGHT GRAY - #CCCCCC
BLACK - #000000

AMBER - #f59e00
RED - #e52435

*/

body { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666; color:#000000; width:886px; margin: 0 auto; }

textarea { font-family:Arial, Helvetica, sans-serif; font-size:14px; }

h2 { font-size:1.6em; color:#00AB4E; padding-bottom:10px; }

h3 { font-weight:bold; color:#777877; padding-bottom:5px; }

h4 { font-weight:bold; color:#000000; padding-bottom:5px; }

p { color:#000000; }

a { color:#00693e; text-decoration:none; font-weight:bold; }

a:hover { color:#666666; }

strong { color:#000000; font-weight:bold; }

.error { color:#FF0000; font-weight:bold; }

div#container { margin: 0 auto; width:886px;  }

div#header { display:block; position:relative; width:886px; height:147px; background-image:url(../images/header-logo.png); background-position:-10px 0px; background-repeat:no-repeat; }

div#header h1 span { display:none; }

div#header h1 a { position:absolute; left:0px; right:0px; width:200px; height:147px; display:block; top: 0px; }

div#header-inner { position:absolute; top: 10px; right: 10px;  }

div#header-inner a { color:#CCCCCC; font-size:0.9em; font-weight:normal; }

div#header-inner a:hover { color:#00AB4E; }

div#nav a { color:#666666; }
div#navalt a { color:#00AB4E; }

div#nav a:hover { color:#00AB4E; }

div#nav { display:block; position:relative; width:886px; left:-10px; z-index:10; }

div#nav ul li { float:left; text-align:center; padding:10px 10px; /*width:120px;*/ color:#666666; height:18px; background-image:url(../images/menu-divider.gif); background-position:right; background-repeat:no-repeat; }

div#nav ul li { color:#00AB4E; font-weight:bold; }

div#nav ul li.menu-end { background-position:-999px; }

div#nav ul li#menu-end { background-position:-999px; }

div#nav ul#signin-link li { position:absolute; right:-15px; }

div#nav ul#signin-link li a { color:#00AB4E; }

div#nav ul#signin-link li a:hover { color:#666666; }

div#container-inner {display:inline-block;margin: 0 auto 120px auto; width:886px; /*background-image:url(images/banners/banner_1_1.jpg);*/ background-image:url(images/banners/banner_1.png); background-position:top left; background-repeat:no-repeat; background-size:100%; padding-top:35px;}

div#container-inner-box-text { width:260px; padding:15px; /*background-color:#FFFFFF;*/ margin-top:10px; margin-left:25px; opacity: 0.85; filter: alpha(opacity=85); opacity: .85; -moz-opacity: 0.85; -khtml-opacity: 0.85; -o-opacity: 0.85;}

div#container-inner-content { position:relative; /*width:430px;*/ /*width:870px; top:100px;*/ top:110px; padding:0px 15px 0px 0px; }

div#container-inner-content p {  padding-bottom:10px; }

div#container-inner-content ul { padding-bottom:10px; width:430px; }
/*
div#container-inner-content ul .innerlist { margin-left:10px; margin-top:0px; }

div#container-inner-content ul li { color:#000000; list-style-position:outside; margin-left:10px; list-style-type:circle; display:block; }

div#container-inner-content ul li span { margin:5px 0px; display:block; }
*/

div#footer { display:block;/*position:relative;*/ width:100%; height:40px; /*background-color:#999999;*/ background-color:#00AB4E; /*top:220px;*/ font-size:12px;}

div#footer-inner {
    text-align: right;
    padding-top:12px;
    padding-right:10px;
}

div#footer-inner p { font-weight:bold; font-size:0.9em; color:#ffffff; }

div#pushbottom, .clear { clear:both; }

div#nav li { position:relative; }

div#nav li.headlink ul { display: none; }

div#nav li.headlink:hover ul { display: block; }

div#nav li.headlink ul { position:absolute; z-index:10; zoom: 1; /*position:relative;*/ left:0px; top:30px; }

div#nav li.headlink ul li {  text-align:left; clear:both; z-index:10; height:12px; padding:5px; font-size:12px; zoom: 1;/*padding:10px;*/ width:100px;  background-color:#FFFFFF; background-position:-999px; overflow:visible; } 

#toggle-menu {
				display: none;
				float: right;
				height: 35px;
				width: 35px;
                margin:16px 16px 0 0;
				cursor: pointer;
				text-indent: -99999em;
				background: url("../images/hamburger-green.png") no-repeat center center;
			}

/*-------------------------------------------------------------------------*/

div#questionholder, .dashboardholder { position:relative; width:636px; left:0px; padding:10px; background-color:#f1f1f2; /*border:1px solid #000000;*/ margin-bottom:10px;}

.dashboardholder { width:865px; }

/*div#questionholder p { width:865px; }*/
div#questionholder p { width:100%; }

div#questionholderx blockquote { color:#00AB4E; margin: 0px 0px 10px 0px; width:865px; }

.dashboardholder table, div#questionholder table, div#questionholder div#questiontypeThreeContent { position:relative; background-color:#FFFFFF; width:100%; /*border:1px solid #000000;*/ padding: 10px; }

.dashboardholder table th, div#questionholderx table th { font-weight:bold; text-align:center; color:#000000; line-height:20px; }

.dashboardholder .resulttable th { font-weight:bold; text-align:left; padding:5px; color:#000000;}

.dashboardholder td a { color:#00693e; }

.dashboardholder .resulttable td { text-align:left; padding:5px;}

div#questionholderx em { position:relative; color:#999999; margin-bottom:10px; }

/*div#questionholderx .questcount { color:#999999;margin-bottom:10px;}*/

/*div#questionholderx p { width:865px; font-size:16px; line-height:22px; }*/
div#questionholderx p { width:100%; font-size:16px; line-height:22px; }

div#questionholderx_del blockquote { color:#999999; }
div#questionholderx blockquote { color:#777877; font-weight:bold; }
div#questionholderx .prompt { color:#777877; font-weight:bold; }

div#questionholderx table { width:650px; width:100%;}

div#questionholderx table th, div#questionholderx table td { padding:5px; }

.dashboardholder table td { text-align:center; padding:5px; }
.dashboard td {height:25px;}

.dashboardlights td { text-align:left; padding:5px; vertical-align:top; width:auto; }

div#questionholderx ul li { list-style : disc inside; margin-bottom:10px; width:865px; font-size:16px; line-height:18px; color:#000000;}

div#questiontypeThreeContent span p { /*margin: 5px; width:865px;*/ margin:5px auto; width:95%;display:block; font-size:14px; }

.assessmnetbuttons { position:relative; left:727px; }
.assessmnetbuttonsold { position:relative; left:727px; }

.assessmnetbuttonspre { position:relative; top:25px; }

.quizansholder { width:865px; width:100%;}

.quizansholder table {
    width: 100%;
}

.quizansholder table td, .quizansholder table th {
    vertical-align: middle;
    padding: 5px 5px 5px 0px;
    color: #000000;
}

.quizansholder table td { font-weight:bold; /*width:20%;*/ text-align:right; }

.Correct { color:#00AB4E; }

.PartCorrect { color:#f59e00;}

.Incorrect { color:#FF0000; }

/*-------------------------------------------------------------------------*/

div#container-inner-content-form form { position:relative; width:636px; left:0px; padding:10px 0px; /*background-color:#BCFEBE; border:1px solid #00AB4E;*/ margin-bottom:10px; }

div#container-inner-content-form #signinform { background-color:#d9f2e5; /*border:1px solid #00AB4E;*/ padding:10px; }

div#container-inner-content-form #reminderform { background-color:#d9f2e5; /*border:1px solid #00AB4E;*/ padding:10px; }

div#container-inner-content-form p { clear:left; margin:0; padding:0; padding-top: 10px; width:100%; }

div#container-inner-content-form p strong { color:#666666; font-weight:bold; }

div#container-inner-content-form p input.txt, div#container-inner-content-form p select.txt { border: 1px solid #00AB4E; width:180px; padding:3px;  }

div#container-inner-content-form p input.chk { border: 1px solid #00AB4E; }

div#container-inner-content-form label { float:left; width:45%; padding-right:10px; color:#000000; padding-bottom:10px; }

div#container-inner-content-form label span { color:#999999; }

div#container-inner-content-form #psr_score, div#container-inner-content-form #psr_verify { display:inline; }

div#container-inner-content-form .psr_Weak, div#container-inner-content-form #psr_verify {  color:#FF0000; }

div#container-inner-content-form .psr_Medium { color:#FF9933; }

div#container-inner-content-form .psr_Strong { color:#00AB4E; }

div#container-inner-content-form label.errorVal { display:inherit; color:#FF0000; }

.button { 
  -webkit-appearance: none;
  color:#00ab4a; 
  border: 1px solid #00ab4e; 
  font-size:14px; 
  font-weight:bold; 
  background-color:#FFFFFF; 
  cursor:pointer; 
  padding:5px;
    /*width: 52px;*/
}

.button:hover { color:#FFFFFF; color:#000000; background-color:#00ab4a; }

.button-rev { color:#FFFFFF; border: 1px solid #00ab4e; font-size:14px; font-weight:bold; background-color:#00ab4a; cursor:pointer; padding:3px; }

.button-rev:hover { color:#00ab4a; background-color:#FFFFFF; }

div#accordion { position:relative; width:100%; margin-bottom:10px; }

div#accordion h3 a { position:relative; color:#000000; }

div#accordion.acc-content { position:relative; zoom: 1; width:50%; }

/*-----------------------------------------*/

.ResultImage { position:relative; padding:10px; background-color:#f1f1f2; /*border: 1px solid #000000;*/ width:865px; margin-bottom:10px; }

.ResultImage table { /*border: 1px solid #000000;*/ background-color:#FFFFFF; padding:5px; height:160px; width:250px; /* margin-bottom:10px;*/ margin-bottom:0px; }

.ResultImage table tr td { vertical-align:top; padding:5px; /*font-weight:bold;*/ }

.ResultScore { position:absolute; /*border: 1px solid #000000;*/ top:82px; /*width:330px;*/ width:605px; /*left:540px;*/ left:270px; height:160px; background-color:#FFFFFF; /*font-size:100px; text-align:center; vertical-align:middle; line-height:180px*/ } 

.ResultScore table tr td { vertical-align:middle; padding:5px; /*font-weight:bold;*/ }

.ResultScore p { width:100%;  }

.ResultScore blockquote { position:absolute; /*width:310px;*/ text-align:center; left:10px; top:135px; font-size:8px; height: 20px; line-height:14px; color:#000000; }

.ResultImage table tr td .info p { text-align:left; vertical-align:top; padding:5px; font-weight:normal; }
/*------------------------------------------*/

div#signinholder { position:absolute; top:0px; left:445px; }

div#signinholder #signinform { background-color:#d9f2e5; /*border:1px solid #00AB4E;*/ padding:10px; width:420px; }

div#signinholder #reminderform { background-color:#d9f2e5; /*border:1px solid #00AB4E;*/ padding:10px; width:420px; }

/*---------------------------------------------*/

.listblack { color:#000000; }
.listblack2 { color:#000000; list-style:disc; list-style-position:outside; padding-left: 16px;}

/*------------------------------------------------*/

.columnnext { position:absolute; top:35px; left:440px; width:430px; }

.numberinput { text-align: right; width:100px; }

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.stdheader
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.stdheader h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

#QWizard { float:left; width:100%; padding:1em 1em 1em 1em; margin:0 0 0 0; }
#QWizard label {float:left; text-align:right; width:300px; margin-right:.5em; display:block; }

#ReportSelection label {width:200px; float:left; }

.CMSEditor {font-size:14px; color:#CC0000; font-weight:bold; text-align:center; }

.CMSEditor a {font-size:10px; color:#CC0000; }

.AdminGrid table { width:100%; }
.AdminGrid th td { padding: 3px 3px 3px 3px; }

.Grid table { width:100%; }
.Grid th { border: solid 1px #666666; margin: 2px 2px 2px 2px; padding: 3px 3px 3px 3px; text-align: center; color:#00AB4E; }
.Grid td { border: solid 1px #666666; margin: 2px 2px 2px 2px; padding: 3px 3px 3px 3px; text-align: center; }

.wrapurl {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	}

/* Dashboard traffic lights*/

.DashboardLightBox {
    display: inline-block;
    border: 0px solid #000000;
    padding:5px;
    width:31%;
    vertical-align:top;
}

.DashBoardLightImage {
    float:left;
    width:20%;
}

.DashBoardLightImage img {
    width: 100%;
}

.DashboardLightCopy {
    display:inline-block;
    margin:0 10px;
    width:69%;
}

.LeftButton {
    float:left;
    margin-right:5px;
}

.RightButton {
    float: right;
    margin-left:5px;
}

#ResultsOverviewWrapper {
    display: inline-block;
    padding: 10px;
    background-color: #f1f1f2;
    vertical-align:top;
    width:100%;
}

.ResultImage1 {
    display: inline-block;
    font-weight:bold;
    text-align:center;
    background-color: #FFFFFF;
    padding: 15px 5px 5px 5px;
    margin-right:10px;
    width:33%;
    height:180px;
}

.ResultScore1 {
    display: inline-block;
    background-color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    font-size: 14px;
    padding: 15px 5px 5px 5px;
    width:63%;
    height:180px;
    vertical-align:top;
}
 
.ResultScore table tr td { vertical-align:middle; padding:5px; /*font-weight:bold;*/ }

.ResultScore p { width:100%;  }

.ResultScore blockquote { position:absolute; /*width:310px;*/ text-align:center; left:10px; top:135px; font-size:8px; height: 20px; line-height:14px; color:#000000; }

.AccordionHeader {
    float:left;
    display:block;
    width:60%;
    max-width:60%;
}

.AccordionStatus {
    float:left;
    display:block;
    width:30%;
    max-width:30%;
}

.AccordionTrafficLight {
    float:right;
    display:block;
}

.AccordionTrafficLight img {
    padding-top:5px;
    width:80%;
}

.DashDetailLeft {
    float:left;
    display:block;
    width:50%;
    max-width:50%;
    margin-top:10px;
}

.DashDetailRight {
    margin-top:10px;
    float:right;
    display:block;
}

/* Paid test specific*/

#timerxx {
    position: fixed;
    top: 1em;
    right: 1em;
    height:150px;
    width:100px;
}

#timer {
    position: relative;
    float:right;
    top:-40px;
}

#timeblockxx {
    position: absolute;
    top: -80px;
    left: -220px;
    text-align: center;
    height:250px;
    color:#00AB4E;
    font-weight:bold;
}

#timeblock {
    text-align: center;
    color:#00AB4E;
    font-weight:bold;
    font-size:16px;
}

/* Responsive settings */

.portraitswitch {
            display: none;
            width:100%;
            /*background-color:#00AB4E;*/
            height:100%;
            text-align:center;
            z-index: 10;
            position: absolute;
            height:2000px;
            top: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
        }

.portraitswitch p {
            color:#ffffff;
            font-size:24px;
            font-weight:bold;
            text-align:center;
            padding-top: 45%;
        }

@media screen and (max-width: 886px) {

    body {
        width: auto;
    }

    div#header { /*background-position:20px 0px;*/ width:96%; margin: 0 auto; }

    div#container {
        width: 100%;
    }

    div#container-inner {
        width: 100%;
    }

    div#container-inner-content {
        width: 96%;
        margin:0 auto;
        padding:0;
    }

    div#containerx {
        padding: 0 5px;
    }

    .button {
        font-size: 14px;
        padding: 5px;
    }

    .ResultImage1 {
        width:33%;
    }

    .ResultScore1 {
        width:62%;
    }

}

@media screen and (max-width: 767px) {

    div#header { width:96%; margin: 0 auto; height:70px; background-image:url(../images/header-logo_small.png); background-position:-5px 0px; }

    #toggle-menu {
        display: block;
    }

    div#nav {
        display: none;
    }

    div#container-inner { padding-top:10px;
    }
    
    div#container-inner-content {
        top: 90px;
    }

    div#footer-inner {
        text-align: center;
    }

    .ResultImage1 {
        width:33%;
    }

    .ResultScore1 {
        width:61%;
    }

}

@media screen and (max-width: 700px) {

    div#container-inner-content {
        top: 80px;
    }

    .DashBoardLightImage img {
    width: 100%;
    }

    div#questionholderx table { max-width:690px;}

    .ResultImage1 {
        width:32%;
    }

    .ResultScore1 {
        width:61%;
    }

}

@media screen and (max-width: 600px) {

    div#container-inner-content {
        top: 70px;
    }

    .DashboardLightBox {
        width:98%;
    }

    .DashBoardLightImage img {
    width: auto;
    }

    div#questionholderx table { max-width:590px;}

    .ResultImage1 {
        width:32%;
        height:220px;
    }

    .ResultScore1 {
        width:60%;
        height:220px;
    }

}

@media screen and (max-width: 500px) {

    div#container-inner-content {
        top: 40px;
    }

    div#questionholderx table { max-width:490px;}

    .ResultImage1 {
        width:97%;
        height:220px;
        margin-bottom:10px;
    }

    .ResultScore1 {
        width:97%;
        height:220px;
    }

}

@media screen and (max-width: 400px) {

    div#container-inner { padding-top:5px;
    }
    
    div#container-inner-content {
        top: 35px;
    }

    div#questionholderx table { max-width:340px;}

    .numberinput { width:50px; }

}

/* Responsive navigation */

.mobile-navigation {
	width: 0;
	height: 100%;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	background: #00ab4e;
	z-index: 200;
}
			
.mobile-navigation .close {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	right: 16px;
	top: 16px;
	text-indent: -99999em;
	cursor: pointer;
	background: url("../images/hamburger-close.png") no-repeat center center;
}
			
			
.mobile-navigation ul {
	margin: 0;
	padding: 80px 0 0 20px;
	list-style-type: none;
}
			
.mobile-navigation li {
	padding: 5px 0;
}
			
.mobile-navigation a {
	padding: 5px 0;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
}

.redbutton { color:#e52435; border-color:#e52435;
}

.redbutton:hover { background-color:#e52435; border-color:#e52435; color:white;
}

.amberbutton { color:#f59e00; border-color:#f59e00; 
}

.amberbutton:hover { background-color:#f59e00; border-color:#f59e00; color:white;
}

.blockspan {
    display: block;
    width:auto;
    text-align:center;
    vertical-align:middle;
}

.button-hide {visibility:hidden;}

#questionoutline {border:1px solid rgb(0, 171, 78);
                  padding:5px;
}

#questionoutline a {border:1px solid black;
                    padding:2px;
}

.PausePanelPopup {
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    z-index: 99;
    width: 100%;
    height: 100%;
    display: none;
}
.PausePanelContent {
      margin-top:20%;
    text-align: center;
}

div#questiontypeOne, #questiontypeTwo, #questiontypeThree, #questiontypeFour {font-size:16px;}

.pointer {
            cursor: pointer;
}