@charset "utf-8";

/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
}

img {
	border:none;
	vertical-align:sub;
	outline: none;
}

a {
	text-decoration:none;
	border: none;
	outline: none;
	cursor: pointer;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner,
button:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="file"]:focus,
input[type="file"] > input[type="button"]:focus {
	border: 0;
	padding: 0;
	margin: 0;
	outline: none;
}

input[type="checkbox"] {
	vertical-align: -10%;
	margin-left: 5px;
}

input[type="radio"] {
	vertical-align: -10%;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="file"] > input[type="button"] {
	cursor: pointer;
}

div {
	padding: 5px;
}

/*FAQ section*/
	.subtitle{
	 color: #333333;
	 font-family: Verdana,Geneva,sans-serif;
	 font-size: 1.25em;
	 margin-top: 1%;
	margin-bottom: 2%;
	}
	.btn_group_faq {
	color: #333;
	font-family: Verdana,Geneva,sans-serif;
	background: url(../img/minus-16-a.png) no-repeat left;
	}
	.text_group_faq {
        color: #333;
        font-family: Verdana,Geneva,sans-serif;
	padding: 2%;
        }
	.link_text{
	color: #0000C0;
	}
/*END FAQ Section*/

	/*----------DIVS---------*/
	.faq {
		
	margin: 0px;
	padding: 0px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	}
	.intro_faq {
		text-align: center;
		font-size: 1.5em;
		font-weight: bold;
		font-family: Verdana, Geneva, sans-serif;
		color: #333;
	}
	.intro_opt {
			text-align: center;
			font-size: 1.5em;
			font-family: Verdana, Geneva, sans-serif;
			color: #333;
		}
		
			.intro_opt h4 {
				text-align: center;
				font-weight: normal;
				font-size: 0.6em;
			}


		/*---------END OF MENU & HEADER----------*/
		.selection {
			width: 100%;
			padding: 0px;
			clear: both;
			overflow: hidden;
		}		
		.selection_FAQ{
			width: 100%;
			margin-top: 1%;
			margin-left: 5%;
			clear: both;
			overflow: hidden;
		}
			.subcontainer {
				width: 100%;
				padding: 0px;
				clear: both;
				overflow: hidden;
			}
	
			.idx_group {
				width: 550px;
				border: 2px solid #666;
				background-color: #E3E4D6;
				margin: 0px auto 12px auto;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
				clear: both;
				overflow: hidden;
				-webkit-box-shadow: 4px 5px 7px #666;  
				-moz-box-shadow: 4px 5px 7px #666;  
				box-shadow: 4px 5px 7px #666;
			}
			.idx_group_FAQ {
                                width: 80%;
                                border: 2px solid #666;
                                background-color: #E3E4D6;
                                margin: 2% auto 0% 8%;
                                border-radius: 10px;
                                -moz-border-radius: 10px;
                                -webkit-border-radius: 10px;
                                clear: both;
                                overflow: hidden;
                                -webkit-box-shadow: 4px 5px 7px #666;  
                                -moz-box-shadow: 4px 5px 7px #666;  
                                box-shadow: 4px 5px 7px #666;
                        }

				.btn_group {
					color: #333;
					background: url(../img/minus-16-a.png) no-repeat left;
				}
					.btn_group h4 {
						font-size: 0.6em;
					}

				.btn_reset {
					display: block;
					float: right;
					/*border: #666 solid 2px;*/
					color: #333;
					font-weight: normal;
					border-radius: 12px;
					-moz-border-radius: 12px;
					-webkit-border-radius: 12px;
					font-family: Verdana, Geneva, sans-serif;
					font-size: 0.9em;
					padding: 0px;
					background-color:  #bebcd9;
					line-height: 1.6em;
					margin-top: -2px;
					margin-bottom: -4px;
					-webkit-box-shadow: inset -1px -1px 4px #333;  
					-moz-box-shadow: inset -1px -1px 4px #333;
					box-shadow: inset -1px -1px 4px #333;
				}
				/*----------TABLES----------*/
				.idx_item {
					width: 967px;
					border-top: 1px dotted #999;
					border-bottom: 1px dotted #999;
					margin: 8px 5px 5px 5px;
					padding: 0px;
					border-collapse: collapse;
				}

					.btn_help {
						display: block;
						float: left;
						border: #FFF solid 1px;
						color: #FFF;
						font-weight: normal;
						border-radius: 12px;
						-moz-border-radius: 12px;
						-webkit-border-radius: 12px;
						font-family: Verdana, Geneva, sans-serif;
						font-size: 0.9em;
						padding: 0px;
						background: #333 url(../img/minus-16-b.png) no-repeat left;
						line-height: 1.7em;
					}
					
					.idx_name {
						font-weight: bold;
						text-align:right;
						width: 19%;
					}
	
				.idx_extra {
					width: 967px;
					margin: 0px 5px -5px 5px;
					padding: 0px;	
					font-size: 0.8em;
					line-height: 1.4em;
					border-bottom: 1px dotted #999;
					border-collapse: collapse;
					position: relative;
					top: -5px;
				}
	
					.idx_help {
						width: 70%;
						padding: 5px 10px 5px 10px;
						margin: 0px auto 0px auto;
					}
					
					.idx_constraint {
						width: 30%;
						padding: 5px 10px 5px 10px;
						border-left: 1px dotted #999;
						margin: 0px;
					}
				/*----------END TABLES----------*/
				/*----------INPUT TYPES---------*/
					.freq {
						width: 10em;	
					}
					
					.text {
						width: 20em;	
					}
					
					.number {
						width: 6em;
					}
				/*--------END INPUT TYPES-------*/	
				.idx_list {
					border-top: 1px dotted #999;
					border-bottom: 1px dotted #999;
					background-color: #CBCDB2;
					margin: 8px 5px 5px 5px;
					padding: 0px;
					line-height: 1.6em;
				}
					
				.idx_option {
					border: 2px solid #666;
					background-color: #bebcd9;
					border-radius: 10px;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					margin: 8px 5px 7px 5px;
					clear: both;
					overflow: hidden;
					-webkit-box-shadow: 2px 3px 5px #666;  
					-moz-box-shadow: 2px 3px 5px #666;  
					box-shadow: 2px 3px 5px #666;  
				}
					/*----------TABLES----------*/
					div.idx_option .idx_item {
						width: 944px;
						border-top: 1px dotted #666;
						border-bottom: 1px dotted #666;
						margin: 8px 5px 5px 5px;
						padding: 0px;
						border-collapse: collapse;
					}
					
						div.idx_option .btn_reset {
							background-color: #E3E4D6;
							color: #333;
						}
						
					div.idx_option .idx_extra {
						width: 944px;
						margin: 0px 5px -5px 5px;
						padding: 0px;	
						font-size: 0.8em;
						line-height: 1.4em;
						border-bottom: 1px dotted #666;
						border-collapse: collapse;
						position: relative;
						top: -5px;
					}
					/*----------END TABLES----------*/
					.idx_gram {
						border: 2px solid #666;
						border-radius: 10px;
						-moz-border-radius: 10px;
						-webkit-border-radius: 10px;
						width: 456px;
						float: left;
						background: inherit;
						margin: 7px 6px 7px 6px;
						overflow: hidden;
						padding: 3px;
						-webkit-box-shadow: 3px 4px 5px #333;  
						-moz-box-shadow: 3px 4px 5px #333;  
						box-shadow: 3px 4px 5px #333;  
					}
					
						div.idx_gram .idx_item {
							font-size: 0.8em;
							width: 454px;
							padding: 0px;
							border-collapse: collapse;
							margin: 3px 1px 2px 1px;
							clear: both;
						}
						
							div.idx_gram .idx_item td {
								padding: 2px;
							}
						
							div.idx_gram input[type="checkbox"] {
								/*vertical-align: text-top;*/
								margin: 0px;
							}
			/*---------SYLLABLES--------*/
			.syll_help {
				padding: 0px;
				width: 980px;
				margin: -5px 0px -3px 0px;
				border-collapse: collapse;
 			}
			
			#dataH0 {
				width: 966px;
				margin: 7px auto 0px auto;
				padding: 0px;	
				font-size: 0.8em;
				line-height: 1.4em;
				border-collapse: collapse;
				border: none;
				top: 0px;
			}
			
			#dataH0 .idx_help {
				border-bottom: 1px dotted #666;
				border-top:  1px dotted #666;
				padding: 3px 10px 3px 10px;
			}
			
			#data7 .idx_option {
				padding: 3px;
			}
			
			#data7 .idx_item {
				line-height: 1.6em;
			}
			
			#data7 .idx_help {
				font-size: 0.8em;
				padding: 3px 25px 3px 25px;
				border-top: 1px dotted #666;
				text-align: center;
			}