html * {
    margin: 0;
    /*padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

/* GENERAL */

.spinner {
    padding: 5px;
    position: absolute;
    right: 0;
}

body {
    color: #333;
    font: 1em arial, helvetica, verdana, sans-serif;
    text-align:center;
    background-color:#CCCCCC;
}

.logoBar {
   background-color:#324548;
   float:left;
   clear:both;
   width:100%;
}

.logo {
   background-color:#324548;
   float:left;
   padding:10px 10px 6px 10px;
}

a, a:link, a:visited, a:active {
    color: #2790A6;
    font-weight: bold;
    text-decoration: underline;
    cursor:pointer;
} 

a:hover {
    color: #2790A6;
    font-weight: bold;
    text-decoration: none;
    cursor:pointer;
}

h1 {
    color: #2790A6;
    font-weight: bold;
    font-size: 1.6em;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    margin-bottom:30px;
}

h2 {
    color: #000000;
    font-weight: bold;
    font-size: 1em;
    margin-top:0px;
    margin-bottom:5px;

}

h3 {
    color: #006dba;
    font-weight: bold;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom:10px;
}


#WelcomeH1{
   padding: 17px 12px 0px 12px ;
}
ul {
    padding-left: 0px;
    padding-right: 0px; 
    list-style-type: none;
}


.questionB{
clear:left; 
background-color:#FFFFFF;
margin: 0px 20px 0px 20px;
}

.questionA{
clear:left; 
background-color:#CCE1DE;
margin: 0px 20px 0px 20px;
}


.openQuestion {
   margin: 20px 0px 0px 0px;
   padding: 20px 0px;
}

textarea {
padding-bottom:20px;

}

.questionChoice {
   margin-bottom:0px;
   padding:20px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 20px;

}
 

.questionColour {
   margin-left: 0px;
   width:90%;
}

.bodyContent {
    width:100%;
    max-width:920px;
    padding:20px;
    float:left;
    background-color: #FFFFFF;
    margin: 0px auto;
    }


html>body .contact {
    background-color:#324548;
    color: #FFFFFF;
    font: 0.8em arial, helvetica, verdana, sans-serif;
    overflow: hidden;
    vertical-align: middle;
    width:100%;
    max-width:960px;
    float:left;
    height:40px;
}

* html .contact {
    background-color:#324548;
    color: #FFFFFF;
    font: 0.8em arial, helvetica, verdana, sans-serif;
    overflow: hidden;
    vertical-align: middle;
    width:100%;
    max-width:960px;
    height:40px;
}

.contactDetails {
   float:left;
   line-height: 40px;
}

* html .continue-button-cntr {
       height:15px;
       padding:15px 10px 10px 5px;

       }

.TextBoxQuestion{
   margin-top:30px;
   margin-bottom:0px;
   padding: 20px 0px 50px 0px;
}


select, textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 1em arial, helvetica, verdana, sans-serif;
    margin: 0px 0;
    padding: 0px 4px;
    
}

input {

    font: 1em arial, helvetica, verdana, sans-serif;
    margin: 0px 0;
    padding: 0px 4px;
    
}


.choiceLineHeight {
margin-top:5px;
margin-left:20px;
}

.dragdropOption {
   width:155px;
   height:50px;
   z-index:900; 
   float:left;
   cursor:move;
   text-align:center;
   color:#FFFFFF;
   margin-top:8px;
   margin-bottom:8px; 
   margin-right:10px; 
   margin-left:0px;
   font-size:0.8em;
}

html>body .dragdropOption {
   width:160px;
   height:70px; 
   z-index:900; 
   float:left;
   cursor:move;
   text-align:center;
   color:#FFFFFF;
   margin-top:8px;
   margin-bottom:8px; 
   margin-right:10px; 
   margin-left:0px;
   font-size:0.9em;
   font-weight:bold;
}

.dragdropAnswer {
   width:157px; 
   float:left;
   text-align:center;
   height: 42px;
}

html>body .dragdropAnswer {
   width:166px; 
   height:56px;
   float:left;
   text-align:center;
}


/* DRAG and DROP items with round corners */

.dragContent {
   width:150px;
    background-color: #2790A6;   
    height: 36px;
    float:left;
}

