@charset "utf-8";
/* CSS Document */

		body {
			font-family:Arial, Helvetica, sans-serif;
			font-size: 0.75em;
			color: #555555;
			}
			
			strong {color: #000000; font-weight:bold;}
			
		h1, h2, h3 {
				color:#0092CF;
				font-size:1.3em;
				padding-bottom: 5px;
				border-bottom:1px solid #E2E2E2;
		}
		
		h4 {
				color:#000000;
				font-size:1.1em;
				padding-bottom: 5px;
				border-bottom:1px solid #E2E2E2;
				margin-bottom: 5px;
				margin-top: 0px;
		}
		
		h4.profile {
				color:#000000;
				font-size:1.1em;
				padding-bottom: 5px;
				margin-bottom: 5px;
				border-bottom: 0px;
		}
		
		h1.myError, h2.myError, h3.myError {
			color: #ED174F !important;
		}
		
		h1.mySuccess, h2.mySuccess, h3.mySuccess {
			color: #99CC33 !important;
		}
		
/* center image for original forum poster KK 21/07/2010 */	
	  .centeredImage
		{
		text-align:center;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
		}
/* end center image*/

/* file input button css for upload image 22/7/2010 */			
	#divinputfile{
       background:url("/staticfiles/images/template09/previousformbutton-small-browse.gif") no-repeat 100% 1px;
       min-height:28px;
       width:185px;
       margin:0px;
	  }
      
      #divinputfile #filepc{
       opacity: 0.0;
       -moz-opacity: 0.0;
       filter: alpha(opacity=00);
       font-size:18px;
      }
      
      #fakeinputfile{
       margin-top:-28px;
      }
      
      #fakeinputfile #fakefilepc{
       width:120px;
       min-height:22px;
       font-size:18px;
       font-family:Arial;
      }
