
/**************************************************************************
** $Id:$
**
** Copyright (c) 2000-2008 MassMedia Studios Pty Ltd.
** 68-72 Wentworth Ave, Surry Hills, NSW 2010, Australia.
** All rights reserved.
**
** This software is the confidential and prhoprietary information of 
** MassMedia Studios Pty Ltd. ("Confidential Information").  You shall not
** disclose such Confidential Information and shall use it only in
** accordance with the terms of the license agreement you entered into
** with MassMedia Studios Pty Ltd.
** ------------------------------------------------------------------------
** 
** Author/s: Helen Fu, Chris Ash
** Release notes:
**
**************************************************************************/

/*-------------------------- GLOBAL --------------------------*/

* html html {
	height: 							100%;
}

body {
	margin:								0px;
	padding:							0px;
	color:								#fff;
	text-align:							center;
	font:								normal 0.8em arial,helvetica,sans-serif;
	position: 							relative;
	background:							#fbf7eb url(../images/bodyBg.jpg) no-repeat top center;
}

* html body {
	height: 							100%;
}

form { margin:0; padding: 0;}

h1 {
	font-size:							1.6em;
	font-weight: 						bold;
	color:								#fff;
	margin:								0;
	padding:							0;
}

h2, h3, h4, h5, h6 {
	margin:								0 0 5px 0;
	padding:							0;
	font:								bold arial,verdana,sans-serif;
	font-size:							1.1em;
	color:								#3f3f3f;
	letter-spacing:						0px;
}
h4, h5, h6 {
	font-size: 1em;
	color: #706f6f;
}
div.wysiwyg p {
	margin:								0;
	padding:							0 0 10px 0;
	line-height:						1.5em;
}
div.wysiwyg table {
	
}	
div.wysiwyg ul, div.wysiwyg ol {
	margin: 							0 0 10px 30px;
	padding: 							0;
}
div.wysiwyg ol {margin-left: 40px;}
body.red div.wysiwyg ul li {
	list-style-type:					square;
	color:								#e83935;
}
body.green div.wysiwyg ul li {
	list-style-type:					square;
	color:								#63b046;
}
body.orange div.wysiwyg ul li,
div.homePromoBoxMiddle ul li {
	list-style-type:					square;
	color:								#f05d3c;
}
body.yellow div.wysiwyg ul li {
	list-style-type:					square;
	color:								#ffba00;
}
body.pink div.wysiwyg ul li {
	list-style-type:					square;
	color:								#ee4cc3;
}
body.blue div.wysiwyg ul li {
	list-style-type:					square;
	color:								#25b7e5;
}
a {
	text-decoration:					none;
	color:								#000;
}
a:hover {
	text-decoration:					none;
	color:								#000;
}

li.no_dot
{
	list-style-type: none !important;
	padding: 0;
	margin: 0;
}


*+ html li.no_dot ul
{
	margin: -14px 0 0px;
}


* html li.no_dot ul
{
	margin: -14px 0 0px;
}









*+html a {
	position:							relative!important;
}

a:hover {
	text-decoration:					underline;
}
body.red div.wysiwyg a {
	color:								#e02521;
}
body.green div.wysiwyg a {
	color:								#63b046;
}
body.orange div.wysiwyg a {
	color:								#f05d3c;
}
body.yellow div.wysiwyg a {
	color:								#ffba00;
}
body.pink div.wysiwyg a {
	color:								#ee4cc3;
}
body.blue div.wysiwyg a {
	color:								#25b7e5;
}
body.red div.wysiwyg a,
body.green div.wysiwyg a,
body.orange div.wysiwyg a,
body.yellow div.wysiwyg a,
body.pink div.wysiwyg a,
body.blue div.wysiwyg a {text-decoration: underline;}

body.red div.wysiwyg a:hover,
body.green div.wysiwyg a:hover,
body.orange div.wysiwyg a:hover,
body.yellow div.wysiwyg a:hover,
body.pink div.wysiwyg a:hover,
body.blue div.wysiwyg a:hover {text-decoration: none;}
a img {
	border:								none;
}

.posRel {
	position:							relative;
}

.cDiv {
	clear:								left;
	height:								1px;
 	overflow:							hidden;
 	margin-top:							-1px;
 	display: 							block;
}
.cDivBoth {
	clear:								both;
	height:								1px;
 	overflow:							hidden;
 	margin-top:							-1px;
 	display: 							block;
}

.clearGap {
	clear:								both;
	height:								13px;
 	overflow:							hidden;
 	display: 							block;
}
* html .clearGap {
	height:								0px;
}
*+html .clearGap {
	 height:							0px;
}

.floatLeft {
	float:								left;
}
.floatRight {
	float:								right;
}
.alignRight {
	text-align:							right;
}

.hide {
	display:							none!important;
}

.show {
	display:							block!important;
}


/*-------------------------- STRUCTURE --------------------------*/

div#globalWrap {
	width:								999px;
	text-align:							left;
	margin:								0 auto;
}

.searchWrap {
	width: 								401px;
	float:  							left;
	margin:  							19px 0 0 34px;
	display:							inline;
}

.searchLeft {
	width: 								185px;
	float:								left;
}
.searchLeft ul {
	margin: 							0;
	padding: 							20px 0 0 25px;
}
.searchLeft ul li {
	margin: 							0;
	padding: 							0;
	list-style-type:					square;
	color: 								#726c4a;
	line-height:						1.2em;
	font-size:							0.95em;
}
.searchLeft a {
	color: 								#726c4a;
	position:							relative;
}
.searchRight {
	width: 								216px;
	float:								left;
	padding-left:						20px;
	widt\h:								196px;
}
.searchRight input {
	position:							relative;
}

.fontIncrease1 {
	font-size:							1.1em;
}
.fontIncrease2 {
	font-size:							1.2em;
}

span.searchHdn {
	padding:							3px 0 0 12px;
	margin:								0;
	font-weight:						bold;
	color: 								#5e5524;
	font-size:							1.1em;
}

/*-------------------------- Nav --------------------------*/


div#mainNav {
	width:								950px;
	height:								39px;
	margin: 							15px 0 0 50px;
	z-index:							500!important;
}

.nav, .nav * {
	margin:								0;
	padding:							0;
	list-style:							none;
}
.nav {
	line-height:						1.0;
}
.nav ul {
	position:							absolute;
	top:								-999em;
	width:								100%;
}
.nav ul li,
.nav a {
	width:								100%;
	cursor:								pointer;
}
.nav li {
	float:								left;
	position:							relative;
	z-index:							99;
}
.nav a {
	display:							block;
	color:								#fff;
	padding:							7px 10px 5px;
	margin:								0 5px 0 0;
	text-decoration:					none;
}
.nav ul li ul li a {
	font-size:							0.7em!important;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:								0;
	top:								1.8em;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:								-999em;
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:								0;
	top:								-1px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top:								-999em;
}


ul.nav li a:hover, ul.nav li a.currentNav { /* added 2007-01-08 - round 1 revisions */
	text-decoration:					none;
	color:								#fff;
}

ul.nav li.navRed ul li a {
	background:							#e52e2b!important;
	width:								129px;
	widt\h:								109px;
}
ul.nav li.navRed ul li a:hover {
	background:							#cd1713!important;
}

ul.nav li.navPink ul li a {
	margin-left:						1px;
	background:							#ef4fc3!important;
	width:								127px;
	widt\h:								107px;
}
ul.nav li.navPink ul li a:hover {
	background:							#d52aa7!important;
}

ul.nav li.navOrange ul li a {
	margin-left:						1px;
	background:							#ff6242!important;
	width:								145px;
	widt\h:								125px;

}
ul.nav li.navOrange ul li a:hover {
	background:							#e4411e!important;
}

ul.nav li.navGreen ul li a {
	margin-left:						3px;
	background:							#78c42b!important;
	width:								154px;
	widt\h:								134px;
	* widt\h:							136px;
}
ul.nav li.navGreen ul li a:hover {
	background:							#57a600!important;
}

ul.nav li.navBlue ul li a {
	margin-left:						1px;
	background:							#2bb5e5!important;
	width:								158px;
	widt\h:								138px;
}
ul.nav li.navBlue ul li a:hover {
	background:							#069fd0!important;
}

/*-------------------------- content --------------------------*/

ul.breadcrumbs {
	width: 								906px;
	height:								32px;
	background:							url(../images/breadcrumbsBg.gif) no-repeat 0 0;
	margin:								0 0 0 52px;
	padding:							8px 0 0 29px;
	color:								#b1b1b1;
	font-weight:						bold;
	heigh\t:							24px;
	widt\h:								877px;
}
ul.breadcrumbs li {
	list-style-type:					none;
	float:								left;
}
ul.breadcrumbs li a {
	color:								#b1b1b1 !important;
}