html>body .dragContent {
    width: 160px;
    height: 50px;
    float:left;
}

.dropContent {
   border-left: 3px dashed #666666;
   border-right: 3px dashed #666666;
   width: 156px;
   height: 42px;
   float:left;
}

html>body .dropContent {
    height: 56px;
    float:left;
    width: 160px;
}

.dragBarTop, .dragBarBtm {
   background-color: #2790A6;
   height: 10px;
   width: 130px;
   float:left;
   font-size:0px;
   line-heiht:0px;
}

html>body .dragBarTop, .dragBarBtm {
   background-color: #2790A6;
   height: 10px;
   width: 140px;
   float:left;
   font-size:0px;
   line-heiht:0px;
}

.dragCnrTopLeft, .dragCnrTopRight, .dragCnrBtmLeft, .dragCnrBtmRight {
   width: 10px;
   height: 10px; 
   float:left;
   font-size:0px;
   line-heiht:0px;
}

html>body .dragCnrTopLeft, .dragCnrTopRight, .dragCnrBtmLeft, .dragCnrBtmRight {
   width: 10px;
   height: 10px; 
   float:left;
}

.dragCnrTopLeft, .dragCnrBtmLeft {
   clear:left;
}

.dragCnrTopLeft {
    background-image: url(../images/cp/round-cnr/top-left.png);
}

.dragCnrTopRight {
    background-image: url(../images/cp/round-cnr/top-right.png);
}

.dragCnrBtmLeft {
    background-image: url(../images/cp/round-cnr/btm-left.png);
}

.dragCnrBtmRight {
    background-image: url(../images/cp/round-cnr/btm-right.png);
}

.dropBarTop, .dropBarBtm {
   background-color: #FFFFFF;
   height: 10px;
   width: 136px;
   float:left;
   font-size:0px;
   line-heiht:0px;
}

html>body .dropBarTop, .dropBarBtm {
   background-color: #FFFFFF;
   height: 7px;
   width: 146px;
   float:left;
   font-size:0px;
   line-heiht:0px;
}

.dropBarTop {
   border-top: 3px dashed #666666;
} 

.dropBarBtm {
   border-bottom: 3px dashed #666666;
}   

.dropCnrTopLeft, .dropCnrTopRight, .dropCnrBtmLeft, .dropCnrBtmRight {
   width: 10px;
   height: 10px; 
   float:left;
   font-size:0px;
   line-height:0px;
}

html>body .dropCnrTopLeft, .dropCnrTopRight, .dropCnrBtmLeft, .dropCnrBtmRight {
   width: 10px;
   height: 10px; 
   float:left;
}

.dropCnrTopLeft, .dropCnrBtmLeft {
   clear:left;

}

.dropCnrTopLeft {
    background-image: url(../images/cp/round-cnr/drop-top-left.png);
}

.dropCnrTopRight {
    background-image: url(../images/cp/round-cnr/drop-top-right.png);
}

.dropCnrBtmLeft {
    background-image: url(../images/cp/round-cnr/drop-btm-left.png);
}

.dropCnrBtmRight {
    background-image: url(../images/cp/round-cnr/drop-btm-right.png);
}

/* END - DRAG and DROP items with round corners */

select {
   padding: 2px 2px 2px 0;
}

textarea {
   width: 350px;
   height: 100px;
   vertical-align: top;
}

.welcomeText {
   padding-bottom:30px;
   background-color: #C9DDE0;
   text-align:center;
}

.welcomeText ol {
padding-left:40px;
padding-top:10px;
padding-bottom:10px;
}


.participateBox {
	background-color:#FFFFFF;
        text-align:left;
	padding:20px;
        width:650px;
}

.welcomeButtons  {
	background-color:#FFFFFF;
        text-align:left;
	padding: 0px 20px 20px 20px;
        width:650px;
}

html>body .participateBox, html>body .welcomeButtons  {
	background-color:#FFFFFF;
	margin-left:17%;
	margin-right:17%;
	margin-top:0px;
        width:580px;
        float:left;
        text-align:left;
}

.welcomeButtons {
        margin-bottom:30px;
        padding-top:0px;
        padding-bottom:10px;
}

.consent li {
        padding:10px;
}

