/*

Kowhai Communications Ltd.
Tuto.co.nz -- Theme Style Sheet

03 January 2007
Chris Evans

*/

body
{
	margin: 0;
	padding: 0;
}

div#page.public
{
	width: 735px;
	padding: 16px;
}

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
{
	background: none;
	border-bottom: 1px solid #BDBDBD;
	margin-bottom: 0;
	padding-bottom: .5em;
	position: relative;
}

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

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


div#publicMenu ul
{
	margin-top: 0;
	position: absolute;
	right: 0;
	bottom: 0;
}
div#publicMenu ul li
{
	border: none;
	background: none;
}
div#publicMenu ul li a
{
	background: none;
	color: #F8981D;
	text-transform: lowercase;
	padding-left: 4px;
	padding-right: 4px;
}
div#publicMenu ul li a:hover
{
	color: #BDBDBD;
}
div#publicMenu ul li.selected a, div#publicMenu ul li.childSelected a, div#publicMenu ul li.selected a:hover
{
	color: #000;
}

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;
}
p.preCall
{
	margin: 0 40px 0 22px;
}

div#content
{
	margin-bottom: 0;
}

div#footer
{
	margin-top: 0;
	background: none;
	border-top: 1px solid #BDBDBD;
	color: #F8981D;
}

div#page.public div#content div#mainContent
{
	float: right;
	width: 555px;
}

div#page.public div#content div#sideBarInstruction div#sideBar p
{
	margin: .3em;
	padding: .5em;
}

div#page.public div#content div#sideBar
{
	float: left;
	width: 180px;
}

div#page.public div.publicBox div.boxHead h2
{
	overflow: hidden;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
}

div#page.public div.publicBox
{
	width: 147px;
}

div#page.public div#content
{
	background: transparent url(content_bg.gif) repeat-y left top;
}

/* 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: transparent url(login_bg_solid.gif) no-repeat bottom right;
}

/* 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: transparent url(studycard_bg_solid.gif) no-repeat bottom right;
}

/* 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: transparent url(register_bg_solid.gif) no-repeat bottom right;
}

div#page.public div.publicBox
{
	padding-right: 13px; /* the gap on the right edge of the image (not content padding) */
	margin: 10px auto; /* use to position the box */
}

/* set the top-right image */
div#page.public div.publicBox div.boxHead
{
	background-position: top right;
	margin-right: -13px; /* pull the right image over on top of border */
	padding-right: 13px; /* right-image-gap + right-inside padding */
}

* html div#page.public div.login div.boxHead
{
	margin-right: -15px;
}


/* set the top-left image */
div#page.public div.publicBox div.boxHead h2
{
	background-position: top left;
	margin: 0; /* reset main site styles*/
	border: 0; /* ditto */
	padding: 0 0 20px 0; /* padding-left = image gap + interior padding ... no padding-right */
	height: auto !important;
	height: 1%; /* IE Holly Hack */
}

/* set the lower-left corner image */
div#page.public div.publicBox div.boxBody
{
	background-position: bottom left;
	margin-right: 0; /* interior-padding right */
	padding: 0 0 0 0; /*mirror .cssbox_head right/left */
}

div#page.public div.publicBox div.boxBody
{
	text-align: center;
	padding-bottom: 4px;
}
div#page.public div.studycard div.boxBody
{
	padding-bottom: 8px;
}
div#page.public div.studycard div.boxBody img
{
	float: right;
}
div#page.public div.registerPromo div.boxBody p.final
{
	margin-bottom: 5px;
}


div.login div.boxBody div.passwordRecoveryPanel a
{
	font-size: 70%;
}
div.login div.boxBody div.passwordRecoveryPanel
{
	padding-top: 0;
}
div.login div.boxBody div.submitPanel
{
	padding-bottom: 0;
}



div.login div.boxBody div.userPanel label, div.login div.boxBody div.passwordPanel label
{
	font-size: 80%;
	color: #919194;
	text-transform: lowercase;
}

* html div.login div.boxBody div.userPanel
{
	height: 1%;
}

