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

html{
    height:100%;
}
body{
    background-color: #none;
    margin: 0;
    height:100%;
}
body *{
    font-family:"Helvetica Neue";
    color: none;
}

.title {
    text-align: center;
}
/* instructions styles*/

.instruction-container {
    width:auto;
    height:auto;
    background:none;
    margin-bottom: 30px;
}


.question {
    width:600px;
    height:auto;
    background:none;
    float:left;
}

/*  tools styles*/
.tools {
    font-family:"Helvetica Neue";
    font-size:13px !important;
    line-height:2;
    color:#fff;
    font-weight:bold;
}

#toolsContainer {
    margin-bottom:3px;
    float:right;
}

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


ul li {
    font-weight: bold;
    color: #0070AD;
    margin:0px;
    padding: 0px;
}

#insAudio {
    width:940px;
    height:auto;
    background:none;
    margin-bottom: 0px;
    margin-top: -8px;
}
/*  answers     */

.ans-title {
    text-align:center;
    font-size:15px;
    font-weight:bold;
}

/*--------old-----*/

.instructions{
    font-family:"Helvetica Neue";
    color: #0070AD;
    font-size:17px;
    margin-bottom: 5px;
}

.instructions_small {
    font-family:"Helvetica Neue";
    color: #0070AD;
    font-size:16px;
    margin-bottom: 5px;

}

.longOralQ {
   width:500px;
   padding-left:10;
   text-align:left;
}

#ins {
    width:920px;
    height:auto;
    background:none;
    margin-bottom: 50px;
}

#audio {
    width:100px;
    height:80px;
    background:none;
    float:left;
}
#instcontent {
    width:800px;
    height:80px;
    background:none;
    float:left;
    padding-left:20px;
}

#AnswersC {
    width:175px;
    height:auto;
    background:none;
    float:left;
    text-align:center;
}

#longInstructions {
    width:550px;
    height:auto;
    background:none;
    float:left;
}
#longAns {
    width:390px;
    height:auto;
    background:none;
    float:left;
    text-align:center;
}


.oralp{

    line-height:2;
    width:600px;
    padding-right:5px;
    padding-left:0px;
    font-size:15px;
}

/* h0grande is for backwards compatibility */
.h0grande{
    font-style:italic;
    font-weight:bold;
    font-size:27px;
    color: #350;
    letter-spacing: 1px;
}
h1, h2, h3, h4 {
    font-style:italic;
    font-weight:bold;
    color: #350;
    letter-spacing: 1px;
    width: 490px;
}

h1{
    font-size:24px;
}
h2{
    font-size:20px;
}
h3{
    margin-top: -0.7em;
}
#header{
    width:800px;
    background-image:url(images/bars.png);
    background-repeat:repeat-y;
    height:30px;
    padding: 10px 0 0 15px;
    margin-left:-15px;
}
.navLinks{
    color:#b30;
  font-size:15px;
    font-weight:bold;
    text-decoration:none;
}
.navigation{
    width: 715px;
    clear:both;
}
#content{
    background-repeat:repeat-y;
    height: auto !important;
    min-height: 100%;
    margin-bottom:-95px;
}
#footer{
    font-size:0;
    background-image:url(images/bars.png);
    background-repeat:repeat-y;
    width:800px;
    height:95px;
}
.push{
    height: 145px;
}
p{
    font-size:16px;
    font-family:"Helvetica Neue";
    color: #000;
    text-align:left;
    line-height: 1.34;
    width: 930px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight:normal;
}

ol {
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
}
span {
    font-size:16px;
    font-family:"Helvetica Neue";
    color: #000;
    text-align:left;
    line-height: 1.34;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight:normal;
}
li{
    font-family:"Helvetica Neue";
    font-size:16px;
    color: #000;
    text-align:left;
    line-height: 2.5;
    font-weight:bold;
    margin-top: 5;
    /* margin-bottom: 10;*/
}
.redspan{
    color: #b30;
    font-style:italic;
    font-weight:bold;
}

.bluespan{
    color: #0070AD;
}