/* end file input*/		
		
		/* My IET wide boxes */
		
		/* Use this to create the overall grey box */
    	.myWideBox{
			/*background-image:url(/staticfiles/images/myiet2010/lh-col-background-box.gif);*/
			background-repeat:repeat-y;
			float: left;
			width: 744px;
		}
		
		.myWideBoxSuperSpacer{
			background-image:url(/staticfiles/images/myiet2010/lh-col-background-spacer-subhead.gif);
			background-repeat:no-repeat;
			/*height: 62px; 99 for firefox*/
			/*padding-top: 37px; 0 for firefox*/
			padding-left: 15px;
			padding-right: 15px;
			height: 46px !important;
			padding-top: 53px !important;
			}
		
		/* Use this to create the top of a white box, it should have the heading inside it */
		.myWideBoxTop{
			background-image:url(/staticfiles/images/myiet2010/lh-col-borders-top.gif);
			background-repeat:no-repeat;
			/*height: 60px; 60 for firefox*/
			/*width: 744px;*/
			overflow: hidden;
			padding-left: 15px;
			padding-right: 15px;
			/*padding-top: 0px;  0 for firefox */
			height: 45px !important;
			padding-top: 15px !important;
		}
		
		.myWideBoxTopBuddies{
			background-image:url(/staticfiles/images/myiet2010/lh-col-borders-top-buddies.gif);
			background-repeat:no-repeat;
			/*height: 60px; 60 for firefox*/
			/*width: 744px;*/
			overflow: hidden;
			padding-left: 15px;
			padding-right: 15px;
			/*padding-top: 0px;  0 for firefox */
			height: 45px !important;
			padding-top: 15px !important;
		}		
		
		/* Use this to create the top of a two-col white box, it should have the heading inside it */
		.myWideBoxTwoColTop{
			background-image:url(/staticfiles/images/myiet2010/lh-two-col-borders-top.gif);
			background-repeat:no-repeat;
			/*height: 60px; 60 for firefox*/
			/*width: 744px;*/
			overflow: hidden;
			padding-left: 15px;
			padding-right: 15px;
			/*padding-top: 0px;  0 for firefox */
			height: 45px !important;
			padding-top: 15px !important;
		}
		
		.myWideBoxTwoColTopNoTitle{
			background-image:url(/staticfiles/images/myiet2010/lh-col-to-two-col-spacer.gif);
			background-repeat:no-repeat;
			/*height: 60px; 60 for firefox*/
			/*width: 744px;*/
			overflow: hidden;
			padding-left: 15px;
			padding-right: 15px;
			/*padding-top: 0px;  0 for firefox */
			height: 29px !important;
		}
		
		.myWideBoxTwoColToOneCol{
			background-image:url(/staticfiles/images/myiet2010/lh-two-col-to-col-spacer.gif);
			background-repeat:no-repeat;
			/*height: 60px; 60 for firefox*/
			/*width: 744px;*/
			overflow: hidden;
			padding-left: 15px;
			padding-right: 15px;
			/*padding-top: 0px;  0 for firefox */
			height: 28px !important;
		}
		
		/* Use this to create the top of a three-col white box, it should have the heading inside it */
		.myWideBoxThreeColTop{
			background-image:url(/staticfiles/images/myiet2010/lh-three-col-borders-top.gif);
			background-repeat:no-repeat;
			/*height: 60px; 60 for firefox*/
			/*width: 744px;*/
			overflow: hidden;
			padding-left: 15px;
			padding-right: 15px;
			/*padding-top: 0px;  0 for firefox */
			height: 45px !important;
			padding-top: 15px !important;
		}
		
		/* Use this to create the body of a white box. Any includes, functions etc would be inside one of these divs */
		.myWideBoxSides{
			background-image:url(/staticfiles/images/myiet2010/lh-col-borders.gif);
			background-repeat:repeat-y;
			width: 704px; 
			padding-left: 20px;
			padding-right: 20px;
		}
		
		.myWideBoxSidesBuddies{
			background-image:url(/staticfiles/images/myiet2010/lh-col-borders_buddies.gif);
			background-repeat:repeat-y;
			width: 744px; 
		}		
		
		P {
			margin-top: 0px;
			margin-bottom: 0px;
		}
		
		/* Use this to create the body of a two-col white box. Any includes, functions etc would be inside one of these divs */
		.myWideTwoBoxSides{
			background-image:url(/staticfiles/images/myiet2010/lh-two-col-borders.gif);
			background-repeat:repeat-y;
			width: 744px;
			padding-left: 20px;
			overflow:hidden;
		}
		
		/* Use this to create the body of a three-col white box. Any includes, functions etc would be inside one of these divs */
		.myWideThreeBoxSides{
			background-image:url(/staticfiles/images/myiet2010/lh-three-col-borders-all.gif);
			background-repeat:repeat-y;
			width: 724px;
			padding-left: 20px;
			overflow:hidden;
		}
		
		/* Use this to separate two white boxes. This would normally be empty. */
		.myWideBoxSpacer{
			background-image:url(/staticfiles/images/myiet2010/lh-col-borders-spacer.gif);
			background-repeat:no-repeat;
			width: 744px;
			height: 26px;
		}
		
		/* Use this to mark the bottom of the last white box on the page */
		.myWideBoxBottom{
			background-image:url(/staticfiles/images/myiet2010/lh-col-borders-bottom.gif);
			background-repeat:repeat-y;
			width: 744px;
			height: 20px;
		}
		
		.myWideBoxBottomBuddies{
			background-image:url(/staticfiles/images/myiet2010/lh-col-borders-bottom-buddies.gif);
			background-repeat:repeat-y;
			width: 744px;
			height: 20px;
		}		
		
		/* Use this to mark the bottom of the last white two-col box on the page */
		.myWideTwoBoxBottom{
			background-image:url(/staticfiles/images/myiet2010/lh-two-col-borders-bottom.gif);
			background-repeat:repeat-y;
			width: 744px;
			height: 20px;
		}
		
		/* Use this to mark the bottom of the last white two-col box on the page */
		.myWideThreeBoxBottom{
			background-image:url(/staticfiles/images/myiet2010/lh-three-col-borders-bottom-all.gif);
			background-repeat:repeat-y;
			width: 744px;
			height: 20px;
		}
		
		/* spacing the two column layout */
		.myWideTwoBoxLeft{
			float:left;
			width: 333px;
		}
		
		/* spacing the two column layout */
		.myWideTwoBoxRight{
			margin-left: 32px;
			width: 333px;
			float:left;
		}
		
		/* My IET narrow boxes */
		
		/* Use this to create the overall grey box */
		.myRightBox{
			background-image:url(/staticfiles/images/myiet2010/rh-col-background-box.gif);
			background-repeat:repeat-y;
			/*float: left;*/
			float: right;
			width: 219px;
		}
		
		/* Use this to create the top of a white box, it should have the heading inside it */
		.myRightBoxTop{
			background-image:url(/staticfiles/images/myiet2010/rh-col-borders-top.gif);
			background-repeat: no-repeat;
			/*height: 62px; 62 for firefox*/
			padding-left: 15px;
			/*padding-top: 1px; 0 for firefox*/
			padding-right: 15px;
			height: 47px !important;
			padding-top: 15px !important;
		}
		
		/* Use this to create the body of a white box. Any includes, functions etc would be inside one of these divs */
		.myRightBoxSides{
			background-image:url(/staticfiles/images/myiet2010/rh-col-borders.gif);
			background-repeat: repeat-y;
			padding-left: 20px;
			padding-right: 20px;
		}
		
		/* Use this to mark the bottom of the last white box in the right hand column */
		.myRightBoxBottom{
			background-image:url(/staticfiles/images/myiet2010/rh-col-borders-bottom.gif);
			background-repeat: no-repeat;
			height: 14px;
		}
		
		/* Use this to separate two white boxes. This would normally have a heading inside it. */
		.MyRightBoxSpacerHeader{
			background-image:url(/staticfiles/images/myiet2010/rh-col-borders-spacer-header.gif);
			background-repeat:no-repeat;
			/*height: 60px; /71 for firefox*/
			/* padding-top: 10px;0 for firefox */
			padding-left: 15px;
			padding-right: 15px;
			height: 46px !important;
			padding-top: 25px !important;
		}
		
		.MyRightWhiteBoxGreySides{
			background-image:url(/staticfiles/images/myiet2010/rh-col-one-borders.gif);
			background-repeat:no-repeat;
			/*height: 60px; /71 for firefox*/
			/* padding-top: 10px;0 for firefox */
			padding-left: 1px;
			padding-right: 1px;
			height: 50px !important;
			padding-top: 15px !important;
			
		}
		
		
		/* Use this at the bottom of the grey box */
		.MyRightBoxBottomGrey{
			background-image:url(/staticfiles/images/myiet2010/rh-col-background-bottom.gif);
			background-repeat:no-repeat;
			height: 17px;
		}
		
		/* three boxes */
		
		.myWideThreeBoxLeft{
			float: left;
			border-left: 0px solid #E2E2E2;
			border-right: 0px solid #E2E2E2;
			width: 214px;
			padding-right: 8px;
		}
		.myWideThreeBoxMiddle{
			float: left;
			border-left: 0px solid #E2E2E2;
			border-right: 0px solid #E2E2E2;
			width: 215px;
			margin-left: 14px;
			padding-left: 8px;
			padding-right: 8px;
		}
		.myWideThreeBoxRight{
			float: left;
			border-left: 0px solid #E2E2E2;
			border-right: 0px solid #E2E2E2;
			width: 214px;
			margin-left: 14px;
			padding-left: 8px;
			padding-right: 8px;
		}
		.myWideThreeBoxBottom{
			background-image:url(/staticfiles/images/myiet2010/lh-three-col-borders-bottom-all.gif);
			background-repeat:no-repeat;
			height: 21px;
		}
		
		/* main tab set styles */
		.x-tab-panel-body, x-tab-panel, x-tab-panel-header {
			border-width: 0px !important;
		}
		
		.x-tab-panel-header, .x-tab-strip-top {
			background-color: #FFFFFF !important;
			
			background-position:bottom left !important;
			background-repeat:no-repeat !important;
			border: 0px solid red !important;
			height: 48px !important;
			/*padding-left: 10px;*/
			padding-top: 16px;
		}
		
		.x-tab-strip-top{padding-left: 10px !important;}
		
		#maintabs .x-tab-panel-header, #maintabs .x-tab-strip-top {
			background-image:url(/staticfiles/images/myiet2010/main-tab-set-background.gif) !important;
		}
		
		#secondarytabs .x-tab-panel-header, #secondarytabs .x-tab-strip-top, #secondarytabs2 .x-tab-panel-header, #secondarytabs2 .x-tab-strip-top, #secondarytabs3 .x-tab-panel-header, #secondarytabs3 .x-tab-strip-top {
			background-image:url(/staticfiles/images/myiet2010/secondary-tab-set-background.gif) !important;
		}
		
		/* inactive tabs */
		
		.x-tab-right, .x-tab-left, .x-tab-strip-inner {
			background-color: #FFFFFF !important;
			background-image:url(/staticfiles/images/myiet2010/secondary-tab-inactive.gif) !important;
			background-repeat:no-repeat !important;
			background-position:top !important;
			border: 0px solid red !important;
			height: 44px !important;
			min-width: 100px;
			text-align: center;
		}
		
		/* experimental
		#ext-comp-1004__accounttab {
			margin-left: 20px !important;
		}
		
		#ext-comp-1004__accounttab .x-tab-right, #ext-comp-1004__accounttab .x-tab-left, #ext-comp-1004__accounttab .x-tab-strip-inner {
			background-image:url(/staticfiles/images/myiet2010/account-tab-inactive.gif) !important;
		}
		*/
		
		.x-tab-right {background-position:left top !important;}/**/
		.x-tab-left {background-position:top right !important;}/**/
		.x-tab-strip-inner {background-position:top center !important;}/**/
				
		/* active tabs */
		
		.x-tab-strip-active .x-tab-right, .x-tab-strip-active .x-tab-left, .x-tab-strip-active .x-tab-strip-inner {
			background-color: #FFFFFF !important;
			background-image:url(/staticfiles/images/myiet2010/secondary-tab-active.gif) !important;
			background-repeat:no-repeat !important;
			background-position:top !important;
			border: 0px solid red !important;
			height: 44px !important;
			min-width: 100px;
			text-align: center;
		}
		
		.x-tab-strip-active .x-tab-right {background-position:left top !important;}/**/
		.x-tab-strip-active .x-tab-left {background-position:top right !important;}/**/
		.x-tab-strip-active .x-tab-strip-inner {background-position:top center !important;}/**/
		
		/* fix the menu z-index */
		.menu, .menuHide{z-index: 1000;}
		
		.myPmRow, .myPmRowActive {
			border-bottom: 1px solid #ECECEC;
			width: 100%;
			padding-top: 3px;
			padding-bottom: 3px;
			min-height: 16px;
		}
		
		.myPmRowActive {
			background-color: #ECECEC;
		}
		
		.myPmRow div, myPnRowActive div {
			float: left;
		}