div.login div.boxBody div.userPanel input, div.login div.boxBody div.passwordPanel input
{
	border: 1px solid #E7E7E7;
	width: 140px;
	margin-left: 8px;
}

* html div.login div.boxBody div.userPanel input, * html div.login div.boxBody div.passwordPanel input
{
	margin-left: 5px;
}

div.login div.submitPanel input
{
	margin-right: 0;
}


div#page.public div.registerPromo div.boxHead h2
{
	padding-bottom: 12px;
}

div.registerPromo
{
	text-align: center;
	color: #919194;
	font-weight: bold;
}

div.registerPromo a.regLink
{
	font-size: 100%;
	color: #919194;
	display: block;
	margin: 0 0 0 0;
	text-decoration: none;
}

div.registerPromo span.phone
{
	font-size: 150%;
	font-weight: normal;
	margin-top: 8px;
	margin-bottom: 4px;
}

div.registerPromo p.final, div.studycard a
{
	margin-top: 0;
	padding-left: 12px;
}


div#mainContent h1.pubHeading
{
	overflow: hidden;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	width: 555px;
	height: 110px;
}

div#mainContent h2.subHeading
{
	overflow: hidden;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	width: 360px;
	height: 40px;
}

div#mainContent h1.welcome
{
	background: transparent url(headings/welcome.jpg) no-repeat left top;
}
div#mainContent h1.programmeOverview
{
	background: transparent url(headings/programmeOverview.jpg) no-repeat left top;
}
div#mainContent h1.aboutUs
{
	background: transparent url(headings/aboutUs.jpg) no-repeat left top;
}
div#mainContent h1.contactUs
{
	background: transparent url(headings/contactUs.jpg) no-repeat left top;
}
div#mainContent h1.register
{
	background: transparent url(headings/register.jpg) no-repeat left top;
}
div#mainContent h1.thankyou
{
	background: transparent url(headings/thankyou.jpg) no-repeat left top;
}
div#mainContent h1.forgotpassword
{
	background: transparent url(headings/forgotpassword.jpg) no-repeat left top;
	height: 72px;
}
div#mainContent h1.shopping
{
	background: transparent url(headings/shop.jpg) no-repeat left top;
}
div#mainContent h1.thankYouForShopping
{
	background: transparent url(headings/thankYouForShopping.jpg) no-repeat left top;
}
div#mainContent h2.ils
{
	background: transparent url(headings/ils.gif) no-repeat right top;
}



div.decorativeBox
{
	background: transparent url(homeDecoration.jpg) no-repeat right top;
	position: relative;
	height: 280px;
	margin: 10px 0 0 0;
}

div.decorativeBox p
{
	position: absolute;
	right: 20px;
	bottom: 30px;
	width: 255px;
	margin: 0 0 1em 0;
	padding: 0;
}

div.decorativeBox img.quote
{
	position: absolute;
	right: 50px;
	top: 30px;
}

div.decorativeBox p em
{
	font-style: normal;
	color: #F8981D;
}

p.callToAction
{
	text-align: center;
}
p.callToAction a
{
	font-weight: bold;
	padding: 5px 20px 5px 0;
	background: transparent url(callToAction.gif) no-repeat right center;
}


div.logos
{
	padding-left: 11px;
}

div.logos img
{
	margin: 0;
	padding: 0;
	float: left;
}

 .
div.contentBlock.alternate
{
	border-left: 1px solid #FDFDFD;
	border-right: 1px solid #FDFDFD;
}

div.contentBlock
{
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	padding: 0;
	margin: 0 0 0 6px;
	width: 542px;
}


div.contentBlockHead
{
	background: #fff url(contentBlockHead.gif) no-repeat right top;
	height: 15px;
	width: 545px;
	margin: .5em 0 0 5px;
}
div.contentBlockFoot
{
	background: #fff url(contentBlockFoot.gif) no-repeat right bottom;
	height: 15px;
	width: 545px;
	margin: 0 0 .5em 5px;
}

div.contentBlock p
{
	padding-left: 11px;
	padding-right: 11px;
}
div.contentBlock p.intro
{
	margin-top: 0;
	padding-top: 0;
	font-weight: normal;
}
div.contentBlock p.final, div.contentBlock ul.final
{
	margin-bottom: 0;
	padding-bottom: 0;
}


