﻿/*

Kowhai Communications Ltd.

EIL -- Theme Style Sheet

09 July 2007
Chris Evans

*/

body.public { font-size: 70%; margin:0; padding:0; background: transparent url(body_bg.gif) repeat-y left top; color:#000; }



div#page.public { width: 742px; padding: 5px 0 0 30px; background: transparent url(page_banner.jpg) no-repeat left top;}

a { color:#2e5482; }

a:visited { color:#2e5482; }

h1 { color:#2e5482; }
h2,h3,h4 { color:#000; }

div#ExtraInfoPopup h2
{
	color:#2e5482;
}

p.backtotop { text-align: right; clear: both; margin: 0 0 1em 0; }
p.backtotop a { text-transform: lowercase; padding-right: 20px; background: transparent url(backtotop.gif) no-repeat right center; }

body.minimal
{
	width: 735px; 
}

div#page.public div#header { 
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
	border: none;
	background: none;
}

div#page.publicMinimal 
{ 
	width: 735px; 
	padding: 16px; 
}

div#page.publicMinimal div#content div#mainContent {
	float: left;
	width: 735px;
}

div#header p.loggedIn {
	color: #0081C6;
}

div.sideMenu ul.navigation li.selected a,
div.sideMenu ul.navigation li.childSelected a {
	color: #0081C6;
}

table.infoTable thead tr th {
	background: #32A7E5;
}

div#header img.mainlogo { margin: 0 0 1em 0; }

div#page div#header img.mainlogo { float:left; margin-bottom: 0; }
div#page.public div#header img.mainlogo { float:left; }

div#header p.loggedIn { position: absolute; right: .75em; bottom: 0; }

div#publicMenu ul
{
	margin-top: 4em; margin-right: 5px; 
	float: left;
	margin-left: 1.8em;
}

div#publicMenu ul li a { font-size: 100%; }
div#publicMenu ul li:hover, div#publicMenu ul li:hover a {color:#00AD93;}


div#sideBar ul.navigation {}

div#sideBar ul.navigation li {}
div#sideBar ul.navigation li a {
	text-decoration: none;
	color: #F8981D;
	display: block;	
	padding: .25em 0 .25em .5em;
	border-bottom: 1px solid #DDDEDF;		
	height:1%; /* thanks Holly! */
	font-size: 85%;
}


div#sideBar ul.navigation li a:hover { background: #EDEFEF; }
div#sideBar ul.navigation li.selected a,
div#sideBar ul.navigation li.selected a:hover { color:#000; }

a.regLink { display: block; }
a.studyCardLink { display: block; text-decoration: none; text-align: center; }
a.studyCardLink img {display: block; float: none; margin:0 auto 5px; }
p.preCall { margin: 0 40px 0 22px;}

div#content { margin-bottom:0; padding-top: .5em; }

div#footer { 
	margin-top:20px;
	color:#F8981D;
	text-align: center;
}

div#page.public div#footer { 
	margin-top:20px;
	background: none;
	color:#F8981D;
	text-align: center;
}

div#mainContent div.courseContent ul.courseNav {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	clear: left;
	display: block;	
}

div#mainContent div.standardContent p.contactInfo {
	color: #4EB09F;
	text-align: center;
}

div#mainContent div.courseContent ul.courseList, ul.courseKeys, ul.tickList {
	margin: 0 0 1em 0;
	padding: 0 0 0 22px;
	color:#0081C6;
}

div#mainContent div.courseContent ul.tickList{
	list-style: none;
	padding: 0 0 0 0;
}

div#mainContent div.courseContent ul.tickList li{
	margin: 0 0 0 0;
	list-style: none;
	color: #000;
	background: transparent url(tick.gif) no-repeat left center;
	padding: 0 0 0 22px;
}

div#mainContent div.courseContent ul.courseKeys {
	color:#000;
}

div#mainContent div.courseContent ul.courseNav li {
	padding: .5em;
	line-height: 1em;
	display: block;
	float: left;
	border-right: 1px solid #000;
}