/* start: contacts form css added by CC 15/07/2010 */

.formSectionNarrow {
	width: 130px;
	float: left;
	padding: 5px;
	}

.formSectionWide {
	width: 320px;
	float: left;
	padding: 5px;
	}



.myietContactSearchFormTop {
	margin: 0;
	padding: 0;
	background:url(/staticfiles/images/myiet_searchform_curve_top.gif) no-repeat;
	height: 4px;
	}

.myietContactSearchForm {
	background:url(/staticfiles/images/myiet_searchform_bg.gif) repeat-y;
	width: 478px;
	margin: 0px 0 0 0;
	padding: 10px 5px 00px 5px;
	}

.myietContactSearchFormBottom {
	margin: 0;
	padding: 0;
	background:url(/staticfiles/images/myiet_searchform_curve_bottom.gif) no-repeat;
	height: 4px;
	}
	
.myietContactSearchResultsHeader {
	padding:0 0 0 5px;
	margin: 2px 0 10px 0;
	font-size: 1.4em;
	font-weight: bold;
	}
	
.myietContactSearchResultsKeys {
	padding:0 0 0 5px;
	margin: 2px 0 10px 0;
	}
	
.myietResPlain {
	font-size: 1.2em;
	font-weight: bold;
	}
	
.myietResColour {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	color: #c9e;
	}
	
