* {margin: 0px; padding: 0; font-family: Arial, Helvetica, sans-serif;font-size:medium; color:#4d5b68;  }
* img {border: none}


.questionImage
{
	 
	max-width:300px;
	 
}

.loader 
{
	position: fixed;
	display:none;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/ajax-loader.gif') 50% 50% no-repeat  ;
}


.results_box{padding-top:7px;height:30px;background:#efefef;float:right;width:60px;font-size:18px;border:1px solid #CCC;text-align:center}


.questionimage {border: none; margin:0px 10px 10px 10px;float:left; max-width:300px;  max-height:300px; height:auto }
.questionimage2{ max-width:300px;  max-height:300px; height:auto }

.home-tab{float: left; background:#EDEDED; border-right: 1px #999999 solid; border-top: 1px #fff solid;  display:block;    text-align:center; padding:6px; height:22px;cursor: pointer}
.home-tab-selected{float: left; color:#FFFFFF; background:#EDEDED; border-right: 1px #999999 solid; border-top: 1px #fff solid;  display:block; text-decoration:none;  text-align:center; padding:6px; height:22px;cursor: pointer}
.home-tab:hover{background-color:#91cb00;  color:#FFFFFF }
 


.headbar {  padding: 5px;  text-align: right; color: #fff; text-decoration:none; font-size:small; border-bottom: 3px solid #CCC;	} 
.topbar { height:22px; padding:7px; border-top:1px solid #fff;  display:block;  color: #fff;}
	
.butBar	{   min-width:300px; width:100%; height:29px; margin:0px; padding-bottom:5px;  background:#EDEDED ; overflow: visible} 



/* --- GRAMMAR REFS --- */

h3{  font-size:1em;   margin-top: 1em; border-bottom: dashed 1px #666; padding-bottom: 0.3em; }
h2{  font-size:1em;   margin-top: 1em; border-bottom: dashed 1px #666; padding-bottom: 0.3em; }
.printbar{ display:none }
.darkBg{ display:none }
table td{ padding: 10px;}
.borderTable ul { list-style-type:none;  margin-left: 0px;}
.borderTable li { margin-left: 0px;  margin-bottom: 20px ;}
.borderTable li a { color: #000000; padding:7px; background: #33CCFF ; text-decoration:none;  cursor: pointer;  border-radius: 5px; -webkit-border-radius: 5px;  }
.borderTable li a:hover {background:#CCFFCC;   border-radius: 5px;  border-radius: 5px; -webkit-border-radius: 5px;}






.logo{ float:left; padding:10px;  } 	
 

a.darkbg:link {color: #fff; font-size:small;} 
a.darkbg:hover{color: #ccc; font-size:small; }


.button-tab{min-width:50px; background:#EDEDED; border-right: 1px #999999 solid; border-top:1px #fff solid; display:block; text-decoration:none;  text-align:center; padding:6px; height:22px; }
.button-tab-selected:link{ color:#fff; min-width:50px; background:#EDEDED;  border-top: 1px #fff  solid;  border-right: 1px #fff solid;  display:block; text-decoration:none;  text-align:center; padding:6px;; height:22px; } 
a.button-tab:link   { background:#EDEDED; }
a.button-tab:hover  { background:#91cb00; color:#FFFFFF }
a.button-tab:visited{ background:#EDEDED; }





.tableList { min-width:300px; width:95%; margin-bottom:2px;   text-align: left; empty-cells: show; width:95%;  padding:10px; }
.tableList th { padding: 10px; background:#CCC;   }
.tableList td { padding: 10px;  }
.tableList tr.rowA { background: #f7f7f7}
.tableList tr.rowB { background: #fdfdfd } 
.tableList tr.last { background: #DDD }
.tableList tr:hover td { background: #EDEDED;    }

 

.selectedContacts{background:#fff;  border: solid 1px #a9abae; display:block; min-height:28px; padding:10px;  border-radius: 5px }




.contacts {
	 
	margin:0px; 
	display:none; 	
	position:absolute;
	z-index:20;
	background-color: #E9E9E9;
	border:solid 0px #69F;
	width:100%;
  
	}
	
	.contactsHeader {
	 height:20px;
	 background-color:#ccc;
	 }
	 
	.contactsList {
	padding:0px;
	background-color: #E9E9E9; 
		height: 100%;
	width:100%;
	} 

	.contactsClose {
	float:right;
	height:20px;
	width:20px;
	background-color:#E9E9E9
	}


	
 a.closeButton:link { background-color:#E9E9E9; text-decoration:none; }
 a.closeButton:hover{ background-color:#999; text-decoration:none; color: #990000}
	 
 

/* --- SELECT CONTACTS--- */


 
	
.selectedContacts{
	 background-color:#fff; 
	 display:block;
	 border: solid 1px #dfdfdf;
	 min-height:28px;
	 
}
	
.destinarioToken{
 font-size:small;
   margin: 2px;
   padding:2px;
   float:left;
   background-color: #E9E9E9
 }

.destinarioToken a:link {
 padding:0px;
 font-style:italic;
 font-size:small;
 color:#990000;
 text-decoration:none;
}

.destinarioToken a:hover {
 padding:0px;
 font-style:italic;
 font-size:small;
 color:#990000;
 background-color:#999;
 text-decoration:none;
}

.destinarioToken span a:link {
   padding:0px;
   border: solid #999 1px; 
   background-color:#ccc;
   font-style:italic
 }

.destinarioToken span a:hover{
   padding:0px;
   border: solid #999 1px; 
   background-color:#999;
   font-style:italic
 }





/* --- SELECT CONTACTS--- */


 


.mainbut{  display:block; padding:10px;; height:20px; cursor: pointer;}
.mainbut:hover { background:#EDEDED; }


hr {  height:0px;  padding:0px; border-right:0px; border-top:0px;   border-left:0px;  border-bottom:1px dotted  #0099FF ;float:left }
.btn_sp {float:left;padding-left:0px}
.content { min-width:300px; padding:5px; line-height:150%;background:#fff; overflow:hidden;clear:both }


#titleBar { display: block;  margin-bottom:10px;  font-weight: bold; font-size:1.3em ;overflow:hidden;}
#instructions{ padding-left:10px;   padding-top:10px; padding-bottom:30px;  overflow:hidden; }

#displayBar {padding:10px; background:#EDEDED;}

.controlBar{ text-align:center;}

input{ vertical-align:middle }
.moreNext { width:40px; height:40px}



.correctHints { background:#ffffff; color:#009900;} 


 
.textblock {   line-height:200%;   padding-top:10px;padding-left:5px}


 

.highlight{background:#D4F5FF}
.chbtn{  padding:1px;  ;background:#4466bb; color:#fff; cursor: pointer; } 
.hintsBar { background: #ffffff;  padding:1px; vertical-align:middle; border:none;   }  
 
 
 
.messagepanel{
margin: 0 auto;
color:#000000; 
background:  #CCFFCC;  
border: 1px solid #ccc;
padding: 2px;
text-align:center; 
z-index: 100;
width:100%;
display:none;
text-align:center;
 

  
}
 


.tick{ color:#00FF00;font-size:2px;display:none}	 			
.cross {color:#FF0000; font-size:30px;display:none}


.outputTargets{ display:none;  min-width:280px; width:90%; padding-top:20px; padding-left:5px; margin: 2px; min-height:40px ;   }
.mediaBar{   padding:20px;   text-align:center; display:block;   margin:0 auto; width:400px;   }

.keysentencewords { padding:7px; background: #ffffff ; margin:5px; line-height:125% }
.keysentence { float:left;padding:7px; background: #ffffff ; margin:5px; line-height:200%; }
.target { padding:7px; background: #ffffff ; margin-left:10px; margin-right:10px;  margin-bottom:10px; border: 1px #999999 solid;   border-radius: 5px; -webkit-border-radius: 5px; overflow: overlay; min-height:35px}

 .exerlink
{
	background-color:#eee;
	width:40px;
	margin-right:5px  ;
		margin-left:5px  ;
	border:1px solid #009be3;
	height:40px;
	 border-radius: 5px; 
    -webkit-border-radius: 5px;
	
}

 .exerlink:hover
{
	background-color:#ccc;
 
}

#bulletBar{color: #000000; padding:7px;  margin-left:10px;   display:block;  min-width:60px;  min-height:30px; }
.bulletBar{color: #000000; padding:7px;  margin-left:10px;   display:block;  min-width:60px;  min-height:30px; }

.bulletwhite {color: #666; padding:7px; background: #fff; margin: 2px ; text-decoration:none;  cursor: pointer;  border-radius: 5px; -webkit-border-radius: 5px;}

.bullet{min-width:30px; color: #000000; text-align:center; padding:7px; background: #98c0f3 ; margin: 2px ; text-decoration:none;  cursor: pointer; border-radius: 5px;  -webkit-border-radius: 5px;}
.bullet:active{ background: #98c0f3}
.bullet:hover {background:#8EE0E7}
 
 
.correctbullet{min-width:30px; text-align:center; color: #000000; text-decoration:none;  margin: 2px;  padding:7px;   background:#56F0B0;  float:left; display:inline; cursor: pointer;  border-radius: 5px;  -webkit-border-radius: 5px;}
.incorrectbullet{min-width:30px; text-align:center; color: #000000; text-decoration:none; margin: 2px;  padding:7px;  background:#FF9999;  float:left; display:inline;  cursor: pointer;  border-radius: 5px;  -webkit-border-radius: 5px;}



.incorrectColor { vertical-align:middle; color: #000000;  background:#FF9999; padding:3px;  border: 1px #000000 solid;  border-radius: 5px; -webkit-border-radius: 5px;cursor: pointer } 

.correctColor{ color: #000000;  background:#56F0B0; padding:5px;     border-radius: 5px; -webkit-border-radius: 5px ;line-height:200%; } 

.anstxbx                  {   text-align:left; color:#000000;   background:#F4F4F4;   padding:2px;  border: 1px #000000 solid;  ;} 
.anstxbxselected{   text-align:left; color:#000000;  background:#8EE0E7;   padding:2px;  border: 1px #000000 solid;  } 
.anstxbxincorrect{   text-align:left; color:#000000;   background:#FF9999;   padding:2px; border: 1px #000000 solid; } 
.anstxbxcorrect    {   text-align:left; color:#000000;  background:#8EE0E7;  padding:2px;  border: 0px #000000 solid;  } 


.spanAnsBox{ text-align:left; color:#000000; background:#F4F4F4;   padding:3px;  cursor: pointer; border: 1px #000000 solid; } 
.spanAnsBoxSelected { text-align:left; color:#000000; background:#8EE0E7;  padding:3px;  cursor: pointer; border: 1px #000000 solid;   } 

.nuetral{background:#FFFFFF;border: 0px #FFFFFF; }


#bbar{
position:absolute;
border: 1px solid #000;
background-color:#f3f3f3;
z-index: 100;
visibility:hidden;
 border: 1px #000000 solid; 
-webkit-border-radius: 5px;
 border-radius: 5px;
}



.bbarbutton{min-width:30px; color: #fff; text-align:center; padding:1px; background: #4466BB ; margin: 2px ; text-decoration:none;  cursor: pointer; border-radius: 5px;  -webkit-border-radius: 5px;}
.bbarbutton:active{ background: #4466BB }
.bbarbutton:hover {background: #AABBDD}


.bbarclose{font-size:14px;float:right; background:#E9E9E9;  width:25px; height:30px; color: #000000; text-align:center; padding:0px; background: #ccc ; margin: 2px ; text-decoration:none;  cursor: pointer; border-radius: 5px;  -webkit-border-radius: 5px;}
.bbarclose:hover{color:#ff0000; background:#CCC;}

.updownbutton:hover { background:#EDEDED; }

.targetElement{ color: #000000; z-index:100;min-height:14px;min-width:40px;padding:5px;text-align:center;   background: #FFCC33 ; margin: 2px ; text-decoration:none;  cursor: pointer; border-radius: 5px;  -webkit-border-radius: 5px;}
.targetElement:hover{ background: #F5B800 }

 
#footer {  color:#ffffff;  height:99px; padding-left :5px;  padding-top :10px; border-top: 6px solid #CCC; font-size:small}
#footer a {color:#ffffff; font-size:small}




html { height: 100%; }

body {
    height: 100%;
    margin: 0;
	 background-color: #FDFDFD;
    -webkit-text-size-adjust: none;
}


.header-wrapper {
    height: 44px;
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.7) 0 -1px 0;
    border-top: solid 1px rgba(255,255,255,0.6);
    border-bottom: solid 1px rgba(0,0,0,0.6);
    color: #fff;
    background-color: #4466bb;
    background-image:
        -webkit-gradient(linear, left top, left bottom,
            from(rgba(255,255,255,.4)),
            to(rgba(255,255,255,.05)) ),
        -webkit-gradient(linear, left top, left bottom,
            from(transparent),
            to(rgba(0,0,64,.1)) );
    background-repeat: no-repeat;
    background-position: top left, bottom left;
    -webkit-background-size: 100% 21px, 100% 22px;
    -webkit-box-sizing: border-box;
	z-index:150;
}


.scorebar-wrapper {
    height: 44px;
    font-weight: bold;
	text-align: center;
    padding-top:3px;
    border-top: solid 1px rgba(255,255,255,0.6);
  
    color: #fff;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-position: top left, bottom left;
    -webkit-background-size: 100% 21px, 100% 22px;
    -webkit-box-sizing: border-box;
}

/*
.controlbar-wrapper {
    display:block;
    height: 36px;
    font-weight: bold;
	text-align: center;
    padding-top:0px;
    border-top: solid 1px rgba(255,255,255,0.6);
    color: #fff;
        background-color: #efefef;
    background-image:
        -webkit-gradient(linear, left top, left bottom,
            from(rgba(255,255,255,.4)),
            to(rgba(255,255,255,.05)) ),
        -webkit-gradient(linear, left top, left bottom,
            from(transparent),
            to(rgba(0,0,64,.1)) );
    background-repeat: no-repeat;
    background-position: top left, bottom left;
    -webkit-background-size: 100% 21px, 100% 22px;
    -webkit-box-sizing: border-box;
}
*/

.controlbar-wrapper {
    display:block;
    height: 36px;
    font-weight: bold;
	text-align: center;
    padding-top:0px;
    border-top: solid 1px rgba(255,255,255,0.6);
    color: #fff;
     background-color: #ffffff;
 

    background-position: top left, bottom left;
    -webkit-background-size: 100% 21px, 100% 22px;
    -webkit-box-sizing: border-box;
}



.currentquestnum { background: #fff ; padding:7px; -webkit-border-radius: 5px; }





.header-wrapper h1 {
    text-align: center;
    font-size: 14px;
    line-height: 44px;
    margin: 0;
	    color: #fff;
}

.logo-wrapper {
	position:absolute;
	margin:0;
	 	
}


.group-wrapper {
    margin: 9px;
}

.group-wrapper h2 {
    color: #4c566c;
    font-size: 13px;
    line-height: 0.8;
    font-weight: bold;
    text-shadow: #fff 0 1px 0;
    margin: 20px 10px 12px;
}

.group-wrapper p {
    background-color: #fff;
    -webkit-border-radius: 10px;
    font-size: 17px;
    line-height: 20px;
    margin: 9px 0 20px;
    border: solid 1px #a9abae;
    padding: 11px 9px 12px;
}

.list-wrapper h2 {
    line-height: 44px;
	width:100%;
    padding: 1px 12px;
	padding-left:10px;
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.5) 0 1px 0;
	background:#ccc;
    background: left 1px  -gradient(linear,
            left top, left bottom,
            from(rgba(0,0,0,0.18)), color-stop(0.65, transparent))
        rgba(178,187,194,0.89);
    -box-sizing: border-box;
    height: 44px;
    border-bottom: solid 1px rgba(0,0,0,0.18);
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    color: #fff;
}


.headerh2 {
    line-height: 44px;
    padding: 1px 12px;
	padding-left:10px;
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.5) 0 1px 0;
	background:#ccc;
    background: left 1px  -gradient(linear,
            left top, left bottom,
            from(rgba(0,0,0,0.18)), color-stop(0.65, transparent))
        rgba(178,187,194,0.89);
    -box-sizing: border-box;
    height: 44px;
    
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    color: #fff;
}

.list-wrapper h3 {

color: #fff;
font-size: 1em;
   
}




.list-headercustom {
    line-height: 44px;
    font-size: 13px;
    padding: 1px 12px;
	padding-left:10px;
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.5) 0 1px 0;
	background:#ccc;
    background: left 1px -webkit-gradient(linear,
            left top, left bottom,
            from(rgba(0,0,0,0.18)), color-stop(0.65, transparent))
        rgba(178,187,194,0.89);
    -webkit-box-sizing: border-box;
    height: 44px;
    border-bottom: solid 1px rgba(0,0,0,0.18);
    overflow: hidden;
    white-space: nowrap;
    margin:1px;
    color: #fff;
}


audio{

	background:#fff;
	width:0px;
	height:0px;
	display:none;

}



.list-wrapper ul {
    padding: 0;
    background: #fff;
    font-size: 20px;
   
    margin: 0;
}




.list-wrapper ul li 
{
    border-bottom: 1px solid #dfdfdf;
    padding: 10px;
	
	display: block;
    -webkit-tap-highlight-color: transparent;
    background: -webkit-canvas(chevron-normal) right center no-repeat;
	 color: #fff;
    background:
        -webkit-gradient(linear,
            left top, left bottom,
            from(#efefef), to(white) ),

        -webkit-canvas(chevron-active) right center no-repeat #4466bb;
}

.chevron
{
    background-image:  url('../../images/chevron.gif');
	background-position: right center;
	background-repeat:  no-repeat;
}




.list-wrapper ul li a {
    text-decoration: none;
     cursor: pointer;  
}

.list-wrapper li:hover{
	background-color: #eeeeee;
      cursor: pointer;  
}



.list-wrapper ul li a span {
  display: block;
  margin:0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
}



.itemscore
{
text-align:right;
width:75px;
float:right

}

.subscore
{
 height:20px;
 width:50px;
 padding:2px;
 background:#efefef;
 border:1px solid #CCC;
 text-align:center;
 font-weight:bold;
  font-size:16px

}

.totalscore
{
 height:25px;
 width:65px;
 padding:10px;
 background:#efefef;
 border:1px solid #CCC;
 text-align:center;
 font-weight:bold;
 font-size:18px

}



.sectionTotal
{
 padding-top:20px;
 height:30px;
 background:#F9F9F9;
}
 




.group-wrapper ul {
    background-color: #fff;
    -webkit-border-radius: 10px;
    font-size: 17px;
    line-height: 20px;
    margin: 9px 0 10px;
}

.group-wrapper ul li {
    padding: 11px 9px 12px;
}

.group-wrapper ul {
    font-weight: bold;
    margin-bottom: 20px;
    list-style: none;
    padding: 0;
    border: solid 1px #a9abae;
}

.group-wrapper ul li:not(:last-child) {
    border-bottom: inherit;
}

.group-wrapper ul li a,






.group-wrapper ul li:first-child a {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
}

.group-wrapper ul li:last-child a {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.split-view .view:first-child {
    display: none;
}

.group-wrapper ul li a:active,


.group-wrapper ul li a:active *,


.header-wrapper .header-button {
    /* Button size and position (anchored right) */
    position: absolute;
    top: 7px;
    right: 6px;
    width: auto;
    height: 29px;
    min-width: 44px;    /* Minimum size for a tappable element */

    margin: 0;
    padding: 0 10px;

    /* Box style for a rounded button */
    border: solid 1px rgba(0,0,0,.25);
    border-top-color: rgba(0,0,0,.6);

    -webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);

    /* Text style */
    font-family: inherit;
    font-size: 12px;
    font-weight: bold;
    text-shadow: rgba(0,0,0,.4) 0 -1px 0;
    text-decoration: none;
    text-align: center;
    line-height: 29px;
    color: #fff;

   
}



.header-wrapper .header-button:disabled {
    color: rgba(255,255,255,0.65)
}

.header-wrapper .header-button:active:not(:disabled) {
    background-color: rgba(0,0,64,.5);
}

.header-wrapper .header-button.left {
    left: 6px; right: auto;
}

.header-wrapper .header-button.action {
    
}


  


.nav-button {

	 /* Button size and position (anchored right) */
    
    min-width: 44px;    /* Minimum size for a tappable element */
	height:40px;
    margin: 0;
    padding: 8px 10px 8px 10px;
    border: solid 1px #fff;
    /* Box style for a rounded button */
   
	 border-radius: 5px;
     
	
	-webkit-box-sizing: border-box;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);

    /* Text style */
    font-family: inherit;
    font-size: 12px;
    //font-weight: bold;
 
    text-decoration: none;
    text-align: center;
    line-height: 29px;
    color: #fff;

    /* Shiny effect for the background */
    background-color: rgba(0,0,0,.3);
    
    background-repeat: no-repeat;
    background-position: top left, bottom left;
    -webkit-background-size: 100% 14px, 100%;
}

  
   
.nav-button:disabled {
    color: rgba(255,255,255,0.65)
}

.nav-button:active:not(:disabled) {
    background-color: rgba(0,0,64,.5);
}


.nav-button.left {
    left: 6px; right: auto;
}


.nav-button:hover{}


.navbuttonnew {color:  #fff; padding:7px;    text-decoration:none;  cursor: pointer; background-color: rgb(51, 103, 153);}


.backforward {color:  #fff; padding:7px;    text-decoration:none;  cursor: pointer; background-color: rgb(51, 103, 153);}
 




.ui-corner-all {
	-moz-border-radius: 				.6em;
	-webkit-border-radius: 				.6em;
	border-radius: 						.6em;
}



 
label.ui-input-text { font-size: 16px; line-height: 1.4; display: block; font-weight: normal; margin: 0 0 .3em; }
input.ui-input-text, textarea.ui-input-text { background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 95%; }
input.ui-input-text { -webkit-appearance: none; }
textarea.ui-input-text { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
.ui-input-search { padding: 0 30px; width: 77%; background-position: 8px 50%; background-repeat: no-repeat; position: relative; }
.ui-input-search input.ui-input-text { border: none; width: 98%; padding: .4em 0; margin: 0; display: block; background: transparent none; outline: 0 !important; }
.ui-input-search .ui-input-clear { position: absolute; right: 0; top: 50%; margin-top: -14px; }
.ui-input-search .ui-input-clear-hidden { display: none; }


.ui-shadow-inset {
	-moz-box-shadow: inset 0px 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 4px 			rgba(0,0,0,.2);
}

.ui-body-c {
	border: 1px solid 		#B3B3B3;
	color: 					#333333;
	text-shadow: 0 1px 0 	#fff;
	background: 			#f0f0f0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #eee, #ddd); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #eee, #ddd); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #eee, #ddd); /* IE10 */
	background-image:      -o-linear-gradient(top, #eee, #ddd); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #eee, #ddd);
}


 




.header-wrapper .header-button.spinning span {
    color: transparent;
    text-shadow: none;
    background: -webkit-canvas(spinner) center center no-repeat;
    -webkit-background-size: auto 22px;
    padding: 4px;
    margin: -4px;
}

.footer-wrapper {
    margin: 5px;
    
}

.footer-wrapper p {
    background-color: #fff;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 14px;
    line-height: 20px;
    border: solid 1px #a9abae;
    padding: 11px 9px 12px;
}


.translation{
    background-color: #fff;
    -webkit-border-radius: 10px;
    font-size: 13px;
    line-height: 20px;
    margin: 10px;
    border: solid 1px #a9abae;
    padding: 11px 9px 12px;
}





.logon-wrapper .logon-button.action {
	background-color: #4466bb;
}

/**********************************/
/* Instructions 				  */
/**********************************/

        .instructions {
            z-index: -1;
            position: relative;
            -webkit-transition: margin-top 0.35s ease-out;
            border-bottom: 0;
            margin: 0 auto 34px;
            width: 320px;
        }
        
        .instructions img { display: block; }
        
        .instructions .tab:before {
            color: red;
            content: 'Instructions ';
        }
            
        .instructions .tab {
            position: absolute;
            background-image:-webkit-gradient(
                linear, left top, left bottom,
                from(black), to(#666));
            color: white;
            font: bold 11px/24px verdana;
            height: 24px;
            bottom: -24px;
            left: 0;
            width: 100%;
            padding: 0 5px;
            -webkit-box-sizing: border-box;
        }
		
		
		small {
    display: block;
    font-size: 13px;
    line-height: 15px;
    overflow: hidden;
    color: gray;
	}