.cntLeft {
	width: 								588px;
	float:								left;
	margin:								12px 0 0 52px;
	display:							inline;
}

.cntLeftHome {
	width: 								669px;
	float:								left;
	margin:								12px 0 0 0;
	display:							inline;
}

.cntRightHome {
	width: 								290px;
	float:								left;
	margin:								12px 0 0 0;
	display:							inline;
}



/* modifications made to videoplayer to accomodate layout changes requested around 2nd oct. 2008  */

div#homeVideoPlayer {
	width: 								547px;
	height:								274px;
	
	float:								left;
	margin: -10px 0 0 -9px;
	position: absolute;
}


.homepageVideoTextWrap {
	position:absolute;
	top:446px;
	width:312px;
}

.homepageVideoTextWrap h2 {
	color:#F5EA38;
	font-size:1.3em;
	margin:0 0 0 0;
	padding:0;
}
.homepageVideoTextWrap p {
	margin:3px 0 0;
	color:								#fff;
}

a.btnHome_readFullStory {
	background:transparent url(../images/btnHome_readFullStory.gif) no-repeat scroll 0 0;
	color:#F5EA38 !important;
	display:block;
	font-size:0.9em;
	font-weight:bold;
	height:22px;
	padding:4px 0 0 29px;
	position:relative;
	width:240px;
	text-decoration: none !important;
}


/*****************************************************************************************************************/





.homepageVideoTextWrap a {
	color:								#fff;
	text-decoration:					underline;
}
.homepageVideoTextWrap a:hover {
	text-decoration:					none;
}

a.btnHome_getStarted {
	width: 								197px;
	height:								29px;
	margin:								20px 0 0 32px;
	background:							url(../images/btnHome_getStarted.gif) no-repeat 0 0;
	display:							block;
	position: 							relative;
}

a.btnHome_rewardYourself {
	width: 								197px;
	height:								22px;
	margin:								10px 0 0 32px;
	background:							url(../images/btnHome_rewardYourself.gif) no-repeat 0 0;
	display:							block;
	position: 							relative;
}

.cntRight {
	width: 								290px;
	float:								left;
	margin:								12px 0 0 35px;
	display:							inline;
}

.indent {
	margin:								0 0 0 27px!important;
}

#ctl00_cphContent_pnlHeading {
	width:								526px; 
}
h1.pageHdn {
	height:								27px;
	margin: 							0;
	display: 							block;
	float: 								left;
}

h1.pageHdn span {
	display: 							block;
	padding:							0 16px;
	height:								27px;
	float: 								left;
}

.pageHdnWrap {
	width:								508px;
	margin:								0 0 20px 0;
}

/*-------------------------- COLOR THEME SECTION --------------------------*/


/* 2nd level modifications for list on the right for all color schemes */

body.red ul.supportList ul {
	font-weight: normal;
	margin-left: -26px;
}

body.green ul.supportList ul {
	font-weight: normal;
	margin-left: -26px;
}

body.yellow ul.supportList ul {
	font-weight: normal;
	margin-left: -26px;
}

body.pink ul.supportList ul {
	font-weight: normal;
	margin-left: -26px;
}

body.blue ul.supportList ul {
	font-weight: normal;
	margin-left: -26px;
}

body.orange ul.supportList ul {
	font-weight: normal;
	margin-left: -26px;
}

/********************************************/

/* quick adjustments for IE's for various color schemes */

* html body.red ul.supportList ul {
	margin-left: 14px;
}


* html body.yellow ul.supportList ul {
	margin-left: 14px;
}


* html body.green ul.supportList ul {
	margin-left: 14px;
}


* html body.pink ul.supportList ul {
	margin-left: 14px;
}


* html body.blue ul.supportList ul {
	margin-left: 14px;
}


* html body.orange ul.supportList ul {
	margin-left: 14px;
}

*+ html body.red ul.supportList ul {
	margin-left: 14px;
}

*+ html body.yellow ul.supportList ul {
	margin-left: 14px;
}

*+ html body.blue ul.supportList ul {
	margin-left: 14px;
}

*+ html body.pink ul.supportList ul {
	margin-left: 14px;
}

*+ html body.orange ul.supportList ul {
	margin-left: 14px;
}

*+ html body.green ul.supportList ul {
	margin-left: 14px;
}

/********************************/


/* RED */

body.red h1.pageHdn {
	background:							url(../images/h1red_left.gif) no-repeat 0 0;
}
body.red h1.pageHdn span {
	background:							url(../images/h1red_right.gif) no-repeat top right;
}
body.red h3 {
	color:								#e83935;
}
body.red h2.supportHdr {
	width: 								222px;
	height:								25px;
	background:							url(../images/h2_redRightHdrBg.gif) no-repeat 0 0;
	padding:							4px 0 0 8px;
	widt\h:								214px;
	heigh\t:							21px;
	color:								#fff;
	font:								bold 1.2em tahoma,arial,verdana,sans-serif;
	margin:								0;
}

body.red ul.supportList  {
	margin: 							12px 0 0 35px;
	padding: 							0 0 20px 0;
	color:								#e83935;
	font:								bold 0.85em arial,verdana,sans-serif;
	list-style-type: none;
}
body.red ul.supportList li {
	list-style-type:					square;
	line-height:						1.9em;
	margin: 							0;
	padding: 							0;
}




body.red ul.supportList li a {
	color:								#e02521;
	text-decoration:					underline;
}
body.red ul.supportList li.indent a {
	color:								#c80d09!important;
	padding:							1px 2px;
	font-weight:						normal;
}
body.red ul.supportList li.indent a.pageItmSelected {
	background:							#ffcac9;
}
body.red table.cntTable ul.cntList {
	margin: 							0 0 0 30px;
	padding: 							0;
}
body.red table.cntTable ul.cntList li {
	list-style-type:					square;
	color:								#e83935!important;
}
body.red table.cntTable ul.cntList li span {
	color:								#706f6f;
}
body.red div.twoColImgBorderWrap {
	background:							url(../images/twoCol_redImgBorder.gif) no-repeat 0 0;
	width:								243px;
	height:								149px;
	padding:							10px 0 0 8px;
	widt\h:								235px;
	heigh\t:							139px;
	margin:								0 0 8px 0;
}



/* GREEN */
body.green h1.pageHdn {
	background:							url(../images/h1green_left.gif) no-repeat 0 0;
}
body.green h1.pageHdn span {
	background:							url(../images/h1green_right.gif) no-repeat top right;
}
body.green h3 {
	color:								#83ca35;
}
body.green h2.supportHdr {
	width: 								222px;
	height:								25px;
	background:							url(../images/h2_greenRightHdrBg.gif) no-repeat 0 0;
	padding:							4px 0 0 8px;
	widt\h:								214px;
	heigh\t:							21px;
	color:								#fff;
	font:								bold 1.2em tahoma,arial,verdana,sans-serif;
	margin:								0;
}
body.green ul.supportList {
	margin: 							12px 0 0 35px;
	padding: 							0 0 20px 0;
	color:								#76c359;
	font:								bold 0.85em arial,verdana,sans-serif;
}
body.green ul.supportList li {
	list-style-type:					square;
	line-height:						1.9em;
	margin: 							0;
	padding: 							0;
}
body.green ul.supportList li a {
	color:								#63b046;
	text-decoration:					underline;
}

body.green ul.supportList li.indent a {
	color:								#2f5d31!important;
	padding:							1px 2px;
	font-weight:						normal;
}
body.green ul.supportList li.indent a.pageItmSelected {
	background:							#ecf4e9;
}
body.green ul.supportList li.indent a {
	color:								#2f5d31!important;
	padding:							1px 2px;
	font-weight:						normal;
}
body.green ul.supportList li.indent a.pageItmSelected {
	background:							#ecf4e9;
}
body.green div.twoColImgBorderWrap {
	background:							url(../images/twoCol_greenImgBorder.gif) no-repeat 0 0;
	width:								243px;
	height:								149px;
	padding:							10px 0 0 8px;
	widt\h:								235px;
	heigh\t:							139px;
	margin:								0 0 8px 0;
}


