/*
Theme Name: am Language Studio
Theme URI: http://amlanguage.com
Description: Theme for the am Language Studio site.
Version: 3.0
Author: John J. Camilleri
Author URI: http://johnjcamilleri.com
Tags: 
Template: hybrid
*/

/*
 Colour Palette
 ==============
 blue - #1497D6
	light blue - #11BBDF
	dark blue - #1180B6
 orange - #FFA500 (old: #FFC14F)
	light orange: #FFE8BF
 red - #E42F01
 green - #A8C634
 
 Fonts
 =====
 "Lucida Sans Unicode","Lucida Grande",sans-serif
 Georgia,"Times New Roman","Bitstream Charter",Times,serif;
*/

/* For reference: http://themehybrid.com/themes/hybrid/child-themes#child-theme  */

/* ================================= */
/* Import inbuilt Hybrid stylesheets */
/* ================================= */
@import url('../hybrid/library/css/2c-l-fixed.css'); /* 2 columns, content fixed left */
@import url('../hybrid/library/css/21px.css'); /* base */
@import url('../hybrid/library/css/screen.css'); /* default Hybrid CSS */

/* ======================== */
/* Import other stylesheets */
/* ======================== */
@import url('page-menu.css');
@import url('plugins.css');
@import url('sliding-panel.css');