.myietContactSearchResultsPeople {
	width: 450px;
	height: 20px;
	padding: 5px 0 0 5px; 
	border-bottom: 1px solid #eee;
	}	
	
.myietContactSearchResultsPeople a {
	font-weight: bold;
	}
	
.myietContactSearchResultsPeople a:hover {
	color: #369;
	}	
	

/* end: contacts form css added by CC 15/07/2010 */

		
/* start: contacts css added by CC 15/07/2010 */

/* * {padding:0; margin:0;} this was making a mess of everything so removed*/

.myietBuddyListTop {
	width:233px;
	margin: 0;
	padding: 0;
	background:url(/staticfiles/images/myiet_buddylist_curve_top2.gif) no-repeat;
	height: 4px;
	}

.myietBuddyList {
	background:url(/staticfiles/images/myiet_buddylist_bg2.gif) repeat-y;
	width: 223px;
	margin: 0px 0 0 0;
	padding: 10px 5px 10px 5px;
	}

.myietBuddyListBottom {
	width:233px;
	margin: 0;
	padding: 0;
	background:url(/staticfiles/images/myiet_buddylist_curve_bottom2.gif) no-repeat;
	height: 4px;
	}
	
.myietBuddyListSpacerDiv {
	width: 216px;
	clear: both;
	border-top: 1px solid #eee;
	margin: 4px 0 4px 0;
	padding: 0;
	}
	