div#mainContent div.courseContent ul.courseNav li a{
	text-decoration: none;
}

div#mainContent div.courseContent h2{
	color:#0081C6;
	padding: 1em 0 1em 0;
	font-size: 120%;
}

div#mainContent div.courseContent.englishBeginner h2{
	color:#5FBE54;
}

div#mainContent div.courseContent.englishIT h2{
	color:#FDB813;
}

div#mainContent div.courseContent h4{
	color:#0081C6;
	padding: 1em 0 0 0;
	margin: 0;
	font-size: 100%;
}

div#mainContent div.courseContent.englishBeginner h4{
	color:#5FBE54;
}

div#mainContent div.courseContent.englishIT h4{
	color:#FDB813;
}

div#mainContent div.courseContent ul.courseNav li a:hover{
	color:#FF0000;
}

div#mainContent div.courseContent ul.courseNav li a.selected{
	font-weight: bold;
	text-decoration: underline;
}

div#mainContent div.courseContent ul.courseNav li.final {
	border-right: none;
}

div#mainContent div.courseContent ul.courseNav a.black {
	color:#000;
}

div#mainContent div.courseContent ul.courseNav a.green {
	color:#5FBE54;
}

div#mainContent div.courseContent ul.courseNav a.orange {
	color:#FDB813;
}

div#page.public div#content div#sideBarInstruction div#sideBar p
{
	margin: .3em;
	padding: .5em;
}

div#page.public div#content div#sideBar {
	float: right;
	width: 182px;
	padding-right: 10px;
	padding-top: 21px;
}

* html div#page.public div#content div#sideBar { padding-right: 5px; }


div#page.public div.publicBox div.boxHead h2 {
    overflow: hidden;
    text-indent: -5000px;
    margin: 0;
    padding: 0 0 20px 0;
}

div#page.public div.publicBox { width: 182px; margin-bottom: 3px; margin-top:0; }

div#page.public h1 { 
	font-size: 120%; 
	background: transparent url(h1_bg.gif) repeat-x left bottom; 
	padding-bottom: 9px; 
	margin-bottom:.33em; 
	clear: left;
}

div#page.public div.homepage h1 { margin-right: 40px; }
div#page.public p {  padding:0; }

div#page.public div#content div.standardContent { 
	padding:1em 55px 0 30px; }

div#page.public div#content div.courseContent{ 
	padding:1em 0 0 30px; }
	
div#page.public div#content div.courseContent div.IC3{ 
	background: transparent url(logos/IC3.gif) no-repeat right top; 
}

div#page.public div#content div.homepage
{
	background: transparent url(homepage_bg.jpg) no-repeat right top;
	margin-top: 22px;
}

div#page.public div#content div.register
{
	background:none;
	margin-top: 22px;
}
div#page.public div#content div.homepage div.homepageContent { width: 310px; }
div#page.public div#content div.homepage div.homepageContent h2 { margin: 2em 0 .25em 0; padding:0; }
div#page.public div#content div.homepage ul { margin:0 0 1em 0; padding: 0 0 0 1.2em; }
div#page.public div#content div.homepage ul li { padding:0; margin:0; }

div#page.public div#content { background: transparent url(content_bg.gif) repeat-y left top; }

div#page.public div.videolink { margin-bottom: 1px; }

div#footer p { color:#939598; }

div#page.public div.login { margin-top:0; }

div#page.public div.standardContent img.intutologo { margin:0 auto; display: block; width: 182px; margin-top: 50px; }

div#page.public div.login div.userPanel input, div.login div.passwordPanel input { width:88px; border: 1px solid #d2ebe7; }

div#page.public div.login div.userPanel label, div.login div.passwordPanel label { color:#4eb09f; text-transform: capitalize; width: 69px; }

div#page.public div.login div.passwordRecoveryPanel a { color:#2e5482; font-size: 90%; }



/* set the image to use and establish the lower-right position */ 
div#page.public div.publicBox, div#page.public div.publicBox div.boxBody, 
div#page.public div.publicBox div.boxHead, div#page.public div.publicBox div.boxHead h2 { 
    background-image: url(login_bg_solid.gif); 
} 