.orangespan{
    color: #D21A1A;
    font-weight:bold;
}

.notes {
    font-size:13px;
    line-height:1.2;
    font-family:"Helvetica Neue";
    font-weight:normal;
}

.text_mask{
    color: gray;
}
.h3link {
    display: inline !important;
}

span.infinite {
    font-size: 2em;
    vertical-align: middle;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style:italic
}

.centered {
    text-align: center !important; /* when combined with .subtotal/.total this more relevant */
}
.right {
    text-align: right !important; /* to override */
}
.left {
    text-align: left !important; /* to override */
}
.underlined{
    text-decoration: underline;
}
p.button_ph {
    clear:both;
}

/*********** Dialog ************/
.dialog {
    display: none; /* hide all dialogs by default */
    max-height: 321px;
}

.dialog * {
    width: auto;
}

.review-message {
    background: url(images/Thoughbubble_2_small.png) top left no-repeat;
    padding-left: 55px;
}

/* use in dclass property of Dialog opts
 * with title=" " to show just the
 * close button */
.no-title .ui-widget-header {
    border: none;
    background: none;
    position: relative;
    top: 10px;
}

.no-title .ui-dialog-titlebar-close {
    z-index: 1000; /* put it in the front of everything */
}

.no-title .ui-widget-content > * {
    /* move to the top the first content child */
    padding-top: 0;
    margin-top: 0;
}

.no-title .ui-dialog-titlebar-close {
    /* move the close button a little bit to the left to avoid
     * hovering the vscroll bar
     */
    right: .8em !important;
}

/* use in dclass property of Dialog opts
 * to show no title bar */
.disable-title .ui-dialog-titlebar {
    display:none;
}


/******** Begin Tables *********/
table{
    display: inline-block; /* do max-width to work: http://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/4019775#4019775 */
    font-size: 12px !important;
    font-style: normal;
    border:1px solid #fff;
    margin-bottom:20px;
    max-width: 953px;
}

caption {
    font-size: 16px !important;
    font-weight: bold;
}

th{
    padding:3px;
    background-color:#E5E5E5;
    color:#FFF;
    width:800px;
    text-align:left;
}

td{
    width:800px;
    padding:0px;
    background-color:#EEEEEE;
    font-size:16px;
    text-align:left;
}

.anscheck {
   width:150px;
   padding-left:20px;
   text-align:left;
}

.longAnswer {
   width:500px;
   padding-left:20;
   text-align:left;
}

.longQuestion {
   width:500px;
   padding-left:20;
   text-align:left;
}

table.accordion_table {
    max-width: none !important;
    margin: 0 auto !important;
}

table.placement-table {
    float: left;
}

table.small {

}

table.small th, table.small td {
    min-width: 0;
}

table.transparent_cells td {
    background-color: transparent;
}
/*==================================*/
/*  A table with centered contents  */
/*==================================*/
table.centered * {
    text-align: center;
}

/******** End Tables *********/

/****** General inputs **********/
input.idea {
    width: 430px;
    font-size:16px;
}

input.small_idea {
    width: 230px;
}

input.mid_value {
    width: 90px;
    font-size:15px;
}

input.mid_value_blue {
    width: 100px;
    font-size:15px;
    border-color:#12A7EC;
}

input.mid_value_blue2 {
    width: 140px;
    font-size:15px;
    border-color:#12A7EC;
}

input.big_value_blue {
    width: 450px;
    font-size:14px;
    border-color:#12A7EC;
}

input.small_value {
    width: 30px;
}

select.medium {
    width: 150px;
}
/******** Begin HTML Interactions *********/
.error{
    border: 1px solid red !important;
}

.hidden{
    display: none;
}

.correct-answer {
    background: url('../Images/ok.png') 0 0 no-repeat;
    padding: 0px 0px 25px 20px;
    margin-left: 2px;
}

.incorrect-answer {
    background: url('../Images/no_ok.png') 0 0 no-repeat;
    padding: 0px 0px 25px 20px;
    margin-left: 2px;
}