.myietBuddiesRedP {
	font-weight: bold;
	color: #c00;
	font-size: 90%;
	}	

.myietBuddyList h3 {
	max-width: 200px;
	}
	
.myietBuddyListName {
	float: left;
	padding: 2px;
	width: 185px;
	}
	
.myietBuddyListCheckbox {
	float: left;
	width: 30px;
	}
	
.myietBuddyListCheckbox input {
	margin-top: 3px;
	}	
	
.myietBuddyListName a {
	font-weight: bold;
	}
	
.myietBuddyListName a:hover {
	color: #369;
	}	
		
.myietBuddyListPagingTop {
	width:455px;
	margin: 10px 0 0 0;
	padding: 0;
	background:url(/staticfiles/images/myiet_buddylist_paging_top.gif) no-repeat;
	height: 6px;
	}

.myietBuddyListPagingBg {
	width:455px;
	margin: 0;
	padding: 0;
	min-height: 17px;
	background:url(/staticfiles/images/myiet_buddylist_paging_bg.gif) repeat-y;

	}

.myietBuddyListPagingBottom {
	width:455px;
	margin: 0;
	padding: 0;
	background:url(/staticfiles/images/myiet_buddylist_paging_bottom.gif) no-repeat;
	height: 6px;
	}

.myietPagingNumbers {
	padding: 0 5px 0 5px;
	width: 445px;
	}

.myietPagingNumbersLeft {
	float: left;
	width: 80px;
	font-weight: bold;
	}

.myietPagingNumbersCenter {
	float: left;
	width: 285px;
	text-align: center;
	}

.myietPagingNumbersRight {
	float: left;
	width: 80px;
	text-align: right;
	font-weight: bold;
	}

/* end: contacts css added by CC 15/07/2010 */

/* start: contacts tag cloud css added by CC 15/07/2010 */