/* ORANGE */
body.orange h1.pageHdn {
	background:							url(../images/h1orange_left.gif) no-repeat 0 0;
}
body.orange h1.pageHdn span {
	background:							url(../images/h1orange_right.gif) no-repeat top right;
}
body.orange h3 {
	color:								#ff6e4e;
}
body.orange h2.supportHdr {
	width: 								222px;
	height:								25px;
	background:							url(../images/h2_orangeRightHdrBg.gif) no-repeat 0 0;
	padding:							4px 0 0 8px;
	widt\h:								214px;
	heigh\t:							21px;
	color:								#fff;
	font:								bold 1.2em tahoma,arial,verdana,sans-serif;
	margin:								0;
}
body.orange ul.supportList {
	margin: 							12px 0 0 35px;
	padding: 							0 0 20px 0;
	color:								#f77659;
	font:								bold 0.85em arial,verdana,sans-serif;
}
body.orange ul.supportList li {
	list-style-type:					square;
	line-height:						1.9em;
	margin: 0;
	padding: 0;
}
body.orange ul.supportList li a {
	color:								#f05d3c;
	text-decoration:					underline;
}
body.orange ul.supportList li.indent a {
	color:								#cc2803!important;
	padding:							1px 2px;
	font-weight:						normal;
}
body.orange ul.supportList li.indent a.pageItmSelected {
	background:							#ffcfc5;
}
body.orange div.twoColImgBorderWrap {
	background:							url(../images/twoCol_orangeImgBorder.gif) no-repeat 0 0;
	width:								243px;
	height:								149px;
	padding:							10px 0 0 8px;
	widt\h:								235px;
	heigh\t:							139px;
	margin:								0 0 8px 0;
}
body.orange table.cntTable p strong {
	display:							block;
	color:								#ff6e4e;
	font-weight:						bold;
}
body.orange table.cntTable p em {
	font-style:							italics;
	color:								#ff6e4e;
	font-weight:						bold;
}
body.orange table.cntTable p span a {
	font-size:							0.85em;
	color:								#ff6e4e!important;	
	text-decoration:					underline;
}


/* YELLOW */


/* for double sized container in homepage alternative
	there is only one color version (yellow) as it is for homepage which contains various color containers and headings anyway */
	
body.yellow td.twoColLeft_homepage h1.pageHdn {
	background:transparent none repeat scroll 0 0;
	margin-bottom:15px;
}

body.yellow td.twoColLeft_homepage h1.pageHdn span
{
	background: url(../images/twoColLeft_homepage_h1bg.gif) no-repeat 0 0 !important;
	padding: 4px 0 0 8px;
	width: 246px;
}

/******************************************/


body.yellow h1.pageHdn {
	background:							url(../images/h1yellow_left.gif) no-repeat 0 0;
}
body.yellow h1.pageHdn span {
	background:							url(../images/h1yellow_right.gif) no-repeat top right;
}
body.yellow h3 {
	color:								#ffba00;
}
body.yellow h2.supportHdr {
	width: 								222px;
	height:								25px;
	background:							url(../images/h2_yellowRightHdrBg.gif) no-repeat 0 0;
	padding:							4px 0 0 8px;
	widt\h:								214px;
	heigh\t:							21px;
	color:								#fff;
	font:								bold 1.2em tahoma,arial,verdana,sans-serif;
	margin:								0;
}

body.yellow ul.supportList {
	margin: 							12px 0 0 35px;
	padding: 							0 0 20px 0;
	color:								#fdc11f;
	font:								bold 0.85em arial,verdana,sans-serif;
}
body.yellow ul.supportList li {
	list-style-type:					square;
	line-height:						1.9em;
	margin: 							0;
	padding: 							0;
}
body.yellow ul.supportList li a {
	color:								#ffba00;
	text-decoration:					underline;
}
body.yellow ul.supportList li.indent a {
	color:								#eead00!important;
	padding:							1px 2px;
	font-weight:						normal;
}
body.yellow ul.supportList li.indent a.pageItmSelected {
	background:							#ffdd82;
}
body.yellow div.twoColImgBorderWrap {
	background:							url(../images/twoCol_yellowImgBorder.gif) no-repeat 0 0;
	width:								243px;
	height:								149px;
	padding:							10px 0 0 8px;
	widt\h:								235px;
	heigh\t:							139px;
	margin:								0 0 8px 0;
}


/* PINK */
body.pink h1.pageHdn {
	background:							url(../images/h1pink_left.gif) no-repeat 0 0;
}
body.pink h1.pageHdn span {
	background:							url(../images/h1pink_right.gif) no-repeat top right;
}
body.pink h3 {
	color:								#f15bc9;
}
body.pink h2.supportHdr {
	width: 								222px;
	height:								25px;
	background:							url(../images/h2_pinkRightHdrBg.gif) no-repeat 0 0;
	padding:							4px 0 0 8px;
	widt\h:								214px;
	heigh\t:							21px;
	color:								#fff;
	font:								bold 1.2em tahoma,arial,verdana,sans-serif;
	margin:								0;
}
body.pink ul.supportList {
	margin: 							12px 0 0 35px;
	padding: 							0 0 20px 0;
	color:								#f15bc9;
	font:								bold 0.85em arial,verdana,sans-serif;
}
body.pink ul.supportList li {
	list-style-type:					square;
	line-height:						1.9em;
	margin: 							0;
	padding: 							0;
}
body.pink ul.supportList li a {
	color:								#ee4cc3;
	text-decoration:					underline;
}
body.pink ul.supportList li.indent a {
	color:								#dd1ca9!important;
	padding:							1px 2px;
	font-weight:						normal;
}
body.pink ul.supportList li.indent a.pageItmSelected {
	background:							#ffd8f4;
}
body.pink div.twoColImgBorderWrap {
	background:							url(../images/twoCol_pinkImgBorder.gif) no-repeat 0 0;
	width:								243px;
	height:								149px;
	padding:							10px 0 0 8px;
	widt\h:								235px;
	heigh\t:							139px;
	margin:								0 0 8px 0;
}


/* BLUE */
body.blue h1.pageHdn {
	background:							url(../images/h1blue_left.gif) no-repeat 0 0;
}
body.blue h1.pageHdn span {
	background:							url(../images/h1blue_right.gif) no-repeat top right;
}
body.blue h3 {
	color:								#35bde8;
}
body.blue h2.supportHdr {
	width: 								222px;
	height:								25px;
	background:							url(../images/h2_blueRightHdrBg.gif) no-repeat 0 0;
	padding:							4px 0 0 8px;
	widt\h:								214px;
	heigh\t:							21px;
	color:								#fff;
	font:								bold 1.2em tahoma,arial,verdana,sans-serif;
	margin:								0;
}
body.blue ul.supportList {
	margin: 							12px 0 0 35px;
	padding: 							0 0 20px 0;
	color:								#35bde8;
	font:								bold 0.85em arial,verdana,sans-serif;
}
body.blue ul.supportList li {
	list-style-type:					square;
	line-height:						1.9em;
	margin: 							0;
	padding: 							0;
}
body.blue ul.supportList li a {
	color:								#25b7e5;
	text-decoration:					underline;
}
body.blue ul.supportList li.indent a {
	color:								#00a2d5!important;
	padding:							1px 2px;
	font-weight:						normal;
}
body.blue ul.supportList li.indent a.pageItmSelected {
	background:							#cef3ff;
}
body.blue table.cntTable label {
	color:								#2cb3de;
}
body.blue div.twoColImgBorderWrap {
	background:							url(../images/twoCol_blueImgBorder.gif) no-repeat 0 0;
	width:								243px;
	height:								149px;
	padding:							10px 0 0 8px;
	widt\h:								235px;
	heigh\t:							139px;
	margin:								0 0 8px 0;
}

.indent {
	margin:								0 0 0 27px!important;
}

/* end color coded headings */



div.wysiwyg table {
	width: 								526px;
	color:								#706f6f;
}
table.cntTable,
div.wysiwyg {
	width: 								526px;
	color:								#706f6f;
}

table.cntTable td, .wysiwyg table td {
	vertical-align:						top;
}

/* for double sized container in homepage alternative */
td.twoColLeft_homepage {
padding:	0 5% 16px 0;
}


td.cntTableLeft {
	width: 								58%!important;
	padding:							0!important;
}
td.cntTableRight {
	width: 								42%!important;
	padding:							0!important;
}
td.twoColLeft {
	width: 								50%!important;
	padding:							0 5% 150px 0;
}
td.cntTableRight {
	width: 								50%!important;
	padding:							0 0 150px 0;
}

.supportBackgroundImg {
	position: 							absolute;
	width: 								254px;
	height:								195px;
	background:							url(../images/cntImg_handstand.jpg) no-repeat 0 0;
	right: 								27;
	bottom: 							0!important;
}
* html .supportBackgroundImg {
	right:								-10px!important;
}
*+html .supportBackgroundImg {
	right:								17px!important;
	bottom: 							35px!important
}

.largeImg {
	margin:								0 0 10px 34px;
	width:								450px;
	/*height:								260px;*/
}

