/*

Kowhai Communications Ltd.
IDP -- Theme Style Sheet

20 October 2006
Chris Evans

*/

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

body.public {
	background: #fff url(idp_homepage_BG2.gif) repeat-x right top;
	background-attachment: fixed;
	
}



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

h1 {
	color: #008149;
}

h2 {
	color: #008149;
}

h3 {
	color: #008149;
}




/* ++ Appearance */

body.public div#header img.mainlogo {
	/*margin: .25em 0 0 1.25em;
	float: left;*/
	position: absolute;
	left: 1.25em;
	top: .25em;
}

/* ++ Page */
body.public div#baseWrapper {
	background: transparent url(baseWrapper_bg.gif) no-repeat left top;
	min-height: 700px;	
}

* html body.public div#baseWrapper { height: 700px; }

div#page {

	background: transparent;
}


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

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

div#publicMenu {
	padding: 55px 0 0 0;	
}


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

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

div#header p.loggedIn span.loginName {
}


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


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


/* ++ Content */
div#content { min-height: 450px; }
* html div#content { height: 450px; }

div#page.public div#content div#mainContent { width: 72%; margin-top: 5px; }
div#page.public div#content div#sideBar { width: 27%; }


div#mainContent h2 { font-size: 110%; color:#58595b; }

p.intro {
}

p.promo {
	color: #008149;
}

span.notification {
}

div.mainContent {
}

div.contentColumn.first {
}

div.contentColumn.second {
}

div.intro, div.intro div.boxBody, 
div.intro div.boxHead, div.intro div.boxHead h2 
{ 
	background-image: url(publicBoxIntroBg.gif);
} 

div.login, div.login div.boxBody, 
div.login div.boxHead, div.login div.boxHead h2 
{ 
	background-image: url(publicBoxBg_Login.gif);
}

div.slidingHomeContent { background: transparent url(homepagePubcontent_Top.gif) no-repeat left top; margin-bottom: 3em; }

