/* Table of Content
==================================================
	#Site Styles
	#Media Queries */

/* #Site Styles
================================================== */

html, body, .main_wrapper {height: 100%;}

body > .main_wrapper { height: auto; min-height: 100%; }

.content_wrapper {
	width: 100%;
	z-index:800;
    margin-bottom: 20px;
}

.header_wrapper {
	width: 100%;
	background-color:#06B7CE;
	padding-top: .001em;
	position: relative;
	z-index:900;
}

.header_wrapper img {
	padding-top:20px;
}

.header_wrapper h1 {
	float:right;
}

.header_wrapper h1 span {
	position:relative;
	top:-20px;
	padding-right:10px;
}

.header_wrapper h1 a {
	text-decoration:none;
    color: #ffffff;
}

.header_wrapper h2 {
	text-align:center;
	color:#FFF;
	padding: 10px 0px;
	font-weight:600;
}

.a_z_buttons {
	float:right;
}

.a_z_buttons a,
.a_z_buttons a:link,
.a_z_buttons a:visited {
	text-decoration:none;
	color:#FFF;
	background-color:#3D3C3C;
	padding-top:6px;
	width:40px;
	height:34px;
	margin: 0 0 10px 10px;
	text-align:center;
	font-size:150%;
	float:left;
}

.a_z_buttons a:nth-child(13n+1) { margin: 0 0 10px 15px; }

.a_z_buttons a:hover {
	color:#3D3C3C;
	background-color:#fff;
	transition: all 0.35s;
}

.a_z_buttons a.current {
	color:#3D3C3C;
	background-color:#fff;
}

/********************** SEARCH BOX *******************************/
.search_box_container {
	background-color:#3D3C3C;
	width:100%;
	margin-bottom:30px;
}

ul.search_box {
	display: inline-block;
	margin-bottom:0px;
}

.search_box li {
	float: left;
	list-style-type: none;
	position: relative;
}

.search_box li a {
	font-size: 16px; 
	color: white;
	display: block;
	line-height: 60px;
	padding: 0 30px;
	text-decoration: none;
}

.search_box li a:hover { 
	background-color: #3D3C3C;
}

#search {
	width: 300px;
	margin: 19px 0px 0px 19px;
}

#options a { 
	margin-top:15px;
}

#options a:hover { 
    color: #EDC51B;
}

#panAdvancedSearch {
    margin: 0 19px;
    overflow: auto;
    padding-bottom: 19px;
}

#panAdvancedSearch h4 {
	color: #fff;
    font-size: 14px;
}

table#cblAgeRange { width:90%; }

table#cblAgeRange td { padding-bottom:15px;  }

table#cblAgeRange td label { color: #fff; padding-right: 5px;}


table#cblAgeRange td input[type=checkbox] { 
	float:left; 
	margin:0px 3px 0px 0px;
	width: 20px;
	height: 20px;
}  

table#cblAgeRange td label { 
	float:left; 
	font-weight: normal;
	font-size: 14px;
}

#search_text,
#txtKeyword {
	width: 200px;
	padding: 13px 20px 13px 20px;
	font-size: 16px;
	border: 0 none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	height: 26px;
	margin-right: 0;
	color: #3D3C3C;
	outline: none;
	background: #fff;
	float: left;
	line-height:26px;
	transition: all 0.35s;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #3D3C3C;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #3D3C3C;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #3D3C3C;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #3D3C3C;
}

#search_text:focus {
	background: #ddd;
	color:#000;
}

#search_button, #btnSearch {
	border: 0 none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	background: #EDC51B url(../images/search.png) center no-repeat;
	width: 60px; 
	float: left;
	padding: 0;
	text-align: center;
	height: 52px;
	cursor: pointer;
}

.aoisghrupa_container {
    float:left;
    width:60%;
}
                                    
.reimse_na_matamaitice_container {
    float:left;
    width:40%;
}

#panAdvancedSearch a#lbAdvancedClose {
    clear: left;
    padding: 3px 10px;
    border: 1px solid #fff;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 10%;
    text-align: center;
    float: right;
}

#panAdvancedSearch a#lbAdvancedClose:hover {
    color: #EDC82E;
    text-decoration: none;
}


/********************** SEARCH BOX ENDS *******************************/

.letter_title {
	color:#FFF;
	background-color:#3D3C3C;
	padding-top:6px;
	width:40px;
	height:34px;
	margin: 0 10px 10px 0;
	text-align:center;
	font-size:150%;
	float:left;
}

table#dlTerms {
	margin-left: -10px;
}

.result_title img {
	float:left;
}

.result_title h3 {
	color:#000;
	background-color:#EDC82E;
	height:37px;
	font-size:150%;
	float:left;
	margin-left:10px;
	padding:10px;
}

.sampla_title img {
	float:right;
}

.sampla_title h3 {
	color:#000;
	padding: 0 10px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0;
}

div.result_age {
	padding-top:25px;
}

.result_age h3 {
	height:37px;
	font-size:130%;
}