.smallestTag { font-size: 10px; line-height: 1.3em; padding: 2px;}
.smallTag { font-size: 12px; line-height: 1.3em; padding: 2px;}
.mediumTag { font-size: 15px; line-height: 1.5em; padding: 2px;}
.largerTag { font-size: 16px; line-height: 1.5em; padding: 2px;}
.largestTag { font-size: 18px; line-height: 1.6em; padding: 2px;}
.massiveTag { font-size: 20px; line-height: 1.6em; padding: 2px;}
.jumboTag { font-size: 22px; line-height: 1.7em; padding: 2px;}

/* end: contacts tag cloud css added by CC 15/07/2010 */
		
/* start of translucent video mask */

 .translucent {
	background-color:#666666;
	width:100%;
	height:1000px;
	z-index: 100;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	position:absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
}

/* Styles added for OCF - M.SINFIELD - 21/07/2011 */
.myietOCFInsterestsDivDisplay 
{
	display:block;
	border-style:none;
	width:680px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	overflow:auto;

}

.myietOCFInsterestsDivNoDisplay 
{
	display:none;
	border-style:none;
	width:680px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	overflow:auto;
}
.myietOCFInsterestsDivUnderLineOnly 
{
	display:block;
	border-bottom:1px solid #E2E2E2;
	width:680px; 
	float:left;
	margin-left:10px;
	margin-right:10px;
	height:2px;		
	overflow:hidden;
}
.myietOCFsubTopicTable
{
	width:230px;
}
.myietOCFSectorTopicTitle
{
	font-size:12px;
	color:#000000;
	font-family:'Tahoma',sans-serif;
	font-weight:bold;
	float:left;
}
.myietOCFDivWithBorder700
{
	border-width:1px;
	border-style:solid;
	border-color:#E2E2E2;
	width:700px;
	overflow:auto;
	float:left;
}
.myietOCFDivChildWithBorder
{
	border-width:1px;
	border-style:solid;
	border-color:#E2E2E2;
	margin: 10px 10px 10px 10px;
	overflow:auto;
}
.myietOCFDivChildNoBorder
{
	border-width:1px;
	border-style:none;
	margin: 10px 10px 10px 10px;
	overflow:auto;
}
.myietOCFDivNoBorderLeft
{
	border-style:none;
	float:left;
}
.myietOCFDivWithBorder
{
	border-width:1px;
	border-style:solid;
	border-color:#E2E2E2;

}
.myietOCFDivNoBorderRight
{
	border-style:none;
	float:right;
}

.myietOCFLargeTextBold
{
	font-size:14px;
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	font-weight:bold;
}
.myietOCFNormalTextBold
{
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	font-weight:bold;
}
.myietOCFNormalText
{
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#464646;
	font-weight:400;
}
.myietOCFNormalTextRed
{
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#FF0000;
}
.myietOCFNormalTextBlue
{
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#0000FF;
}
.h2OCF_table 
{
	color:#0092CF;
	font-size:17px;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
}

.myietOCFSectorTitleBlue
{
	color:#0092CF;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	font-family:'Tahoma',sans-serif;
	text-align:left;
}
.myietOCFSectorTitleBlue_underline
{
	color:#0092CF;
	font-size:13px;
	font-weight:bold;
	vertical-align:middle;
	font-family:'Tahoma',sans-serif;
	text-align:left;
	text-decoration:underline;
}
.myietButtonAlignMiddle
{
	text-align:center; 
	margin-top:10px;
	margin-bottom:10px;
}
.myietleft
{
	float:left;
}
.myietright
{
	float:right;
}
.myiet610
{
	width:610px;
}
.myiet600
{
	width:600px;
}
.myiet300
{
	width:300px;
}
.myiet250
{
	width:250px;
}

.myiet700
{
	width:700px;
}

.myietOCFNormalTextGreen
{
            font-size:12px;
            font-family:Arial,Helvetica,sans-serif;
            color:#99CC33;
}