div.public div#mainContent div.alternate, div.publicMinimal div#mainContent div.alternate, 
div.public.minimal div#mainContent div.alternate, div.mainContent .
div.productBox.alternate
{
	background: #F8F9F9;
}

div.contentBlockHeadAlt
{
	background: #fff url(contentBlockHeadAlt.gif) no-repeat right top;
	height: 15px;
	margin: .5em 0 0 0;
}
div.contentBlockFootAlt
{
	background: #fff url(contentBlockFootAlt.gif) no-repeat right bottom;
	height: 15px;
	margin: 0 0 .5em 0;
}


* html div.contentBlock
{
	margin-top: -1px;
}


div.public div#mainContent, div.publicMinimal div#mainContent, div.public.minimal div#mainContent
{
	color: #919194;
	padding-bottom: 1em;
}

div.progContent
{
	background: #FAFAFA;
	padding: 5px 0 5px 0;
}

div.progContent div.descriptions
{
	float: left;
	width: 525px;
}
div.progContent div.images
{
	float: right;
	width: 140px;
}

div.progContent div.images
{
	text-align: center;
	padding-top: 15px;
}
div.progContent div.images p
{
	margin: 0 0 1em 0;
	font-size: 80%;
}


div.progContent div.descriptions p
{
	padding-left: 67px;
	min-height: 50px;
}
* html div.progContent div.descriptions p
{
	height: 50px;
}
div.progContent div.descriptions p.text
{
	background: transparent url(icons/doc.gif) no-repeat 12px top;
}
div.progContent div.descriptions p.images
{
	background: transparent url(icons/images.gif) no-repeat 12px top;
}
div.progContent div.descriptions p.demos
{
	background: transparent url(icons/demos.gif) no-repeat 12px top;
}
div.progContent div.descriptions p.interactive
{
	background: transparent url(icons/interactive.gif) no-repeat 12px top;
}
div.progContent div.descriptions p.print
{
	background: transparent url(icons/print.gif) no-repeat 12px top;
}
div.progContent div.descriptions p.quiz
{
	background: transparent url(icons/quiz.gif) no-repeat 12px top;
}
div.progContent div.descriptions p.assess
{
	background: transparent url(icons/assess.gif) no-repeat 12px top;
}

div.contactInfo
{
	color: #919194;
	padding: 12px 0 0 12px;
}
div.contactInfo p
{
	margin: 0;
	padding: 0;
}
div.contactInfo p a
{
	color: #919194;
	text-decoration: none;
}


div.expander div.courseContent
{
	display: none;
}
div.collapser div.courseContent
{
	display: block;
}

div.courseInfo
{
	margin-left: 40px;
	padding-top: 10px;
}

div.courseInfo h1
{
	font-size: 100%;
	color: #919194;
	font-weight: normal;
}
div.courseInfo h2
{
	font-size: 100%;
	color: #919194;
	border-top: 1px solid #E4E4E5;
	padding-top: 10px;
}
div.courseInfo h3
{
	font-size: 100%;
	color: #919194;
}


div.courseProgramme
{
	background: #F7F8F8;
	margin-bottom: 10px;
	padding: 5px;
}

div.courseInfo div.courseProgramme h3
{
	font-size: 100%;
	color: #919194;
	padding: 5px 0 5px 26px;
	font-weight: normal;
}
div.courseInfo div.courseProgramme h4
{
	font-size: 100%;
	margin: 0;
	padding: 0;
}
div.courseInfo div.courseProgramme p
{
	margin-top: 0;
	padding-top: 0;
}

div.courseInfo div.expander h3
{
	background: transparent url(icons/expander.gif) no-repeat left center;
}
div.courseInfo div.collapser h3
{
	background: transparent url(icons/collapser.gif) no-repeat left center;
	border-bottom: 1px solid #E4E4E5;
}

/*div#content div.login div.userPanel,
div#content div.login div.passwordPanel { position: relative; }*/
div#content div.login div.userPanel span.error, div#content div.login div.passwordPanel span.error
{
	padding: 0;
	margin: 0;
	background: none;
	font-size: 80%;
	width: 100% !important;
}


