/* Jonathan's 10098 Portal Style */
/* NZIF SITE*/

/*
		blue:				#3399cc
		dark blue:			#336699
		dark grey:			#444444
		purple:				#994466
		dark purple:		#6b3047
		gold:				#998844
		teal:				#448899

*/

@import url(/system/style/admin.css);
@import url(/system/style/layoutboxes.css);
@import url(/system/style/indicator.css);
@import url(/system/style/lists.css);
@import url(/system/style/filter.css);
@import url(/system/style/properties.css); 
@import url(/system/style/community.css);
@import url(/system/style/sitemap.css);
@import url(/system/style/cms.css);
@import url(/system/hmenu/skin-xp-apps.css);

@import url(reset.css);


html
{
	/* Force scoll bars */
	height:									100%;
	
	/* Visible vertical scrollbar which disables correctly,
	 * allows normal horizontal scrollbar behaviour and can
	 * be overruled by userContent.css.
	 */
	overflow-y:								scroll;
	background-color: 						#f9f9f9;
	
	/* Other */
}


body
{
	height:									100%;
}


a
{
	color:									#3f8000;
	text-decoration:						none;
	font-weight:							bold;
}

#body .cmdline a
{
	color:									#3399cc;
	text-decoration:						none;
	font-weight:							bold;
	padding-bottom:							10px;
}


div.clear
{
	clear:									both;
}


#container
{
	background-image:						url(/themes/portal/images/bg-page.png);
	background-repeat:						repeat-y;
	margin:									0 auto;
	min-height:								100%;
	padding:								0 12px;
	position:								relative;
	width:									960px;
}


#page
{
	padding-bottom:								50px;
}


#head
{
	background-image:						url(/themes/portal/images/bg-bar.png);
	background-position:							bottom;
	background-repeat:							repeat-x;
	padding:								5px 0 5px 0;
	position:								relative;
	height:								270px;
	width: 								960px;
}


h1.logo
{
	margin:									10px;
}


#search
{

	position:								absolute;
	right:								20px;
	top:									 5px;
}


#search input, #search button
{
	font-size:								11px;
}


#nav
{
	/* background-color:						#998844; */
	/* padding:								7px; */
	/* background:#99AD08 url(/themes/portal/images/bg_nav.gif) repeat-x scroll left top; */
	/* border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC; */
	padding:8px 3px 141px;
	width:940px;
}
	
	}


#nav, #nav a
{
	color:									#ffffff;
	font-family:							Tahoma,Geneva,Arial,"Arial Narrow",Verdana,sans-serif;  /* Arial, Helvetica, sans-serif; */
	font-size:								12px;
	font-weight:							bold;
}


#nav a
{
	padding:								7px 7px;
	font-size:								12px;  /* this is new */
	color:									white; /* #3399cc; */
}


#foot-wrapper
{
	background-position:					top;
	background-repeat:						repeat-x;
	bottom:									0;
	padding-top:							15px;
	position:								absolute;
	width:									960px;
}


#foot
{
	background:								url(/themes/portal/images/bg-footer.png) repeat-x ;
	padding:								7px;
}


#foot, #foot a
{
	color:									#ffffff;
	font-family:							Tahoma,Geneva,Arial,"Arial Narrow",Verdana,sans-serif;  /* Arial, Helvetica, sans-serif; */
	font-size:								10px;
}


.fright
{
	float:									right;
}




#parenttree
{
	margin:									15px 0 15px 240px;
	padding:								0 10px;
}


#parenttree, #parenttree a
{
	color:									#3F8000;
	font-family:							Tahoma,Geneva,Arial,"Arial Narrow",Verdana,sans-serif;  /* Arial, Helvetica, sans-serif; */
	font-size:								10px;
}







.home-page .cglayoutbox h2
{
	padding:								10px 0;
}


.body
{
	color:									#555555;
	text-align:								justify; /* added 03.08.10 */
}