div.slidingHomeContent h2 { padding: 1em 1em .5em 1em; font-size: 110%; color:#58595B; font-weight: bold;}
div.slidingHomeContent table.stepTable {margin: 0 0 0 .75em; width: 90%; padding:0;}
div.slidingHomeContent table.stepTable th { white-space: nowrap; vertical-align: top; padding-right: .25em; }

div.slidingHomeContent div.boxBody { background: transparent url(homepagePubcontent_Base.gif) no-repeat left bottom; padding-bottom: .5em; }




div.login { 
	padding-right: 12px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 5px auto 1em auto; /* use to position the box */ 
} 

/* set the top-right image */ 
div.login div.boxHead { 
	margin-right: -12px; /* pull the right image over on top of border */ 
	padding-right: 12px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
div.login div.boxHead h2 { 
	padding: 5px 0 2px 12px; /* padding-left = image gap + interior padding ... no padding-right */ 
} 

/* set the lower-left corner image */ 
div.login div.boxBody { 
	margin-right: 10px; /* interior-padding right */ 
	padding: 2px 0 5px 12px; /*mirror .cssbox_head right/left */ 
} 


div.login div.boxHead h2 {
	font-weight: bold;
	color: #000;
	padding-top: 14px;
	padding-left: 16px;
	padding-bottom: 20px;	
	font-size: 110%;
}



div.homepage div.publicBox h2, div.homepage div.publicBox p
{
	padding: 1em 1em 0 1em;
}

div.homepage div.publicBox h2 { margin:0; }


div.homepage div.publicBox table {
	margin: 0 0 1em 0;	
}

div.homepage div.publicBox table th {
	white-space: nowrap;
	padding: 0 0 0 2em;
}

div.homepage div.publicBox table td {
	padding: 0 0 0 .5em;
}

div.homepage div.publicBox table th,
div.homepage div.publicBox table td {
	vertical-align: top;	
	
}

div.intro { margin-top:0; }

div.intro h2, div.intro a, div.intro a:visited { color:#fff; }
div.homepage div.intro p { color: #ADD5C2; padding-top:0; }

div.partnerLogo {
	text-align: center;	
}

div.partnerLogo img {
	margin: 1em 0 0 0;		
}

/* ++ Footer */
div#footer {
	background: transparent url(footer_bg.gif) no-repeat left top;
	min-height:48px;
	margin:1em 0 0 0;
	padding:0;
	font-size: 100%;
	font-family: Arial, Helvetica, Sans-Serif;
	color:#919194;
	display:none;
}

* html div#footer { height: 48px; }

div#footer p {float: none; text-align: left; line-height: 50px; margin:0; padding: 0 0 0 255px; }


table.courseTable {
	font-size: 75%;
	border-collapse: collapse;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 1.5em 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.25em;
}

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

table.imageTable {
	
	margin: .5em 0 .5em 0;
}
table.imageTable th {
	vertical-align: top;
}
table.imageTable td span.partnerName {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
}

table.imageTable th, table.imageTable td {
	padding: 1em 0 0 0;
}
table.imageTable td { padding-left: 1em; }


p.backtotop { display: none; }
div.minRequirements { display: none; }



div#publicMenu ul li:hover, div#publicMenu ul li:hover a
{
	color:#000;
}
div#publicMenu ul.navigation li.no1 a:hover,
div#publicMenu ul.navigation li.no1.selected a { color: #919194; }
div#publicMenu ul.navigation li.no2 a:hover,
div#publicMenu ul.navigation li.no2.selected a { color: #619080; }
div#publicMenu ul.navigation li.no3 a:hover,
div#publicMenu ul.navigation li.no3.selected a { color: #78A22F; }
div#publicMenu ul.navigation li.no4 a:hover,
div#publicMenu ul.navigation li.no4.selected a { color: #E36F1E; }


/*
div#publicMenu ul.navigation li.selected a { color: #fff; }
div#publicMenu ul.navigation li.selected a:hover { color: #fff; }

div#publicMenu ul.navigation li.no1 { background-image:url(left_both_1.gif); }
div#publicMenu ul.navigation li.no1 a { background-image:url(right_both_1.gif); }

div#publicMenu ul.navigation li.no2 { background-image:url(left_both_2.gif); }
div#publicMenu ul.navigation li.no2 a { background-image:url(right_both_2.gif); }

div#publicMenu ul.navigation li.no3 { background-image:url(left_both_3.gif); }
div#publicMenu ul.navigation li.no3 a { background-image:url(right_both_3.gif); }

div#publicMenu ul.navigation li.no4 { background-image:url(left_both_4.gif); }
div#publicMenu ul.navigation li.no4 a { background-image:url(right_both_4.gif); }
*/



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




div.login div.userPanel input,
div.login div.passwordPanel input {
	width: 7.25em;
	float: right;
	margin: 0 0 .5em 0;
	border: 1px solid #E3E3E4;
}
div.login div.userPanel label,
div.login div.passwordPanel label {
	width: 5.5em;
	float: left;
	margin: 0 0 .5em 5px;
}

div.login div.submitPanel {
	text-align: left;
}

div.login div.passwordRecoveryPanel a { 
	text-decoration: none; 
	color: #000; 
	font-size: 85%; 
	padding-left: 10px; 
	background: transparent url(fp_arrow.gif) no-repeat left center;  
}


div.title { padding: .5em 0 0 0;  }
div.title h1 { font-size: 110%; padding: 0 0 .5em .5em; }

div.title.courseOutline { background: transparent url(courseOutlineTitleTop.gif) no-repeat left top;}
div.title.courseOutline h1 { 
    color:#619080;     
    background: transparent url(courseOutlineTitleBase.gif) no-repeat left bottom;     
}

div.title.aboutUs { background: transparent url(aboutTitleTop.gif) no-repeat left top;}
div.title.aboutUs h1 { 
    color:#78a22f; 
    background: transparent url(aboutTitleBase.gif) no-repeat left bottom;
}

div.title.contactUs { background: transparent url(contactUsTitleTop.gif) no-repeat left top;}
div.title.contactUs h1 { 
    color:#e36f1e; 
    background: transparent url(contactUsTitleBase.gif) no-repeat left bottom;
}




div#mainContent div.contentPadding { padding-left: 10px; }

div#mainContent div.courseInfo h2 { 
    color:#619080; 
    font-size:100%; 
    border-bottom: 1px solid #c0c0c0; 
    padding-bottom: .5em; 
    margin-right: 1em;
}
div#mainContent div.courseInfo h3 { 
    color:#619080; 
    font-size:100%; 
    border-top: 1px solid #c0c0c0; 
    padding-top: .5em; 
    margin-right: 1em; 
    margin-bottom:0; 
    padding-bottom:0;
    padding-left: 10px;
    background: transparent url(courseBullet.gif) no-repeat left .85em; 
}
div#mainContent div.courseInfo p { margin-top:0; padding-top:.25em; padding-bottom: 1em; margin-bottom:0;}

div#mainContent div.courseInfo p.review {border-top: 1px solid #c0c0c0; margin-right: 1em; padding-top: 1em;}

div#mainContent div.contactInfo h2 { 
    color:#e36f1e; 
    text-transform: uppercase;
    border-bottom: 1px solid #c0c0c0; 
    padding-bottom: .5em; 
    margin-bottom: 1em; 
    margin-right: 1em;
}

div#mainContent div.contactInfo div.expander, 
div#mainContent div.courseInfo div.collapser { 
    border-bottom: 1px solid #c0c0c0; 
    padding-bottom: 0; 
    margin-bottom: 1em; 
    margin-right: 1em;
}
div#mainContent div.contactInfo div.expander h3,
div#mainContent div.contactInfo div.collapser h3 { 
    clear: both;
    text-decoration: underline; 
    color: #e36f1e; 
    font-size: 100%;
    padding-left: 15px;
    background: transparent url(expanderIcon.gif) no-repeat left center; 
}
div#mainContent div.contactInfo div.collapser h3 {background: transparent url(collapserIcon.gif) no-repeat left center; }

div#mainContent div.contactInfo div.expander p { display: none; }
div#mainContent div.contactInfo div.expander p a,
div#mainContent div.contactInfo div.collapser p a { color: #e36f1e;}
div#mainContent div.contactInfo div.expander p.contactName { display: block; margin-top:0; padding-top: 0; }

div#mainContent div.contactInfo div.collapser div.column { float: left; width: 48%;}
div#mainContent div.contactInfo div.collapser div.final { float: right;}


p.courseIntro { color:#619080; font-weight: bold; }