/*

Kowhai Communications Ltd.

EIL -- Theme Style Sheet

09 July 2007
Chris Evans

*/

body 
{ 
  font-family: Arial, Helvetica, sans-serif;
  margin:0; 
  padding:0; 
}


body.public {background: transparent url(body_bg.gif) repeat left top; color:#000; }
div#page.public { width: 762px; padding: 0 0 0 10px; background: #fff;}

DIV.registerPromo 
{	
  FONT-WEIGHT: normal;	
  COLOR: #000;	
  TEXT-ALIGN: center
}

DIV.registerPromo A.regLink 
{	
  DISPLAY: block;	
  FONT-SIZE: 140%;	
  MARGIN: 0.5em 0px 0px;	
  COLOR: #eb6d20
}

DIV.registerPromo H2 
{	
  PADDING-RIGHT: 0px;	
  PADDING-LEFT: 0px;	
  PADDING-BOTTOM: 0px;	
  MARGIN: 0px;	
  COLOR: #5f85a5;	
  PADDING-TOP: 0px
}

DIV.registerPromo SPAN.phone 
{	
  DISPLAY: block
}
  

a ,a:visited, div.registerPromo A.regLink
{ 
	color:#0000ff; 
}

h1, div#page div#header p.loggedIn, 
div.sideMenu ul.navigation li.selected a,
div.sideMenu ul.navigation li.childSelected a 
{ 
	color:#cb9465; 
}

h1,h2
{
  color:#000;
}

h3,h4 { color:#6e92a3; }


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; }

div#header { 
	margin-bottom: 0;
	padding-bottom: 0;
	height: 105px;
	position: relative;
}

body.public div#baseWrapper
{
  text-align:center;
}

body.public div#page.public, body.public div#page.publicMinimal
{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}

div#page.public div#header, div#page.publicMinimal div#header 
{
	border: none;
	background: none;
	background:transparent url(header-banner.jpg) no-repeat right bottom;
}

div#sideBar div.login div.submitPanel input 
{
  background:transparent url(gscLogin.gif) no-repeat scroll left bottom;
  border:0 none;
  color:#FFFFFF;
  cursor:pointer;
  font-size:0;
  height:30px;
  margin-left:0px;
  text-transform:lowercase;
  width:214px;
}

div.orderFooterWrapper
{
  width:100%;
}

div#header img.mainlogo { margin: 0 0 1em 0; }

div#page div#header img.mainlogo { float:left; margin-bottom: 1px; margin-left: 50px; margin-top: 10px; }
div#page.public div#header img.mainlogo { float:left;  }

div#page.public div#header img.mainlogo, div#page.publicMinimal div#header img.mainlogo
{
  display:none;
}

div#header p.loggedIn { position: absolute; right: .75em; bottom: 0; }

div#publicMenu ul { margin:0; position: absolute; right:0; bottom: 0; }

* html div#publicMenu ul { margin:0; position: absolute; right:0; bottom:-1px; }

div#publicMenu ul li a { font-size: 100%; }
div#publicMenu ul li:hover, div#publicMenu ul li:hover a {color:#cb9465;}


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%;
}

table.infoTable thead tr th {
	background: #dbdedf;
}

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:40px;
	color:#F8981D;
	text-align: center;
	padding-bottom: 3em;
}

div#page.public div#footer { 
	background: none;
}

div#page.public div#content div#mainContent {
	float: left;
	width: 565px;
}

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: 14px;
}

* 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 10px 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; }
div#page.public div.homepage h1 { margin-right: 40px; }
div#page.public p { margin: 0 0 1em 0; padding:0; }

div#page.public div#content div.standardContent { padding:1em 55px 0 30px; }

div#page.public div#content div.homepage { background: transparent url(homepage_bg.jpg) no-repeat right top; }
div#page.public div#content div.homepage div.homepageContent { width: 310px; padding-top: 20px; }
div#page.public div#content div.homepage div.homepageContent h2 { margin: 2em 0 .25em 0; padding:0; }
div#page.public div#content div.publiccontent ul { margin:0 0 1em 0; padding: 0 0 0 1.2em; }

* html div#page.public div#content div.publiccontent ul { margin:0 0 1em 0; padding: 0 0 0 1.44em; }

div#page.public div#content div.publiccontent 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 { font-size: 120%; 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 #f2e4d8; }

div#page.public div.login div.userPanel label, div.login div.passwordPanel label { color:#000; text-transform: capitalize; width: 69px; }

div#page.public div.login div.passwordRecoveryPanel a { font-size: 90%; }

div#page.public div.publicBox { margin: 0 0 1em 0; }

/* 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); 
}     

/* set the image to use and establish the lower-right position */ 
div#page.public div.registerPromo, div#page.public div.registerPromo div.boxBody, 
div#page.public div.registerPromo div.boxHead, div#page.public div.registerPromo div.boxHead h2 { 
    background-image: url(register_bg_solid.gif); 
} 

img.contentImage { float: right; margin: 0 18px 20px 50px; }
div.homepage img.contentImage { float: right; margin: 0 45px 0 50px; }


div#page.public div.registerPromo div.boxBody p { text-align: left; margin-left: 4px; }


div#publicMenu ul li { background-image: url(left_both.gif); }
div#publicMenu ul li a { background-image: url(right_both.gif); }

div.publiccontent {
    padding:1em 0pt 0pt 20px;
    
}

div#page div.publiccontent h1 { padding-bottom: 0; margin-bottom: 1em; }

div.publiccontent h2 { margin-top: 1.66em; }

div#page div.publiccontent p { margin-right: 10px; }

div.about, div.contact { color: #000; }

 div.contact p.address { float: left; width: 38%; margin-right: 1%; clear: right; }

/* =Programme Info Pages */

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{
	color:#000;
	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#mainContent div.courseContent h3
{
	color: #000;
}

div#page.publicMinimal 
{ 
  width:735px;
  background-color:#fff;
	padding: 16px; 
}

DIV.publicMinimal#page DIV#content DIV#mainContent
{ 
	width: 100%;
}

div#mainContent div.courseContent
{
	padding: 8px;
}



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;
			}


			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;

			}
			
/* Available Courses table */
table.AvailableCourses
{
  width: 100%;
  border: 1px solid #000;
  padding: 0;
  margin: 1em 0 1em 0;
  border-collapse: collapse;
}

table.AvailableCourses thead
{
  background:#000;padding:0.25em;text-align:right;color:#fff;
}

table.AvailableCourses td
{
  padding:0.2em;
  border:1px solid #000;
}

table.AvailableCourses td.price
{
  padding:0.2em;
  border:1px solid #000;
  text-align:right;
}

table.AvailableCourses tr.green
{
  background-color:#D0E8C8;
}

table.AvailableCourses tr.darkgreen
{
  background-color:#D0E8C8;
}

table.AvailableCourses tr.blue
{
  background-color:#B8D0EB;
}

table.AvailableCourses tr.darkblue
{
  background-color:#78ADDC;
}

table.AvailableCourses tr.yellow
{
  background-color:#FDE9C2;
}

table.AvailableCourses tr.darkyellow
{
  background-color:#FCD98D;
}

/** End Public Pages **/