body {
	font: normal 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	margin: 0px;
}

.chaining_setup td {
	background-color: #DDFFDD;
}
.chaining_setup td.not_ok {
        background-color: #FFDDDD;
	border: 1px solid red;
}

#toolbar {
	width: 250px;
	height: 100%;
	float: left;
	background-color: #FAFAFF;
	padding: 10px;
	background-image: linear-gradient(left, #FAFAFF, #cbe0f5);
	background-image: -moz-linear-gradient(bottom right, #EEF6FF, #EAF4FF);
	text-align: center;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}

#toolbar h2 {
	text-align: center;
	font-size: 13px;
}

.syllabe_0:hover {
        background-color: #EEEEFF;
}
.syllabe_1:hover {
	background-color: #FFEEEE;
}
.syllabe_2:hover {
        background-color: #EEFFEE;
}
.word {
	font-size: 50px;
	height: 70px;
}

#phonem_selector {
	width: 250px;
}

#phonem_list_table {
	margin-left: auto;
        margin-right: auto;
}

#phonem_list_table td {
	width: 30px;
}

/*
#phonem_list_table td.active {
	background-color: #DDFFDD;
}
*/

#word_parameters {
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	text-align: center;
}

#word_parameters span {
	width: 110px;
	float: left;
	text-align: right;
}

#uncheck {
        text-align: center;
        margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

#display_settings {
	text-align: left;
}

#display_settings input {
	margin-left: 70px;
}

#toolbar #submit {
	margin-top: 20px;
}

#words_area {
}

.button-cupid-blue {
	background-color: #d7e5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7e5f5), color-stop(100%, #cbe0f5));
	background-image: -webkit-linear-gradient(top, #d7e5f5, #cbe0f5);
	background-image: -moz-linear-gradient(top, #d7e5f5, #cbe0f5);
	background-image: -ms-linear-gradient(top, #d7e5f5, #cbe0f5);
	background-image: -o-linear-gradient(top, #d7e5f5, #cbe0f5);
	background-image: linear-gradient(top, #d7e5f5, #cbe0f5);
	border-top: 1px solid #abbbcc;
	border-left: 1px solid #a7b6c7;
	border-bottom: 1px solid #a1afbf;
	border-right: 1px solid #a7b6c7;
	border-radius: 12px;
	-webkit-box-shadow: inset 0 1px 0 0 white;
	box-shadow: inset 0 1px 0 0 white;
	color: #1a3e66;
	font: normal 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	padding: 6px 0 7px 0;
	text-align: center;
	text-shadow: 0 1px 1px #fff;
	width: 150px;
}
.button-cupid-blue:hover {
	background-color: #ccd9e8;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccd9e8), color-stop(100%, #c1d4e8));
	background-image: -webkit-linear-gradient(top, #ccd9e8, #c1d4e8);
	background-image: -moz-linear-gradient(top, #ccd9e8, #c1d4e8);
	background-image: -ms-linear-gradient(top, #ccd9e8, #c1d4e8);
	background-image: -o-linear-gradient(top, #ccd9e8, #c1d4e8);
	background-image: linear-gradient(top, #ccd9e8, #c1d4e8);
	border-top: 1px solid #a1afbf;
	border-left: 1px solid #9caaba;
	border-bottom: 1px solid #96a3b3;
	border-right: 1px solid #9caaba;
	-webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
	box-shadow: inset 0 1px 0 0 #f2f2f2;
	color: #163659;
	cursor: pointer;
}
.button-cupid-blue:active {
	border: 1px solid #8c98a7;
	-webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
	box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
}

/* Button cupid green */
.button-cupid-green {
	background-color: #7fbf4d;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7fbf4d), color-stop(100%, #63a62f));
	background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: linear-gradient(top, #7fbf4d, #63a62f);
	border: 1px solid #63a62f;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
	box-shadow: inset 0 1px 0 0 #96ca6d;
	color: #fff;
	font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	padding: 7px 0 8px 0;
	text-align: center;
	text-shadow: 0 -1px 0 #4c9021;
	width: 150px;
}
.button-cupid-green:hover {
	background-color: #76b347;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #76b347), color-stop(100%, #5e9e2e));
	background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
	background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
	background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
	background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
	background-image: linear-gradient(top, #76b347, #5e9e2e);
	-webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
	box-shadow: inset 0 1px 0 0 #8dbf67;
	cursor: pointer;
}
.button-cupid-green:active {
	border: 1px solid #5b992b;
	border-bottom: 1px solid #538c27;
	-webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
	box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
}

/* Button cupid red */
.button-cupid-red {
        background-color: #D8D8D8;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ), color-stop(100%, #a6632f));
        background-image: -webkit-linear-gradient(top, #D8D8D8, #C7C7C7);
        background-image: -moz-linear-gradient(top, #D8D8D8, #C7C7C7);
        background-image: -ms-linear-gradient(top, #D8D8D8, #C7C7C7);
        background-image: -o-linear-gradient(top, #D8D8D8, #C7C7C7);
        background-image: linear-gradient(top, #D8D8D8, #C7C7C7);
        border: 1px solid #C7C7C7;
        border-bottom: 1px solid #BFBFBF;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 0 #EFEFEF;
        box-shadow: inset 0 1px 0 0 #EFEFEF;
        color: #fff;
        font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
        padding: 7px 0 8px 0;
        text-align: center;
        text-shadow: 0 -1px 0 #9A9A9A;
        width: 150px;
}
.button-cupid-red:hover {
        background-color: #b37647;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C8C8C8), color-stop(100%, #B7B7B7));
        background-image: -webkit-linear-gradient(top, #C8C8C8, #B7B7B7);
        background-image: -moz-linear-gradient(top, #C8C8C8, #B7B7B7);
        background-image: -ms-linear-gradient(top, #C8C8C8, #B7B7B7);
        background-image: -o-linear-gradient(top, #C8C8C8, #B7B7B7);
        background-image: linear-gradient(top, #C8C8C8, #B7B7B7);
        -webkit-box-shadow: inset 0 1px 0 0 #DFDFDF;
        box-shadow: inset 0 1px 0 0 #DFDFDF;
        cursor: pointer;
}
.button-cupid-red:active {
        border: 1px solid #BFBFBF;
        border-bottom: 1px solid #BFBFBF;
        -webkit-box-shadow: inset 0 0 8px 4px #9A9A9A, 0 1px 0 0 #eeeeee;
        box-shadow: inset 0 0 8px 4px #9A9A9A, 0 1px 0 0 #eeeeee;
}

.active {
	background-color: #b37647;
	background-image: -moz-linear-gradient(top, #b37647, #9e5e2e);
	background-image: linear-gradient(top, #b37647, #9e5e2e);
	box-shadow: inset 0 1px 0 0 #bf8d67;
}


@font-face {
	font-family: OpenDyslexic;
	src: url(open_dyslexic/OpenDyslexic-Regular.otf);
	
}
.opendyslexic {
	font-family: OpenDyslexic;
}