.result_age h3 span,
span#lblArea {
	color:#FFF;
	background-color:#A3A3A3;
	padding:0 10px;
	margin-left: 5px; /* SMC added to over .NET rendering */
    font-size: 95%;
}

.result_sound,
.sampla_title {
	background-color:#EAEAEA;
	position:relative;
	padding:10px;
    margin-bottom: 30px;
}

.result_sound h3 {
    font-weight: 600;
}

.result_sound .listen_full {
	padding:0 0 0 0;
	position:absolute;
	bottom:0px;
	right:0px;
}

h3.grey_header {
	background-color:#EAEAEA;
	display:inline-block;
	margin-top:15px;
	padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 57px;
}

.three_col_list {
	height: 100%; /*your fixed height*/
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3; /*3 in those rules is just placeholder -- can be anything*/
}

.result_box {
	background-color:#ECECEC;
	border-bottom: 3px solid #EDC51B;
	margin-bottom:15px;
	position:relative;
}

.result_box .image_thumb {
	float:left;
	padding:10px 10px 15px 10px;
}

.result_box h3 {
	float:left;
	word-wrap: break-word;
	width: 60%;
	padding-top:20px;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 0px;
}

.result_box a h3,
.result_box a:link h3,
.result_box a:visited h3 {
	text-decoration:none;
	cursor:pointer;
}

.result_box img.listen_preview {
	padding:0 0 0 0;
	position:absolute;
	top:0px;
	right:0px;
}

.result_box a:hover h3,
.result_box a:hover img {
	opacity: 0.8;
	transition: all 0.35s;
}

.result_more p,
.result_more select {
	float:left;
}

.result_more p {
	padding:5px 10px 0 0;
}

.result_more select {
   width: 50px;
   font-size: 16px;
}

ul.result_pager {
	float:right;
}

ul.result_pager li {
	display:inline;
}

ul.result_pager li a,
ul.result_pager li a:link,
ul.result_pager li a:visited {
	text-decoration:none;
	color:#FFF;
	background-color:#3D3C3C;
	padding-top:6px;
	width:30px;
	height:24px;
	margin: 0 0 10px 10px;
	text-align:center;
	font-size:115%;
	float:left;
}

ul.result_pager li a:hover {
	color:#3D3C3C;
	background-color:#fff;
	transition: all 0.35s;
}

ul.result_pager li a.current {
	color:#3D3C3C;
	background-color:#fff;
}

.footer_wrapper {
	width: 100%;
	color:#FFF;
	background-color:#333333;
	height: 60px;
	clear: both;
}

.footer_wrapper a {
	color:#FFF;
}

.footer_wrapper p {
	padding-top:20px;
}

.footer_wrapper p.last {
	padding-top:20px;
    /* padding-top:5px; - when english icon is added in */
    float: right;
}

.footer_wrapper p.last .english_icon {
    position: relative;
    top: 8px;
}

.footer_wrapper a:hover {
	text-decoration:none;
}

/* Tooltip Styles */
#aToolTip {
	position: absolute;
	display: none;
	z-index: 950;
    top: 340px !important;
    left: 385px !important;
}

#aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
}
/* End Tooltip Styles */