div.courseInfo table
{
	border-collapse: collapse;
	padding: 0;
	margin: .5em 0 .5em 0;
	border: none;
	width: 100%;
}

div.courseInfo table td
{
	border: 1px solid #E4E4E5;
	padding: .25em;
	vertical-align: top;
	width: 33.3%;
}

div.public div#mainContent div.inputForm
{
	width: auto;
	margin-left: 11px;
	margin-top: 1em;
	background: #F8F9F9 url(register_bg.jpg) no-repeat right top;
}

div.public div#mainContent div.inputForm div.row label.fieldname
{
	width: 10em;
}
div.public div#mainContent div.inputForm div.row textarea
{
	width: 70%;
	height: 6em;
}

div.public div#mainContent div.inputForm div.mandatory
{
	background: transparent url(mandatory.gif) no-repeat left top;
	background-position: 10.5em .8em;
}

div.public div#mainContent label.mandatory
{
	background: transparent url(mandatory.gif) no-repeat left top;
	background-position: 4.8em .2em;
}

div.public div#mainContent p.disclaimer
{
	font-size: 80%;
	font-style: normal;
	margin: 0 0 1em 0;
	padding: 0;
}

div.public div#mainContent div.thankyouMessage
{
	background: transparent url(thankyouDecoration.jpg) no-repeat right top;
	position: relative;
	height: 107px;
	margin: 10px 0 0 0;
}

div.public div#mainContent div.thankyouMessage p
{
	position: absolute;
	left: 20px;
	top: 10px;
	width: 330px;
	margin: 0;
	padding: 0;
}

div.courseInfo img
{
	margin-right: 20px;
}

div.inputForm input.button
{
	margin-right: 10px;
}

ol.secondary
{
	list-style-type: lower-alpha;
}


div.courseInfo table.veTable
{
	border-collapse: collapse;
	background: none;
	border: none;
	width: 100%;
}
div.courseInfo table.veTable td
{
	border: 2px solid #fff;
	color: #000;
	text-align: center;
	font-size: 80%;
	font-weight: bold;
	padding: .5em;
	width: 33.333%;
}

div.courseInfo table.veTable td img
{
	margin: 0;
	padding: 0;
}

table.veTable td.generalEnglish
{
	background: #EEF8EC;
}
table.veTable td.testPreparation
{
	background: #E5F2F9;
}
table.veTable td.specificEnglish
{
	background: #FFF9EA;
}


table.compositeTable
{
	font-size: 80%;
}

table.compositeTable thead th, table.compositeTable tbody th
{
	text-align: center;
	border: 1px solid #E4E4E5;
	vertical-align: top;
	padding: .25em;
}
table.compositeTable thead th.text
{
	text-align: left;
}
table.compositeTable tfoot th
{
	text-align: right;
	border: 1px solid #E4E4E5;
	vertical-align: top;
	padding: .25em;
}


table.compositeTable tbody td, table.compositeTable tfoot td
{
	text-align: center;
	width: 1%;
}
table.compositeTable tbody td.text
{
	text-align: left;
	width: 99%;
}

table.compositeTable tfoot tr.total th
{
	text-transform: uppercase;
}
table.compositeTable tfoot tr.total td
{
	font-weight: bold;
}

div.public div#mainContent div.courseInfo p.disclaimer
{
	font-style: italic;
	font-size: 100%;
}

table.compositeTable thead th
{
	background: #aaa;
	color: #fff;
}


div.minRequirements
{
	width: 180px;
	text-align: center;
	margin: 1em 0 0 0;
}

div.minRequirements p
{
	margin: 0;
	padding: 0;
}



div#page.publicMinimal, div#page.public.minimal
{
	width: 735px;
	padding: 16px;
}

div#page.public.minimal div#content
{
	background-image: none;
}

div#page.publicMinimal div#content div#mainContent,
div#page.public.minimal div#content div#mainContent
{
	float: left;
	width: 735px;
}

div.login div.submitPanel input
{
	background: #eb6d20;
	color: #FFF;
	border: 0;
}


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

/** End Public Pages **/