#consentform {
   width: 100%;
   height: 300px;
   vertical-align: top;
   text-align:left;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid #b2d1ff;
}

.body {
    width:100%;
    max-width:960px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-color:#FFFFFF;
    float:left;
    clear:left;
}

.bodyFrame {
    margin: 0px; 15px 0px 15px;
   width:100%;
   float:left;
   clear:left;
}

.participantViewFrame {
        width:960px;
        margin-left: auto;
       margin-right: auto;
       text-align:center;
}

/*Login Screen */

.login {
   float:right;
   padding-right:10px;
   color:#FFFFFF;
   padding-top:15px;
}

.login a, .login a:visited  {
    color: #FFFFFF;
    text-decoration:none;
}

.login a, .login a:hover  {
    color: #FFFFFF;
    text-decoration:underline;
}


.logInLeft, .logInRight {
    width:310px;
    float:left;
}


.loginBox {
    width:200px;
    padding:20px 30px;
    background-color: #CCE1DE;
    margin-top:10px;
    float:left;
}

.loginLabel {
    width:120px;
    font: 1.2em arial, helvetica, verdana, sans-serif;
}


.rememberMe {
margin-top:10px;
width:200px;
}

.signinLine {
background-color: #FFFFFF;
}

/* NAVIGATION MENU */

.nav {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-style: solid none solid none;  
    margin-top: 5px;
    padding: 7px 12px;
}

.menuButton {
    font-size: 10px;
    padding: 0 5px;
}
.menuButton a {
    color: #333;
    padding: 4px 6px;
}
.menuButton a.home {
    background: url(../images/skin/house.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.list {
    background: url(../images/skin/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}
.menuButton a.create {
    background: url(../images/skin/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.next {
float:right;
padding:20px;
background-color:#CCCCCC;
margin-right:0px;
margin-top:20px;
font-size:1.6em;
color: #217B8E;
font-weight:bold;
text-decoration:underline;
cursor:pointer;
}

.close {
padding:20px;
font-size:1.6em;
color: #217B8E;
font-weight:bold;
text-decoration:underline;
cursor:pointer;
border:0px;
}

.webnographer-icon {
margin:10px;
float:left;
}


/* MESSAGES AND ERRORS */

.message {
    background: #f3f8fc url(../images/skin/information.png) 8px 50% no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    margin: 10px 0 5px 0;
    padding: 5px 5px 5px 30px
}


.scaleQuestionErrors {
    float:left;
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 5px 0 5px 0;
    padding: 0px 0 0px 0;
    background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
    width:100%;
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 30px;
    background: url(../images/skin/exclamation.png) 8px 0% no-repeat;
}
div.errors ul {
    list-style: none;
    padding: 0;   

}
div.errors li {
    padding-left: 0px;
}

td.errors select {
    border: 1px solid red;
}
td.errors input {
    border: 1px solid red;
}


/* TABLES */

table {
    width: 100%;
    max-width:960px;
}
tr {
    border: 0;
}
td, th { 
    font: 1em arial, helvetica, verdana, sans-serif;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
th {
    background: #fff url(../images/skin/shadow.jpg);
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding: 2px 6px;
}
th a:link, th a:visited, th a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}
th.asc a, th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}
th.asc a {
    background-image: url(../images/skin/sorted_asc.gif);
}
th.desc a {
    background-image: url(../images/skin/sorted_desc.gif);
}

.odd {
    background: #f7f7f7;
}
.even {
    background: #fff;
}

/* LIST */

.list table {
    border-collapse: collapse;
}
.list th, .list td {
    border-left: 1px solid #ddd;
}
.list th:hover, .list tr:hover {
    background: #b2d1ff;
}

/* PAGINATION */

.paginateButtons {
    background: #fff url(../images/skin/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 3px;
}
.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #ccc #aaa #aaa #ccc;
    color: #666;
    margin: 0 3px;
    padding: 2px 6px;
}
.paginateButtons span {
    padding: 2px 3px;
}

/* DIALOG */

.dialog table {
    padding: 5px 0;
}

.prop {
    padding: 5px;
}
.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}
.prop .value {
    text-align: left;
    width: 85%;

}

/* ACTION BUTTONS */

.buttons {
    background-color:#E8E8E8;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0;
    height: 20px;
    padding-top:5px;
    padding-left: 10px;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    margin-left: 3px;
    overflow: visible;
    padding: 2px 6px;
}
.buttons input.delete {
    background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.edit {
    background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat;
    padding-left: 28px;
}
.buttons input.save {
    background: transparent url(../images/skin/database_save.png) 5px 50% no-repeat;
    padding-left: 28px;
}

.save {
padding:10px;
background-color:#2790A6;
cursor:pointer;
margin-left:0px;
color: #FFFFFF;
font-weight:bold;
}

input.save:hover {
background-color:#FFFFFF;
color: #000000;
text-decoration:underline;
}

.signingin {
float:right;padding:20px;
background-color:#CCCCCC;
margin-right:-10px;
margin-bottom:-10px;
cursor: pointer;
font-size:1.6em;
color: #217B8E;
font-weight:bold;
text-decoration:underline;
border:0px;
}
  


/* CONTROL BAR */

#Layer1 {
   float:left;
   width:100%;
   max-width:960px;
   min-width:760px;
   z-index:1;
   background-color: #FFFFFF;
   font: 1em arial, helvetica, verdana, sans-serif;
   margin-bottom:0px;
   text-align:left;
}

#Layer12 {
   float:left;
   width:100%;
   max-width:960px;
   min-width:760px;
   z-index:1;
   background-color: #C9DDE0;
   font: 1em arial, helvetica, verdana, sans-serif;
   margin-bottom:0px;
   text-align:center;
}


#starttask {
padding-bottom: 20px;
}