table.imgThumbnails {
	width: 								492px;
	margin:								0 0 0 18px;
}
table.imgThumbnails td {
	width: 								25%;
	padding:							0 0 14px 0;
}
table.imgThumbnails td p {
	margin:								0!important;
	padding:							0!important;
	font-size:							0.95em;
}

.pdf {
	background:							url(../images/pdf.gif) no-repeat 0 0;
	padding:							0 0 0 20px;
	color:								#706f6f;
}

table.resourceItems td {
	padding:							5px 20px;
}
table.resourceItems td div {
	font-weight:						bold;
	margin-bottom: 3px;
}
table.resourceItems td p {
	margin:								10px 0 0 0;
	padding:							0;
}
table.resourceItems td p.pdf {
	padding:							0 0 0 20px;
	margin: 0;
}

.swooshText_about {
	margin:								35px 0 0 0;
}
.swooshText_support {
	margin:								25px 0 0 0;
	position:							absolute;
}

div#videoPlayer {
	width: 								286px;
	height:								213px;
	background:							url(../images/videoPlayerBg.jpg) no-repeat 0 0;
	margin:								0 0 15px 0;
	padding:							0;
	display:							block;
}

table.cntTable p, .wysiwyg table p {
	margin:								0;
	padding:							0 0 10px 0;
	line-height:						1.5em;
}

.cntImgRight {
	width: 								309px;
	display: 							inline;
	margin:								0 0 0 21px;
	float:								left;
}

.pageLeft {
	width:								123px;
}
.pageMiddle {
	width:								298px;
}
.pageRight {
	width:								105px;
}

ul.pagination {
	margin: 							0 0 50px 0;
	padding: 							0;
}
ul.pagination li {
	margin: 							0;
	padding: 							0;
	float: 								left;
	list-style-type:					none;
}
a.page1, a.page2, a.page3, a.page4, a.page5, a.page6, a.page7 {
	width: 								17px;
	height:								24px;
	display: 							block;
}
a.page1 {
	background:							url(../images/galleryPage1.gif) no-repeat 0 0;
}
a.page2 {
	background:							url(../images/galleryPage2.gif) no-repeat 0 0;
}
a.page3 {
	background:							url(../images/galleryPage3.gif) no-repeat 0 0;
}
a.page4 {
	background:							url(../images/galleryPage4.gif) no-repeat 0 0;
}
a.page5 {
	background:							url(../images/galleryPage5.gif) no-repeat 0 0;
}
a.page6 {
	background:							url(../images/galleryPage6.gif) no-repeat 0 0;
}
a.page7 {
	background:							url(../images/galleryPage7.gif) no-repeat 0 0;
}

.homeContBoxesWrap {
	margin:								-41px 0 23px 46px;
}
/* BlueArc Edits - Fix up positioning of bottom 2 left hand side panels on Homepage */
div#bag-homepanels.homeContBoxesWrap {
	margin: 13px 0 0 46px; 
	width: 623px;
	float: left;
	display: inline;
}

.blueSplat {
	width: 								121px;
	height:								272px;
	background:							url(../images/homeBlueSplat.gif) no-repeat 0 0;
	position:							absolute;
	margin:								-22px 0 0 -28px;
	display: none;	/* not needed for latest design */
}
.pinkSplat {
	width: 								91px;
	height:								236px;
	background:							url(../images/homePinkSplat.gif) no-repeat 0 0;
	position:							absolute;
	bottom: 							-30px; /* changed by Helen 21-07-2008 - fix pink splat position */
	right: 								-16px; /* changed by Helen 21-07-2008 - fix pink splat position */
	display: none;	/* not needed for latest design */
}

.homeLeftCntBoxMiddle h2,
h2.homeBoxBlueHdr {
	width: 								215px;
	height:								31px;
	background:							url(../images/homeBoxBlueHdrBg.gif) no-repeat 0 0;
	color:								#fff;
	padding:							9px 0 0 12px;
	widt\h:								203px;
	heigh\t:							22px;
	margin:								0;
	font-size:							1.3em!important;
}


.homeRightCntBoxMiddle h2,
h2.homeBoxPinkHdr,
h2.homeBoxRedHdr {
	width: 								226px;
	height:								34px;
	background:							url(../images/homeBoxPinkHdrBg.gif) no-repeat 0 0;
	color:								#fff;
	padding:							12px 0 0 12px;
	widt\h:								214px;
	heigh\t:							22px;
	margin:								0;
	font-size:							1.3em!important;
}
h2.homeBoxOrangeHdr {
	width: 								226px;
	height:								34px;
	background:							url(../images/homeBoxOrangeHdrBg.gif) no-repeat 0 0;
	color:								#fff;
	padding:							12px 0 0 12px;
	widt\h:								214px;
	heigh\t:							22px;
	margin:								0;
	font-size:							1.3em!important;
}
h2.homeBoxGreenHdr {
	width: 								226px;
	height:								34px;
	background:							url(../images/homeBoxGreenHdrBg.gif) no-repeat 0 0;
	color:								#fff;
	padding:							12px 0 0 12px;
	widt\h:								214px;
	heigh\t:							22px;
	margin:								0;
	font-size:							1.3em!important;
}
h2.homeBoxRedHdr {
	background: url(../images/h2_redRightHdrBg.gif) no-repeat 0 0;
	padding-top: 6px;
	padding-bottom: 6px;
}


.floatLeft p span.orange {
	font-weight:						bold;
	color:								#ff6e4e;
	display: block;
	margin: 6px 0;
}


.floatLeft p span.green {
	font-weight:						bold;
	color:								#83ca35;
	display: block;
	margin: 6px 0;
}


.floatLeft p span.blue {
	font-weight:						bold;
	color:								#35bde8;
	display: block;
	margin: 6px 0;
}


.floatLeft p span.pink {
	font-weight:						bold;
	color:								#f15bc9;
	display: block;
	margin: 6px 0;
}


