@font-face{font-family:font_title; src:url('../partners/boston/titles.otf')}


.selector:hover
{
 content:url(img/selector_on.png);
}





/*------------------------------------------------------------------------------------------------*/
/*                                      COLOR SCHEMES                                             */
/*------------------------------------------------------------------------------------------------*/


.colorwheel-0 {background-color:CC861A; color:black;} 
.colorwheel-1 {background-color:998360; color:black;} 
.colorwheel-2 {background-color:FF7A3A; color:black;} 
.colorwheel-3 {background-color:7AFFCD; color:black;} 
.colorwheel-4 {background-color:1ACC57; color:black;} 
.colorwheel-5 {background-color:33CCC2; color:black;} 
.colorwheel-6 {background-color:609995; color:black;} 
.colorwheel-7 {background-color:3AFF83; color:black;} 


.color-chart
{
 color:rgba(151,187,205,0.2);	
}


.color-ok
{
 color:12c53c;
}




.color-problem
{
 color:ff4242;
}



.color-alert
{
 color:ff3a61;
}




.color-question
{
 color:ff963a;
}




.color-static
{
 color:856f5b;
}



.color-dark
{
 color:000000;
}




.chart
{
 color: rgba(151,187,205,0.2);	
 background-color:rgba(151,187,205,1);	
}
	



.ok
{
 color:ffffff;
 background-color:12c53c;
}



.alert
{
 color:ffffff;
 background-color:ff3a61;
}



.problem
{
 color:ffffff;
 background-color:ff4242;
}


.question
{
 color:ffffff;
 background-color:ff963a;
}



.static
{
 color:ffffff;
 background-color:856f5b;
}



.light-on-static
{
 background-color:856f5b;
 color:ffffff;
}



.static-on-light
{
 background-color:ffffff;
 color:856f5b;
}



.dark-on-light
{
 color: ;
 background-color:ffffff;
}



.light-on-dark
{
 color: ffffff;
 background-color:000000;
}








/*------------------------------------------------------------------------------------------------*/
/*                                        IMAGE TYPES                                             */
/*------------------------------------------------------------------------------------------------*/


.icon-tiny
{
 width:16px;
 height:16px;
 border-radius:8px;
}



.icon-verysmall
{
 width:24px;
 height:24px;
 border-radius:12px;
}



.icon-small
{
 width:32px;
 height:32px;
 border-radius:16px;
}




.icon-medium
{
 width:48px;
 height:48px;
 border-radius:24px;
}




.icon-big
{
 width:96px;
 height:96px;
 border-radius:48px;
}




.icon-huge
{
 width:128px;
 height:128px;
 border-radius:64px;
}



.image-test-small
{
 width:32px;
 height:32px;
 border-radius:8px;
 margin:4px;
}


.image-test-medium
{
 width:64px;
 height:64px;
 border-radius:8px;
 margin:4px;
}


.image-test-big
{
 width:128px;
 height:128px;
 border-radius:8px;
 margin:4px;
}



.image-test-huge
{
 width:288px;
 height:288px;
 border-radius:8px;
 margin:4px;
}



.image-free
{
 border-radius:8px;
}



.image-activity
{
 width:176px; 
 border-radius:8px;	
}






/*------------------------------------------------------------------------------------------------*/
/*                                        TEXT  TYPES                                             */
/*------------------------------------------------------------------------------------------------*/



.text-small
{
 font-family:helvetica;
 font-size:0.75em;
}




.text-medium
{
 font-family:helvetica;
 font-size:1em;
}




.text-big
{
 font-family:helvetica;
 font-size:2em;
}






.title-small
{
 font-family:font_title; 
 font-size:1em;
}


.title-medium
{
 font-family:font_title; 
 font-size:1.5em;
}



.title-big
{
 font-family:font_title; 
 font-size:2em;
}



.title-bigger
{
 font-family:font_title; 
 font-size:3em;
}



.title-huge
{
 font-family:font_title;
 font-size:3.75em; 
}











/*------------------------------------------------------------------------------------------------*/
/*                                        TABLE TYPES                                             */
/*------------------------------------------------------------------------------------------------*/


.table-structural
{
 border:0px;
 margin:0px;
 border-collapse:collapse;
}



.table-plain
{
 border:0px;
 background-color:ffffff;
 padding:8px;
}




.table-static
{
 background-color:856f5b;
 padding:8px;
}




.table-form
{
 background-color:ffffff;
 color:856f5b;

 font-family:helvetica;
 font-size:1em;
 
 padding:8px;
}



.table-test-element
{
 border:0px;
 margin:0px;
 padding:8px;
 
 border-radius:8px;
 border-collapse:collapse;	
}