/* @todo seperate out into its own css! Specific to questions  dupplicated for now in customer.css */

/*

  Card Sort

*/

* html .clickTestTopBar{
   float:left; 
   margin-left:2px; 
   padding-top:20px; padding-left:20px; padding-bottom:10px; background-color: #C9DDE0; height:170px; width:915px;
}

.clickTestTopBar{
   float:left; 
   margin-left:-20px;
   margin-right:-20px; 
   padding-top:20px; padding-left:40px; padding-bottom:10px; background-color: #C9DDE0; height:170px; width:920px;

}

/*Show cards */
.showCard{
   position:absolute;
   float:left; 
   margin-top:8px; 
   /**** margin-left:-${160-(cardCount*4)}px; leave blank as it is calulated dynamicly */ 
   overflow: hidden;
   height:180px;
   width:280px;
}

.cardContent{
  float:left;
  background-color:#ffffff;
  overflow: hidden;
  width:73%;
  height:60%;
}

.cardCnrTopLeft, .cardBarTop, .cardCnrTopRight,.cardCnrBtmLeft, .cardBarTop, .cardCnrBtmRight{
   overflow: hidden;
   float:left;
}

/*courners*/
.cardCnrTopLeft, .cardCnrTopRight,.cardCnrBtmLeft,.cardCnrBtmRight{
   width: 7%;
   height: 10%;
   float:left;
   background-repeat:no-repeat;
   /*font-size:0px;*/
   /*line-height:0px;*/
}

.cardCnrTopLeft, .cardCnrBtmLeft {
   clear:left;
}

.cardBarTop, .cardBarBtm {
  background-repeat:repeat-x;
   width: 76%;
   height: 10%;
   float:left;
}

.cardBarLft, .cardBarRt {
   background-repeat:repeat-y;
   width: 10%;
   height: 60%;
   float:left;
}

.cardBarLft {
   clear:left;
}