/* #Media Queries
================================================== */

	/* Full 960 desktop (devices and browsers) */
  	@media only screen and (min-width: 960px) and (max-width: 1199px) {
		
		.header_wrapper h2 {
			font-size: 25px;
			line-height: 30px;
		}
	
		.a_z_buttons a,
		.a_z_buttons a:link,
		.a_z_buttons a:visited {
			padding-top:6px;
			width:30px;
			height:24px;
			font-size:115%;
		}
		
		.a_z_buttons a:nth-child(13n+1) { margin: 0 0 10px 10px; }
				
		.search_box li a { padding: 0 5px; }
		
		#search {
			width: 250px;
			margin: 10px 2px 0px 10px;
		}

		#txtKeyword {
			width: 100px;
		}
		
		#search_button {
			width: 40px; 
		}
		
		#options a { margin-top:5px; }
		
		.result_box .image_thumb {
		padding: 5px 5px 15px 5px;
		}
		
		.result_box h3 {
			width: 65%;
			padding-top:20px;
			font-size: 15px;
			line-height: 18px;
		}
		
	}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
		.header_wrapper h1 {
			font-size: 30px;
		}
		
		.header_wrapper h1 span {
			top:-25px;
		}
		
		.header_wrapper h2 {
			font-size: 20px;
			line-height: 25px;
		}
		
		.a_z_buttons a,
		.a_z_buttons a:link,
		.a_z_buttons a:visited {
			padding-top:6px;
			width:21px;
			height:21px;
			font-size:95%;
		}
		
		.a_z_buttons a:nth-child(13n+1) { margin: 0 0 10px 19px; }
				
		.search_box li a { padding: 0 0px; }
		
		#search {
		width: 170px;
		margin: 10px 5px 0px 10px;
		}
		
		#txtKeyword {
		width: 90px;
		padding: 13px 10px;
		}
		
		#search_button {
		width: 40px; 
		}
		
		.aoisghrupa_container {
		float:left;
		width:100%;
		}
							
		.reimse_na_matamaitice_container {
		float:left;
		width:100%;
		}
		
		#panAdvancedSearch a#lbAdvancedClose {
		padding: 3px 0px;
		width: 20%;
		}
		
		#options a { margin-top:5px; margin-left:2px; }
		
		.result_box .image_thumb {
		padding: 5px 5px 5px 5px;
		}
		
		.result_box h3 {
			width: 95%;
			font-size: 17px;
			line-height:16px;
			padding-top:0px;
			padding-left:5px;
			padding-bottom:5px;
			padding-right:5px;
		}
		
		.result_age h3 span,
		span#lblArea { font-size: 86%; }

		ul.result_pager li a,
		ul.result_pager li a:link,
		ul.result_pager li a:visited {
			padding-top:5px;
			width:25px;
			height:25px;
			margin: 0 0 10px 10px;
			font-size:100%;
		}
		
		.result_title h3 {
			font-size:100%;
		}


	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		

		
		}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		.header_wrapper h1 {
			font-size: 25px;
			margin-bottom:0px;
			line-height:10px;
		}
		
		.header_wrapper h1 span {
			top: -18px;
		}
		
		.header_wrapper .four img {
			width:100px !important;
			height:51px !important;
			padding-top:10px;
		}
		
		.header_wrapper .twelve img {
			width:50px !important;
			height:50px !important;
			padding-top:0px;
		}
		
		.header_wrapper h2 {
			padding:5px 0px;
		}
		
		.search_box_container { margin-bottom: 5px; }
		
		.a_z_buttons a,
		.a_z_buttons a:link,
		.a_z_buttons a:visited {
			padding-top:5px;
			width:23px;
			height:21px;
			font-size:105%;
		}
		
		.a_z_buttons a:nth-child(13n+1) { margin: 0 0 10px 0px; }
				
		.search_box li a { padding: 0 0px; }
		
		#search {
			width: 255px;
			margin: 20px 0px 0px 20px;
		}
		
		#txtKeyword {
		width: 170px;
		padding: 13px 10px;
		}
		
		#options a { margin-top:15px; margin-left:16px; }
		
		.aoisghrupa_container {
		float:left;
		width:55%;
		}
							
		.reimse_na_matamaitice_container {
		float:left;
		width:45%;
		}
		
		table#dlTerms {
		margin-left: 0px;
		}
		
		table#dlTerms td {
			float:left;
		}
		
		.result_box img { padding:10px 10px 10px 10px; }
		
		.result_box h3 {
			width: 70%;
			font-size: 25px;
			line-height:19px;
			padding-top:18px;
		}
		
		.result_box a h3 {
			padding: 10px 0 0 0;
		}
		
		.result_age {
			float:left;
		}

		.result_age.add-top { margin-top: 0px !important; }

		.container .columns { margin: 0 0 10px 0; }
		
		#aToolTip {
		left: 260px !important;
		}
		
		.footer_wrapper {
			height: auto;
		}
		
		.footer_wrapper p.last {
		padding-top: 0px;
		float: none;
		}

		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) { }

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.header_wrapper h1 {
			font-size: 17px;
			margin-bottom:0px;
			line-height:0px;
		}
		
		.header_wrapper h1 span {
			top: -20px;
		}
		
		.header_wrapper h2 {
			font-size: 15px;
			line-height:20px;
		}
				
		.search_box li a { padding: 0 0px; }
		
		#search {
			width: 145px;
			margin: 7px 0 0 7px;
		}
		
		#search_text {
			padding: 13px 0 13px 5px;
		}
		
		#txtKeyword {
		width: 90px;
		padding: 13px 5px;
		}
		
		#btnSearch { width: 40px; }
		
		#options a { margin-top: 0px; }
		
		.aoisghrupa_container {
		float:left;
		width:100%;
		}
							
		.reimse_na_matamaitice_container {
		float:left;
		width:100%;
		}
		
		#panAdvancedSearch { 
		margin: 0 7px;
		padding-bottom: 7px;
		}
		
		.a_z_buttons a,
		.a_z_buttons a:link,
		.a_z_buttons a:visited {
			padding-top:7px;
			width:45px;
			height:34px;
			margin: 0 5px 10px 0px;
			font-size:150%;
		}
		
		.a_z_buttons a:nth-child(13n+1) { margin: 0 5px 10px 0px; }
		
		.letter_title_h3 {
			font-size:110%;
		}
		
		.result_box h3 {
			width: 60%;
			font-size: 18px;
			line-height:19px;
		}
		
		.result_age h3,
		h4 {
		font-size: 115% !important;
		}
		
		.result_age h3 span, span#lblArea {
		padding: 0 5px;
		}
		
		#aToolTip {
		left: 100px !important;
		top: 500px !important;
		}
		
}