.homeLeftCntBoxMiddle h2 a,
h2.homeBoxBlueHdr a,
.homeRightCntBoxMiddle h2 a,
h2.homeBoxPinkHdr a {color: #fff;}

.homeLeftCntBoxMiddle, .homeRightCntBoxMiddle {
	font-size:							0.85em!important;
}
.homeLeftCntBoxMiddle p, .homeRightCntBoxMiddle p {
	color:								#727272;
	margin:								17px 0 0 14px;
	width:								201px;
}
.homeLeftCntBoxMiddle ul, ul.blueList {
	margin: 							16px 0 0 30px;
	padding: 							0;
	width:								201px;
}
.homeLeftCntBoxMiddle ul li, ul.blueList li {
	margin: 							0;
	padding: 							0;
	list-style-type: 					square;
	/*color: 								#35cbe8;*/
}
.cntLeftHome .homeLeftCntBoxMiddle ul li,
.cntRightHome .homeLeftCntBoxMiddle ul li {color: #727272;}
.cntLeftHome .homeLeftCntBoxMiddle ol li,
.cntRightHome .homeLeftCntBoxMiddle ol li {
	list-style: decimal;
	color: #727272;
}
*.cntLeftHome .homeLeftCntBoxMiddle ul,
*.cntRightHome .homeLeftCntBoxMiddle ul {padding-right: 50px; width: auto;}

.homeLeftCntBoxMiddle ul li span, ul.blueList li span {
	color: 								#444444;
}

.homeRightCntBoxMiddle ul,
ul.pinkList {
	margin: 							16px 0 0 43px;
	padding: 							0;
}
.homeRightCntBoxMiddle ul li,
ul.pinkList li {
	margin: 							0;
	padding: 							0;
	list-style-type: 					square;
	color: 								#d862a7;
}
.homeRightCntBoxMiddle ul li span,
ul.pinkList li span {
	color: 								#444444;
}




ul.orangeList li {
	margin: 							0;
	padding: 							0;
	list-style-type: 					square;
	color: 								#ff6e4e;
}


ul.orangeList li span {
	color: 								#444444;
}



ul.greenList li {
	margin: 							0;
	padding: 							0;
	list-style-type: 					square;
	color: 								#83ca35;
}


ul.greenList li span {
	color: 								#444444;
}


/* colored arrows, few colors added as per design from around 2nd october */

a.blueArrowListLink {
	width:								215px;
	height:								18px;
	display:							block;
	background:							url(../images/arrowBlue.gif) no-repeat top right;
	position:							relative;
}
a.pinkArrowListLink {
	width:								215px;
	height:								18px;
	display:							block;
	background:							url(../images/arrowPink.gif) no-repeat top right;
	position:							relative;
}



a.greenArrowListLink {
	width:								215px;
	height:								18px;
	display:							block;
	background:							url(../images/arrowGreen.gif) no-repeat top right;
	position:							relative;
}


a.orangeArrowListLink {
	width:								215px;
	height:								18px;
	display:							block;
	background:							url(../images/arrowOrange.gif) no-repeat top right;
	position:							relative;
}


a.redArrowListLink {
	width:								215px;
	height:								18px;
	display:							block;
	background:							url(../images/arrowRed.gif) no-repeat top right;
	position:							relative;
}



.homeRightPromo_award {
	width:								296px;
	height:								202px;
	background:							url(../images/homeRightPromo_award.jpg) no-repeat 0 0;
	float: 								left;
	color:								#fff;
}
.homeRightPromo_award h2 {
	font-weight:						bold;
	color:								#fff;
	font-size:							1.5em;
	letter-spacing:						1px;
	padding:							36px 0 0 115px;
}
.homeRightPromo_award p {
	padding:							12px 2px 0 120px;
	margin:								0 0 6px 0;
}
.homeRightPromo_award a {
	margin:								0 0 0 140px;
	color:								#fff;
	font-weight:						bold;
	font-size:							1.4em;
}


.homePromoBoxTop {
	width:								231px;
	height:								57px;
	background:							url(../images/homePromoBoxTopBg.gif) no-repeat 0 0;
	padding:							12px 0 0 55px;
	widt\h:								231px;
	heigh\t:							45px;
}

.homePromoBoxTop h2 {
	color:								#fff;
	font:								bold 1.05em tahoma,arial,verdana,sans-serif;
	margin:21px 0 0 -8px;
}

* html .homePromoBoxTop h2 {
	margin: 33px 0 0 -10px;
}

 *+ html .homePromoBoxTop h2 {
	margin: 33px 0 0 -10px;
}


.homePromoBoxMiddle {
	width:								287px;
	min-height:							250px;
	background:							url(../images/homePromoBoxMiddleBg.gif) repeat-y 0 0;
	padding:							14px 0 0 42px;
	position:							relative;
	font:								normal 0.85em tahoma,arial,verdana,sans-serif;
}

* html .homePromoBoxMiddle {
	height: 250px;
}

.homePromoBoxMiddle p {
	color:								#727272;
	line-height:						1.5em;
	margin:								0;
	width:								212px;
}
.homePromoBoxMiddle p span {
	font-weight:						bold;
	color:								#e86835;
}
.homePromoBoxMiddle a {
	text-decoration:					underline;
	color:								#f05d3c;
}
.homePromoBoxMiddle a:hover {
	text-decoration:					none;
}



.homePromoBoxMiddle ol  {
	color:								#e83935;
	margin:								15px 45px 0 -4px;
	line-height:						1.5em;
	font-weight: 						bold;
}

* html .homePromoBoxMiddle ol  {
	margin:								15px 45px 0 35px;
}

*+  html .homePromoBoxMiddle ol  {
	margin:								15px 45px 0 35px;
}




.homePromoBoxMiddle ol li span {
	color:								#444;
	font-weight: 						normal;
}

.orangeDrip {
	position:							absolute;
	width:								19px;
	height:								21px;
	background:							url(../images/homeRightPromoBoxDrip.gif) no-repeat 0 0;
	margin: 							-14px 0 0 204px!important;
	display: none;	/* not needed for latest design */
}

.homePromoBoxBtm {
	width:								303px;
	height:								59px;
	background:							url(../images/homePromoBoxBtmBg.gif) no-repeat 0 0;
}

a.homeRightBoxLink {
	width:								106px;
	height:								23px;
	display:							block;
	background:							url(../images/homeRightPromoBoxButtonBg.gif) no-repeat 0 0;
	padding:							3px 0 0 4px;
	widt\h:								102px;
	heigh\t:							20px;
	color:								#e86835;
	font-weight:						bold;
	margin:								11px 0 0 64px;
}

.searchPaging {
	color:								#706f6f;
}
.searchPaging span {
	font-weight:						bold;
}

h2.cathdn {
	border:								1px solid #ddd;
	background:							#f2f2f2;
	padding:							4px;
	margin:								15px 0 5px 0;
}

/*-------------------------- Right side Boxes --------------------------*/

h2.sponsorHdr {
	width: 								222px;
	height:								25px;
	background:							url(../images/h2_pinkRightHdrBg.gif) no-repeat 0 0;
	padding:							4px 0 0 8px;
	widt\h:								214px;
	heigh\t:							21px;
	color:								#fff;
	font:								bold 1.2em tahoma,arial,verdana,sans-serif;
	margin:								0;
}

table.sponsorImgTable {
	width:								226px;
	margin:								8px 0 7px 0;
}

.rightGalleryWrap { 
	width: 								305px;
	height:								223px;
	background:							url(../images/photoGalleryBg.jpg) no-repeat 0 0;
	margin:								39px 0 0 0;
	padding:							36px 0 0 45px;
	widt\h: 260px;
	heigh\t: 223px;
}
.rightGalleryWrap div.gallery
{
	width:								119px;
	height:								117px;
	display:   							block;
	overflow:							hidden;
	position:							relative;
}
	.rightGalleryWrap div.gallery img 
	{
		position:							absolute;
		top:								0;
		left:								0;
		width:								119px;
		height:								117px;
		display:   							block;
	}
.rightGalleryHomeWrap { 
	width: 								305px;
	height:								223px;
	background:							url(../images/photoGalleryBg.jpg) no-repeat 0 0;
	margin:								5px 0 0 0;
	padding:							36px 0 0 45px;
	widt\h: 260px;
	heigh\t: 223px;
}




/* css for double sized in width note-like container in alternative homepage */


.cntLeft_homepage {
	width: 								588px;
	float:								left;
	margin:								-32px 0 0 52px;
	display:							inline;
}


/*****************************************************************************/


/* as background from latest design is pure white, unline the previous one which was very slight gray, new classes introduced to accomodate the changes */

.cntLeftTop_pure_white {
	background:							url(../images/cntLeftTopBg_pure_white.png) no-repeat 0 0;
	background-color:					transparent;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cntLeftTopBg_pure_white.png',sizingMethod='crop')");
	width: 								590px;
	height:								20px;
}
* html .cntLeftTop_pure_white {
	background-image:					url(../images/cntLeftTopBg_pdure_white.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}
.cntLeftMid_pure_white {
	background:							url(../images/cntLeftMidBg_pure_white.png) repeat-y 0 0;
	background-color:					transparent;
	width: 								590px;
	padding:							0 0 0 32px;
	widt\h:								559px;
	min-height: 236px;
	position: relative;
	font-size: 							0.85em;
}

* html .cntLeftMid_pure_white {
	background-image:					url(../images/cntLeftMidBg_pure_white.gif) repeat-y 0 0;
	height: 236px;
}

.cntLeftBtm_pure_white {
	background:							url(../images/cntLeftBtmBg_pure_white.png) no-repeat 0 0;
	background-color:					transparent;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cntLeftBtmBg_pure_white.png',sizingMethod='crop')");
	width: 								590px;
	height:								48px;
}
* html .cntLeftBtm_pure_white {
	background-image:					url(../images/cntLeftBtmBg_pure_white.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}






/*-------------------------- Inputs --------------------------*/
#ctl00_cphContent_pnlComments_tblform {padding-top: 5px;}
input, select {
	font:								normal 1em arial,verdana,sans-serif;
	color:								#666666;
}

label.searchLabel,
label.joinLabel {
	/*background:							url(../images/searchLabel.gif) no-repeat 0 0;*/
	/*width:								83px;
	height:								10px;*/
	display:							block;
	margin:								0;
	clear: left;
	font: bold 1em "Arial Narrow", "Trebuchet MS", arial,verdana,sans-serif;
	color: #000;
}
label.joinLabel {margin-top: 12px;}




input.inputSearch {
	width:								154px !important;
	height:								17px;
	float: 								left;
	background:							url(../images/inputSearchBg.gif) no-repeat 0 0;
	padding:							2px 0 0 4px;
	heigh\t:							15px;
	border:								none;
	font-size:							10px;
}


.btnSearchSubmit,
.btnJoinSubmit {
	border:								none;
	width:								22px;
	height:								17px;
	float: 								left;
	background:							url(../images/btnSearchSubmitBg.gif) no-repeat 0 0;
	cursor:								pointer;
	margin: 0;
}
.btnJoinSubmit {
	background-image: url(../images/btnJoinSubmitBg.gif);
	width: 30px;
}

.formClear {
	clear:								both;
	height:								5px;
 	overflow:							hidden;
	width:								526px;
 	display: 							block;
	background:							url(../images/formClearBg.gif) no-repeat 0 0;
}

table.cntTable label, 
.wysiwyg label {
	float:								left;
	width:								151px;
	padding:							0 0 0 27px;
	widt\h:								124px;	
	font-weight:						bold;
	margin:								6px 0;
}

.list input {
	position:							relative;
}

.list label
{
	display:					 inline!important;
	float:					  none!important;
	font-weight:				 normal!important;
	margin-bottom:				 5px!important;
	color:						 inherit!important;
	padding:				 	0pt 0pt 0pt 10pt !important;
}

.list td
{
	padding:						 5px 0 0px!important;
}

input.inputMed {
	float:								left;
	border:								1px solid #b4b4b4;
	height:								18px!important;
	width:								194px;
	padding:							3px 0 0 6px;
	widt\h:								188px;
	heigh\t:							15px;
	font-size:							11px!important;
	color:								#706f6f;
	margin:								6px 0;
	position: 							relative!important;
	display:							block!important;
}

input.inputMedNewLine {
	float:								left;
	border:								1px solid #b4b4b4;
	height:								18px!important;
	width:								194px;
	padding:							3px 0 0 6px;
	widt\h:								188px;
	heigh\t:							15px;
	font-size:							11px!important;
	color:								#706f6f;
	margin:								6px 0 6px 25px;
}

.selectMed {
	float:								left;
	border:								1px solid #b4b4b4;
	height:								18px;
	width:								179px;
	font-size:							11px!important;
	color:								#706f6f;
	margin:								6px 0;
	position:							relative;
}
.selectResource {
	float:								left;
	border:								1px solid #b4b4b4;
	height:								18px;
	width:								179px;
	font-size:							11px!important;
	color:								#706f6f;
	margin:								0 0 0 8px;
}

.textAreaMed {
	float:								left;
	border:								1px solid #b4b4b4;
	height:								142px;
	width:								297px;
	font-size:							11px!important;
	color:								#706f6f;
	margin:								6px 0;
	font:								normal 0.9em arial,verdana,sans-serif;
	padding:							4px 0 0 4px;
	heigh\t:							138px;
	widt\h:								293px;					
}

input.rdoBtn {
	border:								0;
	margin:								7px 0 0 0;
	padding:							0;
	vertical-align:						middle;
	float:								left;
	position:							relative;
}
*html input.rdoBtn {
	margin:								3px 0 0 0;
}
*+html input.rdoBtn {
	margin:								3px 0 0 0
}

input.chkBox {
	border:								0;
	margin:								7px 0 0 0;
	padding:							0;
	vertical-align:						middle;
	float:								left;
}
*+html input.chkBox {
	margin:								3px 0 0 0
}
*html input.chkBox {
	margin:								3px 0 0 0
}

.inputDesc {
	float: 								left!important;
	color:								#000!important;
	font-size: 							0.85em!important;
	font-weight:						normal!important;
	margin: 							7px 0 0 17px;
	display: 							inline;
	position:							relative;
}

.contactSubmitBtn {
	float:								right;
	border:								none;
	display:							block;
	width:								173px;
	height:								65px;
	margin:								8px 0 0 0;
	background:							url(../images/contactSubmitBtn.gif) no-repeat 0 0;
}

/*-------------------------- S2F --------------------------*/

.sendToFriendWrap {
	width:								445px;
	margin:								0 0 0 60px;
	color:								#706f6f;
}

.sendToFriendWrap h1 {
	margin:								0;
	padding:							0;
	color:								#c20f2c;
}

label.s2fLabel {
	width:								140px!important;
	float: 								none;
	display: 							block;
}

textarea.taBigS2F {
	float:								none;
	width: 								397px;
	height: 							78px;
	border: 							1px solid #b4b4b4;
}

a.btnSubmit {
	width:								50px;
	height:								20px;
	display:							block;
	padding:							3px 0 0 0;
	heigh\t:							17px;
	text-align:							center;
	color:								#666;
	background:							url(../images/ctnt_bg_btnSht.gif) no-repeat;
}

a.btnSubmit:hover {
	text-decoration:					none;
}
/*-------------------------- Footer --------------------------*/

.footerWrapper {
	background:							#000 url(../images/footerHdr.jpg) repeat-x top center;
	padding:							285px 0 0 0;
	font-size:							0.85em;
	margin:								55px 0 0 0;
}
.footer {
	width:								999px;
	margin:								0 auto;
	color:								#949494;
	background:							#000;
}
.footer p {
	margin:								0;
}
.footer a {
	color:								#cecccc;
	text-decoration:					underline;
}

span.foot_createdBy {
	float:								right;
	margin:								0 45px 0 100px;
}
span.foot_terms {
	float:								right;
	margin-left:						135px;
}
span.foot_copy {
	float:								right;
}

table.siteFooter {
	width:								685px;
	margin:								45px auto 0;
}

table.siteFooter td {
	vertical-align:						top;
}

table.siteFooter ul {
	margin: 							0 0 28px 0;
	padding: 							0;
	text-align:							left;
	
}
table.siteFooter ul li {
	list-style-type:					none;
	margin: 							0;
	padding: 							0;
	color: 								#949494;
}
table.siteFooter ul li a {
	color: 								#cecccc;
	text-decoration:					none;
}
table.siteFooter ul li a span {
	text-decoration:					underline;
	color: 								#949494;
}
table.siteFooter ul li a:hover span {
	text-decoration:					underline;
}
table.siteFooter ul li a:hover {
	text-decoration:					underline!important;
}

/*-------------------------- Form Registration --------------------------*/

.divider {
	border:							none;
	height:							15px;
	background:						url(../images/bg_divider.gif) repeat-x 0 0;
}

.greyBg {
	background:						#f6f6f6;
	width:							488px;
	padding:						7px 0 7px 3px;
	widt\h:							485px;
	margin:							0 0 0 10px;
}

.greyBg input, .whiteBg input {
	position: relative;
}

.whiteBg {
	background:						#fefefe;
	width:							488px;
	padding:						7px 0 7px 3px;
	widt\h:							485px;
	margin:							0 0 0 10px;
}

.greyBg label, .whiteBg label {
	color:							#8c8c8c!important;
	font-weight:					bold;
}

.radioLeft {
	float:							left;
	padding:						3px 5px 0 0;
}

fieldset {
	margin:							5px 0;
	padding-bottom:					30px;
	border:							none;
}
legend {
	color:							#35bde8;
	font-size:						1.4em;
	padding-left:					0;
	margin:							0 0 5px 0;
	font-weight:					bold;
}

input.inputLng 
{
	border:							1px solid #b8b8b8;
	width:							202px;
	height:							18px;
	float:							left;
}
input.inputMed 
{
	border:							1px solid #b8b8b8;
	width:							146px;
	height:							18px;
	float:							left;
}
input.inputSht 
{
	border:							1px solid #b8b8b8;
	width:							83px;
	height:							18px;
	float:							left;
}

.selectMed {
	border:							1px solid #b8b8b8;
	width:							150px!important;
	height:							19px;
	float:							left;
}

label {
	display:						block;
	font-weight:					bold;
	margin:							2px 0 5px 0;
	color:							#8C8C8C;
	float:							left;
	width:							193px;
}





label.lblWide {
	width:							295px!important;
}
label.lblWidest {
	width:							445px!important;
	font-weight:					bold!important;
	color:							#8c8c8c!important;
}

.radioBtn {
	padding:						3px 0 0 0!important;
	margin:							3px 0 -2px 0!important;
	border:							none;
	position:						relative;
}
* html .radioBtn, {
	margin:							2px 0 -2px -3px;
}

.radioHorizon {
	padding:						3px 0 0 0!important;
	margin:							3px 0 -2px 0;
	border:							none;
	float:							left;
}
* html .radioHorizon {
	margin:							0px 0 -2px -3px;
}
*+html .radioHorizon {
	 margin:						0px 0 -2px -3px;
}

.radiosIndent {
	padding-left:					38px;
}

.chkHoriz {
	background:						none;
	border:							none;
	float:							left;
	position:						relative;
}

.labelMar {
	float:							left;
	margin:							1px 0 0 0px!important;
	color:							#8c8c8c!important;
	font-weight:					normal!important;
	width:							400px!important;
	display: inline!important;
}
.labelMarWide {
	float:							left;
	width:							400px!important;
	margin:							1px 0 0 0px!important;
	font-weight:					normal!important;
	color:							#8c8c8c!important;
	display: inline!important;
}

.textAreaComments {
	width:							355px;
	height:							140px;
	border:							1px solid #b8b8b8;
	margin-left:					25px;
	position:						relative;
}


.chkBox {
	border:							none;
	background:						none;
}

.textAreaLng {
	color:							#8C8C8C;
	width:							300px;
	height:							200px;
	border:							1px solid #ccc;
	padding:						1px;
	font:							normal 1em arial,verdana,helvetica,sans-serif;
}



/* gallery layout */

#gallery_large
{
	width: 317px;
	height: 228px;
	background: transparent url(../images/gallery_large.gif) no-repeat;
	float: left;
}

#all_thumbnails
{
	width: 228px;
	float: left;
}

.thumbnail
{
	float: left;
	background: transparent url(../images/thumbnail.gif) no-repeat;
	height: 93px;
	width: 114px;
	float: left;
}


.thumbnail input
{
	margin: 10px 0 0 11px !important;
}

/* thumbnails are set based on design provided so size is 100x76 px.
	if different image dimensions will be used .thumbnail will have to be also adjusted */

#gallery_large img
{
	width: 296px;
	height: 200px;
	margin:	10px 0 34px 12px;
}
	
.thumbnail img
{
	margin: 10px 0 7px 11px; 
}









/***********************************/





	
/****************************************************************************************
	[BlueArc CSS]
*****************************************************************************************/

/* [HOMEPAGE GALLERY]
-------------------------------------------------------*/
table.home-gallery {
	width: 303px;
	height: 301px;
}
	table.home-gallery td {
		padding: 0;
		vertical-align: top;
	}
	/* Gallery Large */
	table.home-gallery td.gallery-lrge {padding-bottom: 10px;}
	table.home-gallery td.gallery-lrge,
	table.home-gallery td.gallery-lrge img,
	table.home-gallery td.gallery-lrge object,
	table.home-gallery td.gallery-lrge embed {
		width: 301px;
		height: 225px;
	}
	/* Gallery Thumns */
	table.home-gallery td.gallery-thumb {
		width: 301px;
		height: 225px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	table.home-gallery td.gallery-thumb.one {background-image: url("../images/home-thumb-bg1.gif");}
	table.home-gallery td.gallery-thumb.two {background-image: url("../images/home-thumb-bg2.gif");}
	table.home-gallery td.gallery-thumb.three {background-image: url("../images/home-thumb-bg3.gif");}
		table.home-gallery td.gallery-thumb input {
			width: 89px;
			height: 59px;
			display: block;
			margin-top: 3px;
		}
		table.home-gallery td.gallery-thumb.one input {margin-left: 12px;}
		table.home-gallery td.gallery-thumb.two input,
		table.home-gallery td.gallery-thumb.three input {margin-left: 6px;}

		
			
	
		
		
		
		
/* [SEARCH]
-------------------------------------------------------*/
#search {
	float: left;
	width: 526px;
	background: url("../images/search-bg.gif") repeat-y 50% 0;
}
	#search h2 {
		margin: 0;
		background-color: #726C4A;
		padding: 6px;
		color: #fff;
		font-size: 0.95em;
		text-transform: uppercase;
	}
	/* Results Columns */
	#search div.search-results {
		float: left;
		width: 263px;
	}
	#search div.search-results.right {float: right;}
		
		/* Results Columns Nested Stuff */
		#search div.search-results h3 {
			font-size: 0.95em;
			font-weight: bold;
			background-color: #F1EBC7;
			padding: 6px 12px;
			text-transform: uppercase;
			margin: 0;
			color: #727272;
		}
		#search div.search-results ul {
			padding: 6px 12px 0 12px;
			margin: 0;
			list-style: none;
		}
			#search div.search-results ul li {
				background: none;
				padding: 0;
				margin-bottom: 14px;
				border-bottom: 1px solid #ddd;
				padding-bottom: 14px;
				list-style: none;
			}
			#search div.search-results ul li h4 {font-size: 1.1em;}
			#search div.search-results.right ul li h4 {
				background: url("../images/pdf.gif") no-repeat 0 50%;
				padding-left: 20px;
				padding-top: 1px;
			}
			#search div.search-results ul li p {
				margin: 0;
				padding: 0;
				line-height: 1.3;
				color: #706F6F;
			}
			#search div.search-results ul li p.rating {
				margin-bottom: 0.60em;
				color: #999;
			}
			#search div.search-results p.error {
				color: #C24C33;
				background: url("../images/error.gif") no-repeat 0 2px;
				padding: 1px 0 2px 20px; 
				margin: 12px;
				line-height: 1.3;
			}
		
		/* Pagination */
		#search div.search-results span.search-nav {
			display: block;
			padding: 12px;
			width: 239px;
			text-align: right;
		}
			#search div.search-results span.search-nav a,
			#search div.search-results span.search-nav span {
				font: normal 0.90em Arial, Helvetica, sans-serif;
				border: 1px solid #ccc;
				padding: 2px 4px;
				text-decoration: none;
				margin-right: 5px;
			}
			#search div.search-results span.search-nav span {border-color: #F8F8F6;}
			#search div.search-results span.search-nav a:hover {
				text-decoration: none;
				background-color: #DBDBDB;
			}
			