* html .showCard .cardAnswer {float:left;  width:73%; height:60%;   background-color: #ffffff; }
* html .showCard .cardContent {background-color: #ffffff;}

.showCard .cardCnrTopLeft{background-image: url(../images/clickTest/showCard/cnr_top_lft.gif);}
.showCard .cardBarTop{background-image: url(../images/clickTest/showCard/bar_top.gif);}
.showCard .cardCnrTopRight{background-image: url(../images/clickTest/showCard/cnr_top_rt.gif);}
.showCard .cardBarLft{background-image: url(../images/clickTest/showCard/bar_lft.gif);  background-color:#ffffff; float:left; }
.showCard .cardBarRt {background-image: url(../images/clickTest/showCard/bar_rt.gif);  float:left;}
.showCard .cardCnrBtmLeft{background-image: url(../images/clickTest/showCard/cnr_btm_lft.gif);}
.showCard .cardBarBtm{background-image: url(../images/clickTest/showCard/bar_btm.gif);}
.showCard .cardCnrBtmRight{background-image: url(../images/clickTest/showCard/cnr_btm_rt.gif);}

/*back of the cards */
.backCard{
   position:absolute;
   float:left; 
   margin-top:8px; 
   /**** margin-left:-${160-(cardCount*4)}px; leave blank as it is calulated dynamicly */ 
   overflow: hidden;
   height:180px;
   width:280px;
}

.backCard .cardContent{background-color:#eeeeee;  }

.buttonNormal .buttonCntr {width:150px; background-image: url(../images/clickTest/button/normal/cntr.gif);}

.buttonNormal .buttonRt{ background-image: url(../images/clickTest/button/normal/rt.gif);}
  float:left;
  background-color:#eeeeee;"
  overflow: hidden;
}

.backCard p{
  /*display:none;*/
}

* html .backCard .cardAnswer {float:left;  width:73%; height:60%;   background-color: #eeeeee;}
* html .backCard .cardContent {background-color: #eeeeee;}

.backCard .cardCnrTopLeft{background-image: url(../images/clickTest/backCard/cnr_top_lft.gif); }
.backCard .cardBarTop{background-image: url(../images/clickTest/backCard/bar_top.gif);}
.backCard .cardCnrTopRight{background-image: url(../images/clickTest/backCard/cnr_top_rt.gif);}
.backCard .cardBarLft{ background-image: url(../images/clickTest/backCard/bar_lft.gif); background-color:#eeeeee;}
.backCard .cardBarRt {background-image: url(../images/clickTest/backCard/bar_rt.gif); }
.backCard .cardCnrBtmLeft{background-image: url(../images/clickTest/backCard/cnr_btm_lft.gif);}
.backCard .cardBarBtm{ background-image: url(../images/clickTest/backCard/bar_btm.gif);}
.backCard .cardCnrBtmRight{background-image: url(../images/clickTest/backCard/cnr_btm_rt.gif);}

.emptyCard{
   position:absolute;
   float:left; 
   margin-top:8px; 
   /**** margin-left:-${160-(cardCount*4)}px; leave blank as it is calculated dynamicly */ 
   overflow: hidden;
   height:180px;
   width:280px;
}

* html .emptyCard .cardAnswer {float:left;  width:73%; height:60%;   background-color: #eeeeee;}

* html .emptyCard .cardContent{
  float:left;
  background-color: #eeeeee;
  width:100%;
  height:100%;
}

.emptyCard .cardContent{
  float:left;
  background-color: #eeeeee;
  width:73%;
  height:60%;
}

/* empty */

.emptyCard .cardCnrTopLeft{ background-image: url(../images/clickTest/backCard/cnr_top_lft.gif);}
.emptyCard .cardBarTop{background-image: url(../images/clickTest/backCard/bar_top.gif);}
.emptyCard .cardCnrTopRight{background-image: url(../images/clickTest/backCard/cnr_top_rt.gif);}
.emptyCard .cardBarLft{background-image: url(../images/clickTest/backCard/bar_lft.gif);  background-color:#eeeeee; float:left; }
.emptyCard .cardBarRt {background-image: url(../images/clickTest/backCard/bar_rt.gif);  float:left;}
.emptyCard .cardCnrBtmLeft{background-image: url(../images/clickTest/backCard/cnr_btm_lft.gif);}
.emptyCard .cardBarBtm{background-image: url(../images/clickTest/backCard/bar_btm.gif);}
.emptyCard .cardCnrBtmRight{background-image: url(../images/clickTest/backCard/cnr_btm_rt.gif);}

.button{

}

.buttonLft, .buttonCntr, .buttonRt{
  float:left;
  height:91px;
}

.buttonLft, .buttonRt{
  width:21px;
}

.buttonNormal{
  
}

li.buttonNormal {cursor: pointer; height:91px; width: 220px; float:left; margin-bottom:15px;}

li.buttonNormal .buttonLft{ cursor: pointer; width: 21px; height:91px; background-image: url(../images/clickTest/button/normal/lft.gif);float:left;}

* html li.buttonNormal .buttonCntr{cursor: pointer; width:150px; height:91px; background-image: url(../images/clickTest/button/normal/cntr.gif);float:left; text-align:center;vertical-align: middle;padding-top:20px;}

li.buttonNormal .buttonCntr{cursor: pointer; width:150px; height:71px; background-image: url(../images/clickTest/button/normal/cntr.gif);float:left; text-align:center;vertical-align: middle;padding-top:20px;}

li.buttonNormal .buttonRt{ cursor: pointer;width: 21px; height:91px; background-image: url(../images/clickTest/button/normal/rt.gif);float:left;}


/*hover*/

li.buttonNormal:hover { cursor: pointer; height:91px; width: 220px; float:left; margin-bottom:15px;}

li.buttonNormal:hover .buttonLft  { width:21px; height:91px; background-image: url(../images/clickTest/button/hover/lft.gif);float:left; }

* html li.buttonNormal:hover .buttonCntr{height:91px; width:150px; background-image: url(../images/clickTest/button/hover/cntr.gif);float:left;text-align:center;padding-top:20px;}
li.buttonNormal:hover .buttonCntr{height:71px; width:150px; background-image: url(../images/clickTest/button/hover/cntr.gif);float:left;text-align:center;padding-top:20px;}

li.buttonNormal:hover .buttonRt { width:21px; height:91px; background-image: url(../images/clickTest/button/hover/rt.gif);float:left;}


.buttonClicked {height:91px; width: 220px; float:left; margin-bottom:15px;}

.buttonClicked .buttonLft{ width:21px; height:91px; background-image: url(../images/clickTest/button/clicked/lft.gif); float:left;}

* html .buttonClicked .buttonCntr{width:150px; height:91px; background-image: url(../images/clickTest/button/clicked/cntr.gif);float:left;text-align:center;padding-top:20px;}
.buttonClicked .buttonCntr{width:150px; height:71px; background-image: url(../images/clickTest/button/clicked/cntr.gif);float:left;text-align:center;padding-top:20px;}

.buttonClicked .buttonRt{ width:21px; height:91px; background-image: url(../images/clickTest/button/clicked/rt.gif);float:left;}


.buttonDisabled {height:91px; width: 220px; float:left;margin-bottom:15px;}

.buttonDisabled .buttonLft{ width:21px; height:91px; background-image: url(../images/clickTest/button/disabled/lft.gif); float:left;}

* html .buttonDisabled .buttonCntr{height:91px; width:150px; background-image: url(../images/clickTest/button/disabled/cntr.gif);float:left;text-align:center;padding-top:20px;}
.buttonDisabled .buttonCntr{height:71px; width:150px; background-image: url(../images/clickTest/button/disabled/cntr.gif);float:left;text-align:center;padding-top:20px;}

.buttonDisabled .buttonRt{ width:21px; height:91px; background-image: url(../images/clickTest/button/disabled/rt.gif);float:left;}




/* end card sort  */
.scaleQuestion {
   margin-top:20px;
   width:100%;
   padding-top:20px
}

.scaleItem{
  width:100%;
}

.scaleItem ul{
  float:left;
}

.scaleItemLabel{
  display:inline;
  clear:left;
  float:left;
  width: 25% !important;
  padding:0px 30px 0px 20px;
}

.scaleItem li{
  display:inline;
  float:left;
  width:6.8%;
}

.toggleLabel {
text-align:center;
}

.clickTestQuestionChoice {
 width:920px;
}

* html .clickTestAnswers {float:left; clear:left;width:920px;padding: 0px 20px 20px 20px;}

.clickTestAnswers {float:left; clear:left;width:880px;padding: 20px 20px 40px 20px;}

* html .clickTestQuestion {float:left; margin-left:0px; height:160px; width: 220px;padding-right:10px;padding-top:25px;}
.clickTestQuestion {float:left; margin-left:0px; height:135px; width: 240px; padding-top:25px;}

* html #cardHolderDone {float:left; margin-left:46px; width:100px;}
#cardHolderDone {float:left; margin-left:46px; width:300px;}


* html #cardHolder {float:left; margin-left:280px; background-color: #aaaaaa; height:120px;}

#cardHolder {float:left; margin-left:300px; background-color: #aaaaaa; height:120px;}