/*

Kowhai Communications Ltd.
Vital English -- Theme Style Sheet

20 October 2006
Chris Evans

*/

/* ++ Main */
body, input, select, textarea
{
	font-family:	"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;	
}

body {
	background: transparent url() no-repeat right bottom;
	background-attachment: fixed;
	
}

a {
	color: #006666;
}
a:hover {
}
a:visited {
	color: #006666;
}

h1 {
	color: #006666;
}

h2 {
	color: #006666;
}

h3 {
	color: #006666;
}





/* ++ Appearance */

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

/* ++ Page */
body {
}

div#baseWrapper {
	background: transparent url(header_bg.gif) repeat-x left top;
}

div#page {
}


div#publicMenu ul {
	margin-top: 0;	
}

div#publicMenu ul li {
	font-family:	Verdana, Geneva, Arial, Helvetica, sans-serif;	
	
}


/* ++ Header */
div#header {
	background: transparent url(header_border.gif) repeat-x left bottom;
}

div#header p.loggedIn {
	color: #006666;
}

div#header p.loggedIn span.loginName {
}


ul.stepIndicator li.selected {
	border: 1px solid #006666;
}


div.sideMenu ul.navigation li.selected a {
	background: #F4F7F8;
	color: #006666;
}


/* ++ Content */
div#page.public p { line-height: 1.5em; }

p.intro {
}

p.promo {
	color: #006666;
}

span.notification {
}

div.mainContent {
}

div.contentColumn.first 
{
	width: 50%;
}

div#content div.contentColumn.second {
	float: right;
	width: 45%;
}

div#page div.homepage { padding:0; margin:0; }

div#page.public div#content div#mainContent {
	margin-left: 3%;
	width: 65%;
}

* html div#page.public div#content div#mainContent { display: inline; }

/* ++ Footer */
div#footer {
	display: none;
}


div.intro {
	color: #ADD5C2;	
	margin-bottom: 2em;
}

div.intro a { color: #fff; }


div.intro h2{
	color: #FFFFFF;
}



table.stepTable th { white-space: nowrap; padding-left: 1em; vertical-align: top; }

div#page.public div.boxHead h2 {
	padding: .5em 0 0 .75em;
}



div#page.public div.home div.boxHead h2 {

}

div#page.public div.intro, div#page.public div.intro div.boxBody, 
div#page.public div.intro div.boxHead, div#page.public div.intro div.boxHead h2 {
	background-image: url(intro_bg.gif);
}

div#page.public div.publicBox div.boxBody {
	padding: 1em;
	padding-top: 0;
}




p.backtotop { display: none; }
p.wellwishing { font-weight: bold; text-align: center; font-size: 130%; }


div#sideBar ul.navigation { display: none; }


table.courseTable {
	font-size: 75%;
	border-collapse: collapse;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0 0 0 0;
	background: #fff;
}

table.courseTable thead th {
	background: #ccc;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	vertical-align: middle;
}

table.courseTable th, table.courseTable td {
	border: 1px solid #c3c3c3;
	padding: .55em;
	vertical-align: top;
	width: 18%;
	line-height: 1.2em;
}

table.courseTable th.desc, table.courseTable td.desc {
	width: 30%;
}


table.imageTable { font-size: 85%; }
table.imageTable th { vertical-align: top; padding: 1em 0 0 0; }
table.imageTable td { padding: 1em 0 0 0; }



div#content div.login div.userPanel input,
div#content div.login div.passwordPanel input {
	width: 7em;
	float: right;
	margin: .5em 0 .5em 5px;
}
div#content div.login div.userPanel label,
div#content div.login div.passwordPanel label {
	width: 5em;
	float: left;
	margin: .5em 0 .5em 5px;
}