/* set the image to use and establish the lower-right position */ 
div#page.public div.studycard, div#page.public div.studycard div.boxBody, 
div#page.public div.studycard div.boxHead, div#page.public div.studycard div.boxHead h2 { 
    background-image: url(studycard_bg_solid.gif); 
}     

div.courseTopBlurb
{
	padding: 5px;
	background-color: #F1F1F2;
	line-height: 1.8em;
	margin-bottom: 1.5em;
}

div.courseTopBlurb span.large
{
	font-weight: bold;
	line-height: 120%;
	font-size: 120%;
}

div.topButtons
{
	margin-bottom: 10px;
	text-align: center;
}

div.bottomButtons
{
	text-align: center;
}

div.bottomButtons a
{
	font-weight: bold;
	margin-right: 15px;
}

div.bottomButtons img
{
	vertical-align: middle;
	
}

div.buyNowButton img
{
	vertical-align: middle;
}

div.buyNowButton
{
	padding-top:5px;
}

div.buyNowButton a
{
	margin-top: 4px;
	padding-left: 20px;
}

div#mainContent div.courseContent h2
{
	padding-top: 5px;
	
	display: inline-block;
	float: left;
	clear: left;
	font-size: 120%;
}

/** Public Pages **/

.coursePageItem
{
	padding-left:30px;
	clear:left;
	
}
ul.coursePageItem
{
	padding-left:60px;
	
}
ul.courseList
{
	padding-left:30px;
	
}
hr.coursePageItem
{
	margin-left:30px;
	
}
p.mainPageSplash
{
	color: rgb(224,146,47);
	font-size: 121%;
}
p.mainPageSplash2
{
	color: rgb(224,146,47);
	font-size: 140%;
}
p.mainPageSplash2 span.you
{
	font-weight: bold;
}
div.homePageContent p.title
{
	font-weight: bold;
}

ul.courseList
{
	list-style-position:inside;
	list-style-type: none;
}
ul.courseList li
{
	display: inline;
	border-left: 1px solid #000;
	padding:0px 5px 0px 5px;
}

ul.courseList li.first
{
	border-left:0px;
}

ul.courseList li a
{
	text-decoration:none;
	color:Black;
}

ul.courseList li.selected a
{
	text-decoration:underline;
	color:rgb(224,146,47);
}

div.courseHead
{
	background-color:#f0f0f1;
	padding-top:2px;
	padding-bottom:2px;
	color: rgb(224,146,47);
	font-size:95%;
	margin-bottom:10px;
}
div.courseHead span.emphasise
{
	font-weight:bold;
}
p.courseButtonLocator
{
	float:left;
	padding-right:30px;
	
}

.buyNowList img
{
	vertical-align:middle;
	text-decoration:none;
}
.buyNowList a
{
	text-decoration:underline;
	margin-right:25px;
}
.buyNowList .emphasise
{
	font-weight:bold;
}

			p.generalEnglishTitle
			{
				color: #85BA53;
				float: left;
				margin-right: 20px;
			}
			ul#GeneralEngNav
			{
				color: Black;
				text-decoration: none;
				margin-top:22px;
			}


			ul#GeneralEngNav li
			{
				display: inline;
				padding-left:3px;
				border-left:thin solid black;
			}

			p.generalEnglishTitle
			{
				color: #85BA53;
				float: left;
				margin-right: 20px;
			}
			ul#GeneralEngNav
			{
				color: Black;
				text-decoration: none;
				margin-top:22px;
			}


			ul#GeneralEngNav li
			{
				display: inline;
				padding-left:3px;
				border-left:thin solid black;
			}


			ul#GeneralEngNav li.selected a
			{
				text-decoration: underline;
			}



			ul#GeneralEngNav li.first
			{
				border-left:0px;
			}


			ul#GeneralEngNav a
			{
				color: Black;
				text-decoration: none;
				font-weight:bold;

			}
/** End Public Pages **/