#body h2
{
	font-family:							"Trebuchet MS";
	font-size:								21px;
	margin-top:								15px;
	margin-bottom:							15px;
}

#body h1
{
	font-family:							"Trebuchet MS";
	font-size:								21px;
	margin-top:								15px;
	margin-bottom:							15px;
}

#body .item h2
{
	font-family:							"Trebuchet MS";
	font-size:								17px;
	padding-top:							6px;
}

#body .body h2
{
	font-family:							"Trebuchet MS";
	font-size:								16px;
	padding-top:							6px;
	margin-top:								15px;
	margin-bottom:							15px;
}

#body .Story h2 
{
	font-size:								16px;
	margin-bottom:							15px;
	margin-top:								15px;
}

#body .body H2.Correspondence 
{
	font-size:								11px;
	padding-left:							3px;
}

#body .body H2.CorrespondenceandDelivery 
{
	font-size:								11px;
	padding-left:							3px;
}

#body .body H2.Delivery 
{
	font-size:								11px;
	padding-left:							3px;
}

.body p
{
	font-family:							Tahona,Arial,sans-serif;  /*  Verdana, Geneva, Arial, Helvetica, sans-serif; */  /*Tahoma,Geneva,Arial,"Arial Narrow",Verdana,sans-serif; */
	font-size:								12px;
	line-height:							1.8;
	margin:									1em 0;
}


.body ul, body ol
{
	padding-left:							40px;
}


.body ul
{
	list-style-type:						disc;
}

#body .text ul
{
	font-family:							Tahona,Arial,sans-serif;  /*  Verdana, Geneva, Arial, Helvetica, sans-serif; */  /*Tahoma,Geneva,Arial,"Arial Narrow",Verdana,sans-serif; */
	font-size:								12px;
	line-height:							1.8;	
}

.body ol
{
	list-style-type:						decimal;
}

.body .text .items  ul.cglist 
{
	padding-left:							2px;
}

.body .text img
{
	padding:								3px 5px 5px 0px;
}

.subcats .cglist .item
{
	padding-left:							0px;
}