/* [STRUCTURED PAGES]
-------------------------------------------------------*/

/* Stories */
div.wysiwyg div.stories {
	padding: 20px 0 10px 0;
	clear: both;
}
	div.wysiwyg div.stories h2 {}
	div.wysiwyg div.stories h4 {font-size: 0.95em;}
	div.wysiwyg div.stories img {
		display: block;
		float: left;
		max-width: 254px;
	}
	div.wysiwyg div.stories.detail img {margin: 0 10px 10px 0;}
	div.wysiwyg div.stories div.story-desc {margin-left: 270px;}

/* Blog */
div.wysiwyg div.blog,
div.wysiwyg p.divider {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #ddd;
}
div.wysiwyg div.blog.detail,
div.wysiwyg p.divider {
	padding-bottom: 10px; 
	margin-bottom: 0;
}
div.wysiwyg p.divider {
	margin-bottom: 10px;
	height: auto;
}

	div.wysiwyg div.blog.listing table td {color: #999;}
	div.wysiwyg div.blog.listing table td.right {text-align: right;}
	
/* [SITEMAP]
-------------------------------------------------------*/
ul#sitemap {
	margin: 0;
	width: 526px;
	padding-bottom: 10px;
}
	ul#sitemap li.sitemap-col {
		padding: 0;
		float: left;
		width: 263px;
		list-style: none;
	}
	ul#sitemap li.sitemap-col.right {float: right;}