/*------------------------------------------------------------------------------------------------*/
/*                                           BUTTON TYPES                                         */
/*------------------------------------------------------------------------------------------------*/



.button-big
{
 font-family:font_title; 
 font-size:1.5em;
 
 text-align:center;
 
 padding:4px;
 border-radius:8px; 
}



.button-medium
{
 font-family:font_title; 
 font-size:1em;
 
 text-align:center;
 
 padding:4px;
 border-radius:8px; 
}


.button-small
{
 font-family:helvetica; 
 font-size:0.75em;
 
 text-align:center;
 
 padding:4px;
 border-radius:8px; 
}




.button-square-small
{
 width:32px;
 border-radius:4px;
}




.button-square-big
{
 width:96px;
 border-radius:4px;
}















/*------------------------------------------------------------------------------------------------*/
/*                                      UNIQUE ITEMS                                              */
/*------------------------------------------------------------------------------------------------*/



.index-menu
{
 background-color:ffffff;
 
 height:64px;
}



.index-header
{
 background-color:ffffff;
 
 height:160px;
}





.index-main
{
 xbackground: linear-gradient(to bottom, #f4e8db 0%, #ffffff 61%);
 background-color:f4e8db;
}







.menu-username
{
 color:856f5b;
 
 font-family:font_title;
 font-size:2.5em;
}




.menu-item
{
 padding-top:4px;
 
 color:856f5b;
 
 font-family:font_title;
 font-size:1.5em;
}




.submenu-item
{
 padding-top:4px;
 
 color:856f5b;
 
 font-family:font_title;
 font-size:1.5em;
}





.reader-word
{
 font-family:helvetica;
 
 border-radius:8px;
 margin:2px;
}




.cando-token
{ 
 font-family:helvetica;
 font-size:0.75em;
 
 margin:2px; 
 padding:4px; 
 
 border-radius:4px;	
}



.sentence-token
{
 font-family:helvetica;
 font-size:1em;
 
 margin:2px; 
 padding:4px; 
 
 border-radius:4px;
}



.input-big
{
 font-family:helvetica;
 font-size:2em;
 
 color: 000000; 
 background-color: ffffff;
 
 text-align:center;
 border-radius:8px;
}



.input-radio
{
 
}



.feature-info
{ 
 font-family:helvetica;
 font-size:0.75em;
	
 color: ffffff; 
}




/*------------------------------------------------------------------------------------------------*/
/*                                          MODIFIERS                                             */
/*------------------------------------------------------------------------------------------------*/



.active
{
 cursor:hand;
}



.inactive
{
 opacity:0.25;
}




.wrong
{
 text-decoration: line-through;
}




.seamless
{
 border-style:none;
 background-color:transparent; 
} 


.padded
{ 
 padding:8px;	
}


.padded-cells
{
 td
 {
  padding:8px;	 
 }	 
}


.centered
{
 text-align:center;
}


.border-underline
{
 border-top: none;
 border-left: none;
 border-right: none;
 border-bottom: 2px solid #856f5b;
}



.border-none
{
 border-style: hidden;
}



.border-transparent
{
 border-style: solid;
 border-width: 2px;
 border-color: transparent;
}



.border-static
{
 border-style: solid;
 border-width: 2px;
 border-color: 856f5b;
}



.border-ok
{
 border-style: solid;
 border-width: 2px;
 border-color: 12c53c;
}



.border-problem
{
 border-style: solid;
 border-width: 2px;
 border-color: ff4242;
}



.border-alert
{
 border-style: solid;
 border-width: 2px;
 border-color: ff3a61;
}



.outline-content
{
 border-top:    1px solid #856f5b;
 border-right:  1px solid #856f5b;
 border-left:   4px solid #856f5b;
 border-bottom: 1px solid #856f5b;
}


.outline-static
{
 border-style: solid;
 border-width: 1px;
 border-color: 856f5b;
}


.size-square-huge
{
 width:256px;
 height:256px; 
}







/*------------------------------------------------------------------------------------------------*/
/*                                           ANIMATION                                            */
/*------------------------------------------------------------------------------------------------*/




.blink
{
 -webkit-animation-name: frameset-blink;
 -webkit-animation-duration: 1s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-iteration-count: infinite;

 animation-name: frameset-blink;
 animation-duration: 1s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
}


@-webkit-keyframes frameset-blink 
{  
 0%   { opacity: 1.0; }
 50%  { opacity: 0.0; }
 100% { opacity: 1.0; }
}

@keyframes frameset-blinker 
{  
 0%   { opacity: 1.0; }
 50%  { opacity: 0.0; }
 100% { opacity: 1.0; }
}