#navigation, #navigation a
{
	color:									#336699;
	font-family:							Tahoma,Geneva,Arial,"Arial Narrow",Verdana,sans-serif;  /*  Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-size:								11px;
	font-weight:							bold;
}


#navigation a
{
	background-image:						url(/themes/portal/images/nav.bullet.gif);
	background-position:					left 7px;
	background-repeat:						no-repeat;
	border-bottom:							1px solid #cccccc;
	display:								block;
	padding:								5px 0 5px 15px;
	width:									205px;
}


html>body #navigation a
{
	width:									auto;
}


#navigation a:hover
{
	color:									#3399cc;
}


#navigation a.active
{
	color:									#555555;
}


#navigation a.parent
{
	background-image:						url(/themes/portal/images/nav.bullet.active.gif);
	color:									#555555;
}


#navigation.aspects li li a
{
	background-image:						none;
	border-style:							none;
	padding:								0px 0 0px 15px;
}


#navigation.aspects li ul
{
	margin-bottom:							15px;
}


#myinfo
{
	padding:								5px 10px;
	text-align:								right;
}

#prices 
{
	margin-bottom:							35px;	
	padding-bottom: 						35px
}

/************************************************************

		Login Panel

************************************************************/


#member-layer
{
	background-color:						#cccccc;
	border-bottom:							4px solid #998844;
	color:									#000000;
	font-weight:							bold;
	padding:								20px 20px 0 20px;
	position:								absolute;
	right:									0;
	width:									341px;
}


#member-layer a
{
	color:									#000000;
}


#registration
{
	float:									left;
	padding-right:							20px;
	width:									100px;
}


#login
{
	border-left:							1px solid #dedede;
	float:									left;
	padding-left:							20px;
	text-align:								right;
	width:									200px;
}


#member-layer h2
{
	font-size:								12px;
	padding-bottom:							10px;
}




#login .input-ctrls
{
}


#login .action-ctrls
{
	text-align:								right;
}


#member-layer .login-options
{
	clear:									both;
	padding-top:							10px;
}


#login li
{
	padding-bottom:							6px;
	text-align:								right;
}


#login label
{
	font-size:								11px;
	font-weight:							normal;
}


#login input
{
	font-size:								11px;
	color:									#333333;
	margin-left:							10px;
}


#member-layer button
{
	font-size:								11px;
}


#login #remember input
{
	margin-left:							auto;
	vertical-align:							middle;
}

.latest-content
{
	color:									#555555;
	text-align:								justify;   /* added 22.03.10 */
}


.latest-content h2
{
	border-style:							solid;
	border-width:							4px 1px 1px 1px;
	color:									#0e6137;
	font-family:							"Trebuchet MS";
	font-size:								16px;
	font-weight:							bold;
	margin:									0 -5px;
	padding:								0 4px;
}


.latest-content h2 a
{
	color:									#0e6137;
	display:								block;
}


.latest-content h3
{
	font-size:								12px;
	font-weight:							bold;
	margin-bottom:							1em;
}


.latest-content h3 a
{
	color:									#303030;
}


.latest-content a
{
	color:									#7995bc;
}


.latest-content h3 .headnote
{
	font-size:								11px;
}


.latest-content h4
{
	font-size:								10px;
	margin:									1.5em 0 1em 0;
}


.latest-content p
{
	margin:									0.5em 0;
	font-size:									11.5px;
}


.latest-content ul
{
	
}


.latest-content .item
{
	clear:									both;
	margin:									1.5em 0;
	overflow:								auto;
}


.latest-content .thumb
{
	float:									left;
	margin-right:							10px;
}


.latest-content .extra-items
{
	padding-left:							20px;
	list-style-type:						disc;
}


#news
{
}


#news h2
{
	border-color:							#994466;
}


#events
{
}


#events h2
{
	border-color:							#a3ba73;
}


#focus
{
}


#focus h2
{
	border-color:							#009800;
}




.related-item
{
	color:									#555555;
	margin-top:								10px;
	padding-bottom:							10px;
	border-bottom:							1px dotted #C8C8C8;
}


.related-item ul
{
	margin:									10px 0 10px 20px;
}


.related-item ul li
{
	padding:								5px 0;
}


a.pdf
{
	background-image:						url(/themes/portal/images/pdf.gif);
	background-position:					top left;
	background-repeat:						no-repeat;
	padding:								2px 0 2px 18px;
}



/************************************************************

		Structural

************************************************************/


.home-page #body
{
	float:									left;
	margin:									0 10px;
	width:									620px;
}


.home-page #webboxes
{
	float:									left;
	margin:									0 10px;
	width:									300px;
}


.home-page .latest-content
{
	display:								inline;		/* IE double-margin fix */
	float:									left;
	margin:									10px;
	padding:								0 5px;
	width:									290px;
}


.content-page .column
{
	float:									left;
	margin:									0 10px;
	min-height:									1px
}


.content-page .main
{
	width:									460px;
}

#body .folder
{
	width:									680px;
}
.content-page.single .main
{
	width:									680px;
}


#left
{
	width:									220px;
}


#right
{
	width:									220px;
}





/************************************************************

		Typography

************************************************************/


body
{
	font-family:							Tahoma,Arial,sans-serif;  /*  Verdana, Geneva, Arial, Helvetica, sans-serif; */ /*Tahoma,Geneva,Arial,"Arial Narrow",Verdana,sans-serif; */ 
	font-size:								11px;
	line-height:							1.4;
}


.profileimage
{
	padding-top:							2px;
	padding-bottom:							2px;
	padding-right:							5px;
}
 

legend 
{
font-size:110%;
font-weight:bold;
padding-bottom:3px;
padding-top:7px;
}



#bookingDates
{
	margin-left:						30%;
	padding-left:						4px;
	overflow:							auto;
}

.yui-calendar td.resource-unavailable
{
	background-color:					#ffaaaa !important;
	color:								#990000;
}

.Location .cglayoutbox 
{
	background: 						#FBFCFE url(/themes/portal/images/locationdir_bg.gif) repeat-x bottom;
	-moz-border-radius: 				5px;
	-webkit-border-radius: 				5px;
	border: 							1px solid #C2D5FC;
	padding: 							10px;
	margin-top:							4px;
}

.Person .cglayoutbox 
{
	background: 						#FBFCFE url(/themes/portal/images/locationdir_bg.gif) repeat-x bottom;
	-moz-border-radius: 				5px;
	-webkit-border-radius: 				5px;
	border: 							1px solid #C2D5FC;
	padding: 							10px;
	margin-top:							4px;
}

.Person .Address {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background:							#FBFCFE; /* url(/themes/portal/images/mail5.png) no-repeat top right; */
	background-position: 				99% 5%;
	border:								1px solid #C2D5FC;
	margin:								2px;
	padding-top:						2px;
	padding-bottom:						2px;
}


/*
#body .Person 
{
	background: 						#FBFCFE url(/themes/portal/images/locationdir_bg.gif) repeat-x bottom;
	-moz-border-radius: 				5px;
	-webkit-border-radius: 				5px;
	border: 							1px solid #C2D5FC;
	padding: 							10px;
	margin-top:							4px;
} */


/*
.addresscard 
{
	background: 						#FBFCFE url(/themes/portal/images/mail7.png) no-repeat top right;
} */

.cart
{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background:							#FBFCFE; /* url(/themes/portal/images/locationdir_bg.gif) repeat-x bottom; */
	border:								1px solid #C2D5FC;
	margin:								2px;
	padding-top:						5px;
	padding-bottom:						5px;
	padding-left:						10px;
}


.cglist  thead th
{
	padding:							10px 10px 5px;
	-moz-border-radius: 				5px;
	-webkit-border-radius: 				5px;
	border-top:							1px solid #f9f9f9;
	border-bottom:						1px solid #f9f9f9;
}

#body .cglist td, #body td.cglist, #body .text .cglist td
{
	border-bottom:						0px solid #CCCCCC;
	padding:							2px 2px;
	vertical-align: 					top;
	font-size:							12px;
	font-family:						Tahona,Arial,sans-serif; 
}


#body table
{
	-moz-background-clip:				border;
	-moz-background-inline-policy:		continuous;
	-moz-background-origin:				padding;
	background:							#FFFFFF none repeat scroll 0 0;
	border-collapse:					collapse;
	margin:								2px;
	text-align:							left;
}

#body thead
{
	border-collapse:					collapse;
	text-align:							left;
	background-color:					#CFDEA1;
}

#body tr
 {
	border-collapse: 					collapse;
	text-align:							left;
}

#body th
{
	border-bottom:						1px solid lightgrey;/* #6678B1; */
	color:								#3F8000;
	font-size:							14px;
	font-weight:						normal;
	padding:							10px 8px;
}

#body tbody
{
	border-collapse:					collapse;
	text-align:							left;
}

#body .table td, #body td 
{
	border-bottom:						1px solid #CCCCCC;
	padding:							6px 8px;
	vertical-align: 					top;
	font-size:							12px;
	font-family:						Tahona,Arial,sans-serif; 
}

/************************************************************

		Tweaks for cart process

************************************************************/

form[name="Cart"] .fieldodd
{
	text-align: left;
}

form[name="Cart"] .fieldodd[width="5%"]
{
	text-align: center;
}

form[name="Cart"] th[width="5%"] + th[align="right"]

{
	text-align: right;
}


form[name="Cart"] th[align="right"]
{
	text-align: left;
}

form[name="Cart"] th[align="center"] + th[align="right"]

{
	text-align: right;
}

form[name="Cart"] .fieldeven[align="center"] + .fieldodd[align="right"]

{
	text-align: right;
}