﻿/*** School Contact Form ***/
.school_form label {
	width: 80%;
	float: left;
	text-align: left;
	margin: 0.5em;
	display: block;
	clear:both;
}

.school_form input[type="text"], .styleCheckboxList  {
	margin-left: 5px;
	width: 60%;
	height:1.5em;
	float:right;
}

.school_form textarea { 
	margin-left: 5px; 
	width: 60%; 
	height:8em; 
	float:right; 
}

.details_right { 
	margin-left: 5px; 
	width: 70%; 
	height:1.5em; 
	margin-top: -20px; 
	float:right; 
}

/*** Search Filters ***/
#search_text {
	width: 220px; 
}

/*** Results View ***/
h3 a {
	text-decoration: none;
}

h3 a:hover {
	opacity: 0.5;
	transition: all 0.35s ease 0s;
}

/*** Detailed View ***/
#lblAgeRange {
	background-color: transparent;
	padding: 0;
}

#imgGrammar.title {
	visibility:hidden;
}

#imgGrammar {
	margin-left: 10px;
}

img#imgGrammar {
    cursor: pointer;
}

div#panDetail div.container div.eight.columns ul {
    margin-bottom: 5px;
	padding-left:10px;
}

div#panDetail div.container div.eight.columns span#lblUnlinkedRelated p {
    padding-left: 10px;
}

div#panDetail div.container div.eight.columns p.example_usage {
    padding-left: 10px;
}

h4 {
    font-size: 130%;
}

#lblAka {
    font-style: italic;
}


/* Table
====================================*/
table.standard-table {
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
	margin-bottom: 15px;
	-webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
	background:#EDC51B;
	font: 12px Arial, sans-serif;
}

table.standard-table th {
	border: 1px solid #dddddd;
	border-right: none;
	background-color: #353535;
	text-align: left;
	padding: 10px 15px;
	color: #fff;
	vertical-align: top;
	font-size: 12px;
	font-weight: bold;
}

table.standard-table td:last-child {
	border-right: 1px solid #ddd;
}

table.standard-table th:last-child {
	border-right: 1px solid #ddd;
}

table.standard-table td {
	padding: 10px 15px;
	border: #e0e0e0 1px solid;
	border-top: none;
	border-right: none;
	color: #333;
	vertical-align:middle;
}

table.standard-table tr:hover td {
	background-color: #C7BA94;
}