/* ====== */
/* Basics */
/* ====== */
body { font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:14px; line-height:20px; }
h1, h2, h3, h4, h5,
h1.page-title a, h1.entry-title a {
	font-family:/* Georgia,"Times New Roman","Bitstream Charter",Times,serif; */ "Lucida Sans Unicode","Lucida Grande",sans-serif;
	font-weight:bold;
	color:#E42F01;
}
.content h1, .content  h2, .content  h3 { clear:left; }
a, a:visited { color:#1497D6; }
a:hover { color:#E42F01; }
p { margin:0 0 1em 0; }
.display-none { display:none; }
ul { list-style-position:inside; margin-left:0.5em; }

/* ============== */
/* External links */
/* ============== */
a.external { color:#4FB1E1; border-bottom:1px dotted #4FB1E1; display:inline-block; padding-right:15px; background:url(images/external.png) center right no-repeat; line-height:1.5em;}
a.external:hover { color:#A8C634; text-decoration:none; border-bottom:1px solid #A8C634; }
a.noicon { border-bottom:none; padding:0; background:none; }
a.noicon:hover { border-bottom:none; }


/* ================= */
/* Page layout stuff */
/* ================= */
div#body-container { margin:0; width:100%; background:#ffffff; }
	div#header-container { background:#FFA500 url(images/background-eye-2.png) no-repeat scroll 85% -110px ; margin:0; padding:0; height:150px; }
		div#header { width:1000px; margin: 0 auto; float:none; }
			img#header-logo { float:left; margin:5px 20px 0 5px; }
			img#header-logo:hover { opacity:0.50; -ms-filter:alpha(opacity=50); }
			#site-title { color:#000000; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:340%; font-style:normal; font-weight:bold; letter-spacing:-2px; padding:18px 0 5px; }
			#site-description { color:#ffffff; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:210%; font-style:normal; font-weight:bold; letter-spacing:-1px; }
	div#navigation { background:none; position:relative; top:-35px; margin:0 0 -35px 0; height:auto; }
		/* page nav menu - see page-menu.css */
		/* welcome box - see front-page.css */
		div#black-bar-shadow { background:white url(images/black-bar-shadow.png) repeat-x; margin:-1px 0 5px 0; }
	div#container { width:1000px; margin-left:auto; margin-right:auto; float:none; margin-bottom:15px; }
		div.breadcrumbs { background:black url(images/tiles.jpg) repeat scroll 0 -1px; clear:both; position:relative; top:-1px; margin:0; }
			div.breadcrumb-trail { width:1000px; margin-left:auto; margin-right:auto; float:none; padding:10px; }
				div.breadcrumb-trail { color:#ffffff; padding-left:25px; font-style:normal; font-size:110%; }
				div.breadcrumb-trail a { color:#aaaaaa; border-bottom: 1px dotted #aaaaaa; }
				div.breadcrumb-trail a:hover { text-decoration:none; border-color:#E42F01; }
		div#content { float:left; /* this is only here to make MailPress subscription pages happy */  }
			#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single { border:none; margin:0; padding:0; }
			div#content div.content{ width:760px; margin-bottom:0; } /* width is over-ridden on front page */
		div#primary { width:220px; }
	div#footer-container { font-size:85%; background:url(images/bottom_gradient.png) repeat-x scroll 0 -3px; margin:25px 0 0; border-top:1px solid #aaaaaa; }
		div#footer { width:1000px; margin-left:auto; margin-right:auto; float:none; padding-top:1em; font-style:normal; }
			div#footer .footer-images { float:left; padding-top:5px;}
				div#footer .footer-images img { vertical-align:bottom; margin-left:10px; }
			div#footer .footer-text { text-align:right; padding:5px 10px; line-height:150%; }
				div#footer .footer-text p.footer-links { margin-bottom:1em; }
				div#footer .footer-text p.footer-address { margin:0; }
				div#footer .footer-text p.footer-contact { margin:0; }
			
			div#footer p.copyright-info,
			div#footer p.query-info { text-align:center; font-size:90%; clear:both; color:#999999; margin:1em 0 0 0; }

			
/* ================== */
/* Post-related stuff */
/* ================== */
td ul { margin-bottom:0; }

blockquote { overflow:hidden; background:#F5F5F5 url(images/quote.png) no-repeat scroll 7px 7px; margin:1em; text-indent:25px; }
blockquote p { color:#333333; padding:0.5em 1em; font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif; font-size:110%; line-height:140%; margin:0; }


body.page-template-template-course #content table {clear:left;}

div.category-info { margin-bottom:20px; }
	h1.category-title a { margin-bottom:10px; }
div.post { margin-bottom:30px; }
	.post-title { margin-bottom:0.2em; }
	.page-title, .page-title a,
	.entry-title, .entry-title a { font-style:normal; color:#1497D6; }
	.entry-content p { text-align:justify; }
	p.byline { color:#aaaaaa; font-size:95%; font-style:normal; margin-bottom:1.5em; }
	div.entry-summary {}
	p.entry-meta { font-style:normal; margin-bottom:1.5em; font-size:95%; border-top:1px solid #CCCCCC; }
	.post img, .page img { margin-bottom:10px; border:1px solid #CCCCCC; max-width:568px; padding:5px }
	.post img.icon, .page img.icon { margin:0; border:none; padding:0; vertical-align:middle; }
	.wp-caption .wp-caption-text { text-align:center; margin:-10px 5px 5px 5px; }
	
.wp-caption { border:none; }

div.navigation-links { font-style:normal; }

.error { clear:both; }

a.asset-type-pdf { background:transparent url(images/filetypes/pdf.png) no-repeat scroll left 50%; padding-left:20px; }
a.asset-type-doc,
a.asset-type-docx { background:transparent url(images/filetypes/word.png) no-repeat scroll left 50%; padding-left:20px; }
a.asset-type-xls,
a.asset-type-xlsx { background:transparent url(images/filetypes/excel.png) no-repeat scroll left 50%; padding-left:20px; }
a.asset-type-ppt,
a.asset-type-pptx { background:transparent url(images/filetypes/presentation.png) no-repeat scroll left 50%; padding-left:20px; }

table.video-table { border:none; }
table.video-table  td { border:none; }
table.video-table td.video-cell {}
table.video-table td.description-cell { vertical-align:top; text-align:justify; }

table.teacher-quotes { border:none; }
table.teacher-quotes td { border:none; padding:0; }
table.teacher-quotes td  p { margin:0; }
table.teacher-quotes td.teacher-image { }
table.teacher-quotes td.teacher-quote { vertical-align:top; }

table.school-profile th { vertical-align:middle; text-align:center; }
table.school-profile th img { padding:3px; background:white; max-width:150px; margin-top:10px; }
table.school-profile td img { border:none; padding:0; }

/* Sitemap */
div.entry-content ul.xoxo { list-style-position:outside; margin-left:1em; }
div.entry-content ul.xoxo li { margin-left:1em; }

/* ===================== */
/* Comment-related stuff */
/* ===================== */
li.comment { font-size:95%; padding:5px 10px !important; }
li.comment img.avatar { margin-right:10px; }
.comment-meta-data { margin:10px 0; }
.comment-text { margin:0 5px; }
.comment-reply-link, .permalink, .comment-edit-link { font-size:95%; color:#1497D6; font-style:normal; }

input.button { font-family:inherit; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
input.submit-comment { background:#1497D6; color:white; border:none; font-weight:bold; }
input.submit-comment:hover { background:#FFA500; }
input.reset-comment { }
input.reset-comment { }

input.search-submit { background:#1497D6; color:white; border:none; font-weight:bold; }
input.search-submit:hover { background:#FFA500; }
	

/*
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}
*/

/* =============== */
/* Brochure button */
/* =============== */
a.brochure-button {
	display:block; margin:10px 5px 0; padding:2px 2px 5px;
	background:#1b4695 url(images/web20button-background-blue.png) repeat-x scroll 0 -5px;
	border:2px solid #1180B6;
	color:white;
	font-weight:bold; font-size:15px; line-height:17px; text-decoration:none; text-align:center;
	text-shadow:1px 1px 2px #333;
	/* text-transform:capitalize; font-family:Verdana, Geneva, sans-serif; */
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
a.brochure-button:hover {
	background:#EB6341;
	border:2px solid #E42F01;
	color:white;
}
a.brochure-button .img-1 {
	float:right;
	margin:-13px -8px 0 0;
}


/* ============= */
/* Search Widget */
/* ============= */
#search-text { width:50%; margin-top:0.5em; }
#search-submit { background:#000000; border:none; color:#ffffff; font-size:110%; font-weight:bold; margin-left:0.3em; padding:0.2em 0.5em; width:auto; vertical-align:sub; }

.content h3.widget-title { 
color:#E42F01;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
font-weight:bold;
font-style:normal;
}

/* ========= */
/* Page Grid */
/* ========= */

.pagegrid { width:100%; margin:0 0 25px; border:none; border-spacing:10px; }
	.pagegrid td.excerpt { padding:5px; border-color:#ddd; border-width:0 1px 1px 0; }
		.pagegrid p { margin:0 5px 0 0; }
		.pagegrid img { float:left; max-height:75px; max-width:75px; margin-right:5px; padding:2px; margin-bottom:0; }
	.cols-1 td { width:100%; }
	.cols-2 td { width:50%; }
	.cols-3 td { width:33%; }
	.pagegrid h4, .pagegrid h4 a { font-size:100%; margin:0 0 3px; }
	.pagegrid .read-more { float:right; font-size:90%; margin-left:0.1em; }

/* =============== */
/* Table for forms */
/* =============== */
table.contact-form-table { border:none; }
	table.contact-form-table tbody th { background:none; border:none; font-weight:normal; vertical-align:top; }
	table.contact-form-table tbody td { border:none; font-weight:normal; }
	table.contact-form-table td input { width:300px; }
	table.contact-form-table td span.captcha-508 input { width:100px; }
	table.contact-form-table td textarea { height:12em; width:500px; display:block; margin-bottom:0.5em; }
	table.contact-form-table th img,
	table.contact-form-table td img { border:none; padding:0; vertical-align:middle; }
	
	/* The stuff here replaces ALL of Contact Form 7's stylesheet */
	div.wpcf7 { margin: 0; padding: 0; }
	div.wpcf7-response-output { }
	div.wpcf7-mail-sent-ok { border:1px solid #66CC33; background:#E7F7D3; text-align:center; padding:3px; } /* green, success */
	div.wpcf7-mail-sent-ng,
	div.wpcf7-spam-blocked { border:1px solid #E6DB55; background:#FFFBCC; text-align:center; padding:3px; } /* yellow, alert */
	div.wpcf7-validation-errors { display:none !important; visibility:hidden; /* jsut in case */ }
	span.wpcf7-form-control-wrap { position: relative; }
	span.wpcf7-not-valid-tip { margin-left:0.5em; font-size:0.85em; padding:0.2em 0.5em; background:#FFEBE8; border:1px solid #CC0000; color:#CC0000; }
	/* span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } */
	span.wpcf7-list-item { margin-left: 0.5em; }
	.wpcf7-display-none { display: none; }

/* ================================ */
/* Progress thingy in Payment Pages */
/* ================================ */
ol#payment-progress {
	display:inline-block;
	list-style-type:none;
	margin:0 0 15px;
	width:99%;
}
	ol#payment-progress li { 
		color:#AAAAAA;
		float:left;
		padding-bottom:7px;
		text-align:center;
		width:185px;	
		line-height:1.5em;
	}
	ol#payment-progress li.past {
	}
	ol#payment-progress li.current {
		color:#FFA500;
		font-weight:bold;
		background:transparent url(images/cart.png) no-repeat scroll center bottom;
		max-height:2.5em;
	}
		ol#payment-progress li hr {
			color:white; background-color:white;
			height:1px;
			margin:5px 0 0 0;
			padding:0;
		}
		ol#payment-progress li.past hr {
			color:#FFA500; background-color:#FFA500;
			width:100%;
		}
		ol#payment-progress li.current hr {
			color:#FFA500; background-color:#FFA500;
			width:45%; text-align:left;
		}


/* ================================ */
/* Styling for payment frame */
/* ================================ */
div#payment-frame-container { text-align:center; }


/* ======================= */
/* Table for product lists */
/* ======================= */
img.ui-datepicker-trigger { margin:0; }
	
/* Common */
table.book-product-table { font-size:90%; border-collapse:collapse; border:none; clear:both; }
	table.book-product-table th { background:#1497D6; border:none; text-align:left; color:#ffffff; vertical-align:middle; line-height:1.2em; padding:0.5em; }
	table.book-product-table td { border-color:#ccc; border-width:0 0 1px 0; padding-bottom:0.5em; }
	
	table.book-product-table th.info { }
	table.book-product-table .price { text-align:center; min-width:100px; }
	table.book-product-table th.book-now { }
		table.book-product-table .book-now input { font-size:110%; vertical-align:middle; }

	table.book-product-table .name { color:#000000; }
	table.book-product-table .desc { font-size:95%; line-height:120%; }
	table.book-product-table .code { font-size:90%; color:#777777; }
	table.book-product-table .per-item { font-size:90%; color:#777777; line-height:100%; }
	table.book-product-table .not-online { color:#E42F01; text-align:center; min-width:300px; }
	table.book-product-table .enquire-link { color:#1497D6; cursor:pointer; }
	table.book-product-table .enquire-link:hover { color:#E42F01; text-decoration:underline; }
	
	/* Courses table only */
	table.book-product-table th.start-date { width:8.5em; padding-left:0.4em; }
		table.book-product-table span.start-date input { width:7em; text-align:center; padding-top:3px; }
		table.book-product-table span.start-date img{ vertical-align:middle; }
		
	table.book-product-table span.duration { margin:0 1em; }
		table.book-product-table span.duration select { }
	
	/* Products table only */
	table.book-product-table th.quantity {  }
		table.book-product-table .quantity select { width:3em; margin:0 1em; }
	
	
table.shopping-cart { font-size:90%; border:none; border-collapse:collapse; width:99%; margin-left:1px; }
	table.shopping-cart th { background:#1497D6; border:1px solid #1497D6; text-align:center; color:#ffffff; white-space:nowrap; }
	table.shopping-cart td { border:1px solid #ccc; vertical-align:middle; }
		table.shopping-cart div.actions  { float:right; font-size:90%; }
			table.shopping-cart div.actions img { border:none; vertical-align:top; background:#ffffff; }
		table.shopping-cart div.name { margin-top:5px; }
		table.shopping-cart div.description { font-size:95%; }
		table.shopping-cart div.code { font-size:90%; color:#777777; line-height:130%; }
		table.shopping-cart div.date { font-size:95%; color:#777777; font-weight:bold; }
	table.shopping-cart td.quantity { text-align:center; }
	table.shopping-cart td.currency { text-align:right; }
	
	table.shopping-cart tr.subtotal th,
	table.shopping-cart tr.subtotal td { text-align:right; border:none; background:none; color:#000000; font-weight:normal; }
	table.shopping-cart tr.fee th,
	table.shopping-cart tr.fee td { text-align:right; border:none; background:none; color:#000000; font-weight:normal; }
	table.shopping-cart tr.total th { text-align:right; border:none; background:none; color:#000000; font-weight:bold; font-size:120%; }
	table.shopping-cart tr.total td { text-align:right; border-top:1px solid #000; border-bottom:2px solid #000; border-left:none; border-right:none; font-weight:bold; font-size:120%; }
	
	table.shopping-cart tr.checkout td { text-align:right; border:none; padding-top:20px; }
		table.shopping-cart tr.checkout td input { font:inherit; }
	
	table.shopping-cart td.empty-cart { text-align:center; color:#666666; padding:10px; }
	
	p.after-cart { margin:20px 0 0 0; }
	
/* =================== */
/* Checkout page form  */
/* =================== */
form#checkout-form {  }
	form#checkout-form fieldset { margin:0 0 1.5em 0; padding:0 1em; border-top:1px solid #A8C634; }
	form#checkout-form legend {
		color:#A8C634;
		padding: 0 0.5em 0.2em;
		font-size:120%;
		background:white;
	}
	form#checkout-form label { width:15em; float:left; clear:left; margin-top:0.5em; }
	form#checkout-form input,
	form#checkout-form select,
	form#checkout-form textarea { padding:0.2em; float:left; margin-top:0.5em; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:90%; color:black; }
	
	#checkout_first_name,
	#checkout_last_name,
	#checkout_email,
	#checkout_tel,
	#checkout_notes
		{ width:250px; }
	
	form#checkout-form .before-field { float:left; margin:0.6em 0.5em 0 0; }
	form#checkout-form .after-field { float:left; margin:0.6em 0 0 0.5em; }
	form#checkout-form .error-label { float:left; margin:0.6em 0 0 0.5em; font-size:0.85em; padding:0 0.5em 0.1em  0.5em; background:#FFEBE8; border:1px solid #CC0000; color:#CC0000; }
	form#checkout-form div.required { color:#E42F01; }
	form#checkout-form .place-order { text-align:center; clear:both; }
	form#checkout-form .new-line { clear:left; margin:0.3em 0 0.5em 15em; }
	form#checkout-form #open_amount_with_fee { font-size:110%; }
	
	form#checkout-form input#checkout_confirm { margin:0.8em 0.5em; }
	form#checkout-form input#checkout_submit { float:right; }
	
	
span.order-ref { padding:0.6em; background:#E7F7D3; border:1px solid #66CC33; }

/* =============== */
/* Quotation form  */
/* =============== */
form#quotation-form {  }
	form#quotation-form fieldset { margin:0 0 1em 0; padding:0.5em 1em; border-top:1px solid #A8C634; }
	form#quotation-form legend {
		color:#A8C634;
		padding: 0 0.5em 0.2em;
		font-size:120%;
		background:white;
	}
	form#quotation-form p { margin:0 0 0.4em 0; }
	form#quotation-form p.space-top { margin-top:2em; }
	form#quotation-form label { vertical-align:middle; }
	form#quotation-form input,
	form#quotation-form select,
	form#quotation-form table#addons-table td
		{ padding:0.1em; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:90%; color:#333; vertical-align:top; }
	form#quotation-form select#course_id,
	form#quotation-form select#course_id_2{ width:500px; }
	form#quotation-form input#course_start_date,
	form#quotation-form input#course_start_date_2,
	form#quotation-form input#accomm_start_date
		{ width:7em; text-align:center; }
		
	form#quotation-form table#addons-table { margin:0; border:0; border-collapse:collapse; }
	form#quotation-form table#addons-table td { border:none; }
	
	form#quotation-form table#totals-table { margin:0; float:right; width:50%; border:none; }
		form#quotation-form table#totals-table th { background:none; font-weight:normal; }
		form#quotation-form table#totals-table th,
		form#quotation-form table#totals-table td { border:none; text-align:right; }
		form#quotation-form table#totals-table tr.total th,
		form#quotation-form table#totals-table tr.total td { font-weight:bold; width:3em; }
		form#quotation-form table#totals-table tr.total td { border-color:black; border-width:1px 0 2px; border-style:solid; }