/* [CLEAR FLOATS]
-------------------------------------------------------*/
div.wysiwyg div.stories:after,
ul#sitemap:after,
#ctl00_cphContent_pnlHeading:after,
table.cntTable:after,
div.wysiwyg:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}



/*-------------------------- PNGS --------------------------*/
/*----------------------------------------------------------*/
/*------------Please do not place any more css below the pngs classes - it will break them :(-----------------*/

/* png support for IE */
* html a.dukeLogo img,
* html .imgPng {
	background-image:					expression(
											this.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/", sizingMethod="image")',
											this.runtimeStyle.backgroundImage = 'none',
											this.src = window.myLocation + 'transparent.gif'
										);
}
/* end png support for IE */


a.dukeLogo {
	background:							url(../images/dukeLogo.png) no-repeat 0 0;
	background-color:					transparent;
	height:								133px;
	float:								left;
	display:							block;
	margin:								-3px 0 0 45px;
	display: inline;
	cursor: hand!important;
	position: relative!important;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dukeLogo.png',sizingMethod='crop')");
}
* html a.dukeLogo {
	background-image:					url(../images/dukeLogo.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
	cursor: hand!important;
}
* html body a.dukeLogo img {visibility: hidden;} 

/* Zip Logo */
a#zipLogo {
	background: url(../images/ziplogo.png) no-repeat 0 0;
	background-color: transparent;
	height: 83px;
	width: 133px;
	display: block;
	float: right;
	display: inline;
	cursor: hand !important;
	position: relative !important;
	margin: 20px 45px 0 0;
	* background: none;
	* filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ziplogo.png',sizingMethod='scale')");
}
* html a#zipLogo {
	background-image: url(../images/dukeLogo.gif) no-repeat 0 0;
	backgrou\nd-image: none;
	cursor: hand !important;
}
* html body a#zipLogo img {visibility: hidden;}

.searchTop {
	background:							url(../images/searchBoxTopBg.png) no-repeat 0 0;
	height:								9px;
}
* html .searchTop {
	background:							url(../images/searchBoxTopBg.gif) no-repeat 0 0;
	margin-bottom:						-7px;
}


.searchMiddle {
	background:							url(../images/searchBoxMiddleBg.png) repeat-y 0 0;
	background-color:					transparent;
	width: 								401px;
	padding-bottom:						12px;
	font-size:							0.9em;
	font-weight: 						bold;
}

.searchBtm {
	background:							url(../images/searchBoxBtmBg.png) no-repeat 0 0;
	background-color:					transparent;
	height:								14px;
}
* html .searchBtm {
	background:							url(../images/searchBoxBtmBg.gif) no-repeat 0 0;
}


div#mainNav ul li a.navRed, a#navAbout {
	background:							url(../images/navRedAboutBg.png) no-repeat 0 0;
	width:								132px;
	display:							block;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navRedAboutBg.png',sizingMethod='crop')");
}
* html div#mainNav ul li a.navRed {
	background-image:					url(../images/navRedAboutBg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}

div#mainNav ul li a.navPink, a#navGetting {
	background:							url(../images/navPinkGettingBg.png) no-repeat 0 0;
	width:								128px;
	display:							block;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navPinkGettingBg.png',sizingMethod='crop')");
}
* html div#mainNav ul li a.navPink {
	background-image:					url(../images/navPinkGettingBg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}

div#mainNav ul li a.navOrange, a#navRunning {
	background:							url(../images/navOrangeRunningBg.png) no-repeat 0 0;
	width:								147px;
	display:							block;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navOrangeRunningBg.png',sizingMethod='crop')");
}
* html div#mainNav ul li a.navOrange {
	background-image:					url(../images/navOrangeRunningBg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}

div#mainNav ul li a.navGreen, a#navSupporting {
	background:							url(../images/navGreenSupportBg.png) no-repeat 0 0;
	width:								147px;
	display:							block;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navGreenSupportBg.png',sizingMethod='crop')");
}
* html div#mainNav ul li a.navGreen {
	background-image:					url(../images/navGreenSupportBg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}

div#mainNav ul li a.navBlue, a#navContact {
	background:							url(../images/navBlueContact.png) no-repeat 0 0;
	width:								159px;
	display:							block;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navBlueContact.png',sizingMethod='crop')");
}
* html div#mainNav ul li a.navBlue {
	background-image:					url(../images/navBlueContact.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}


.homepageVideoWrap {
	background:							url(../images/homepagePlayerBg.png) no-repeat 0 0;
	background-color:					transparent;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/homepagePlayerBg.png',sizingMethod='crop')");
	width: 								669px;
	height:								443px;
	padding:							40px 0 0 71px;
	widt\h: 							598px;
	heigh\t: 							403px;
}
* html .homepageVideoWrap {
	background-image:					url(../images/homepagePlayerBg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}



.homeLeftCntBoxTop {
	background:							url(../images/homeLeftCntBoxTopBg.png) no-repeat 0 0;
	background-color:					transparent;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/homeLeftCntBoxTopBg.png',sizingMethod='crop')");
	width: 								306px;
	height:								12px;
	font-size: 0;
	
}
* html .homeLeftCntBoxTop {
	background-image:					url(../images/homeLeftCntBoxTopBg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}

.homeLeftCntBoxMiddle {
	background:							url(../images/homeLeftCntBoxMiddleBg.gif) repeat-y 0 0;
	background-color:					transparent;
	width: 								295px;
	padding:							10px 0 0 32px;
	widt\h:								263px;
	min-height: 180px;
}
* html .homeLeftCntBoxMiddle {
	background-image:					url(../images/homeLeftCntBoxMiddleBg.gif) repeat-y 0 0;
	height: 180px;
}

.homeLeftCntBoxBtm {
	background:							url(../images/homeLeftCntBoxBtmBg.png) no-repeat 0 0;
	background-color:					transparent;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/homeLeftCntBoxBtmBg.png',sizingMethod='crop')");
	width: 								295px;
	height:								29px;
}
* html .homeLeftCntBoxBtm {
	background-image:					url(../images/homeLeftCntBoxBtmBg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}




.homeRightCntBoxTop {
	background:							url(../images/homeRightCntBoxTopBg.png) no-repeat 0 0;
	width: 								299px;
	height:								22px;
}
* html .homeRightCntBoxTop {
	background:							none;
	filter:								expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/homeRightCntBoxTopBg.png',sizingMethod='crop')");
}

.homeRightCntBoxMiddle {
	background:							url(../images/homeRightCntBoxMiddleBg.png) repeat-y 0 0;
	width: 								299px;
	padding:							0 0 0 32px;
	widt\h:								267px;
}
* html .homeRightCntBoxMiddle {
	background:							none;
	filter:								expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/homeRightCntBoxMiddleBg.png',sizingMethod='scale')");
}

.homeRightCntBoxBtm {
	background:							url(../images/homeRightCntBoxBtmBg.png) no-repeat 0 0;
	width: 								299px;
	height:								14px;
}
* html .homeRightCntBoxBtm {
	background:							none;
	filter:								expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/homeRightCntBoxBtmBg.png',sizingMethod='crop')");
}


.cntLeftTop {
	background:							url(../images/cntLeftTopBg.png) no-repeat 0 0;
	background-color:					transparent;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cntLeftTopBg.png',sizingMethod='crop')");
	width: 								588px;
	height:								20px;
}
* html .cntLeftTop {
	background-image:					url(../images/cntLeftTopBg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}



.cntLeftMid {
	background:							url(../images/cntLeftMidBg.gif) repeat-y 0 0;
	background-color:					transparent;
	/*
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/cntLeftMidBg.png',sizingMethod='')");
    */
	width: 								588px;
	padding:							0 0 0 32px;
	widt\h:								566px;
	position: relative;
}
* html .cntLeftMid {
	background-image:					url(../images/cntLeftMidBg.gif) repeat-y 0 0;
	backgrou\nd-image:					none;
}



.cntLeftBtm {
	background:							url(../images/cntLeftBtmBg.gif) no-repeat 0 0;
	background-color:					transparent;
	width: 								588px;
	height:								27px;
}
* html .cntLeftBtm {
	background-image:					url(../images/cntLeftBtmBg.gif)  0 0;
}



.rightBoxTop1 {
	background:							url(../images/rightBoxTop1Bg.png) no-repeat 0 0;
	background-color:					transparent;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rightBoxTop1Bg.png',sizingMethod='crop')");
	width: 								288px;
	height:								20px;
}
* html .rightBoxTop1 {
	background-image:					url(../images/rightBoxTop1Bg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}

.rightBoxMiddle1 {
	background:							url(../images/rightBoxMiddle1Bg.png) repeat-y 0 0;
	background-color:					transparent;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rightBoxMiddle1Bg.png',sizingMethod='scale')");
	width: 								288px;
	padding:							4px 0 0 25px;
	widt\h:								263px;
}
* html .rightBoxMiddle1 {
	background-image:					url(../images/rightBoxMiddle1Bg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}

.rightBoxBtm1 {
	background:							url(../images/rightBoxBtm1Bg.png) no-repeat 0 0;
	background-color:					transparent;
	* background:						none;
	* filter:							expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/rightBoxBtm1Bg.png',sizingMethod='crop')");
	width: 								288px;
	height:								13px;
}
* html .rightBoxBtm1 {
	background-image:					url(../images/rightBoxBtm2Bg.gif) no-repeat 0 0;
	backgrou\nd-image:					none;
}

.rightBoxTop2 {
	background:							url(../images/rightBoxTop2Bg.png) no-repeat 0 0;
	width: 								288px;
	height:								20px;
}
* html .rightBoxTop2 {
	background:							none;
	filter:								expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rightBoxTop2Bg.png',sizingMethod='crop')");
}

.rightBoxMiddle2 {
	background:							url(../images/rightBoxMiddle2Bg.png) repeat-y 0 0;
	width: 								288px;
	padding:							4px 0 0 25px;
	widt\h:								263px;
}
* html .rightBoxMiddle2 {
	background:							none;
	filter:								expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rightBoxMiddle2Bg.png',sizingMethod='scale')");
}

.rightBoxBtm2 {
	background:							url(../images/rightBoxBtm2Bg.png) no-repeat 0 0;
	width: 								288px;
	height:								13px;
}
* html .rightBoxBtm2 {
	background:							none;
	filter:								expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rightBoxBtm2Bg.png',sizingMethod='crop')");
}

/* added by Helen 21-07-2008 - to fix links not clickable issue */
* html .searchMiddle a, * html .homepageVideoWrap a, * html .homeLeftCntBoxMiddle a, * html .homeRightCntBoxMiddle a, * html .cntLeftMid a, * html .rightBoxMiddle1 a, * html .rightBoxMiddle2 a {
	position: 							relative;
	cursor:								pointer;
}

