/* CSS by Anders Adlén, Getupdated */

html { font:12px Arial, Helvetica, sans-serif; color:#333333; }
body {  }
	body.medtechinfo { background:#fff url('gfx/bg_wrapMti.gif') repeat-x left 142px; }
	body.greentechinfo { background:#fff url('gfx/bg_wrapGti.gif') repeat-x left 142px; }
	body.login { background:#fff url('gfx/bg_wrapLogin.gif') repeat-x left 142px !important; }

/* GLOBAL */
a { color:#2a6083; text-decoration:underline; font-weight:bold; }
.greentechinfo a { color:#2f8437; text-decoration:underline; font-weight:bold; }
a:hover { text-decoration:underline; }
p { line-height:1.5em; margin-bottom:5px; }
.clear { clear: both; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
.warn { vertical-align: top; font-weight: bold; }

/* HEADERS */
.pageContent h1 { font-size:24px; font-weight:bold; margin-bottom:10px; }
.pageContent h2 { font-size:14px; font-weight:bold; margin-bottom:10px; }
.pageContent .contentPrimary h2 { margin-top:25px; }
.pageContent h3 { font-size:12px; font-weight:bold; }

/* FORM ELEMENTS */
input { font-size:12px; }
.inputText { background:url('gfx/gfx_inputLeft.gif') no-repeat center left; padding:2px 0 3px 1px; margin:0 5px 0 0; }
.inputText input { background:url('gfx/gfx_input.gif') no-repeat center right; border:0; padding:1px 0 0 3px; height:17px; }

.button { background:url('gfx/gfx_buttonOrangeRight.gif') no-repeat center right; padding:2px 3px 3px 0; height:16px; position:relative; overflow: visible; }
.button input { background:url('gfx/gfx_buttonOrange.gif') no-repeat center left; border:0; padding:2px 0 2px 3px; color:#fff; white-space:nowrap; font-weight:bold; cursor: pointer; font-size:11px; }
.button.grey { background:url('gfx/gfx_buttonGreyRight.gif') no-repeat center right; }
.button.grey input { background:url('gfx/gfx_buttonGrey.gif') no-repeat center left; }

a.button.big { background:url('gfx/gfx_buttonBigLeft.gif') no-repeat top left !important; padding:0 0 0 10px !important; color:#333333 !important; text-decoration:none; height:38px; display:block !important; cursor: pointer; }
a.button.big span { background:url('gfx/gfx_buttonBig.gif') no-repeat top right !important; border:0 none; font-size:18px; line-height:38px; padding:0 10px 0 0 !important; white-space:nowrap; display:block !important; text-align:center; }

.xForm { padding: 10px 0 10px 0; }
.xForm .heading { font-weight: bold; line-height: 20px;}
.xForm table td { padding: 6px 10px 0 0; min-width: 100px; }
.xForm table td span { float: right; }
.xForm table td span.fix { margin-top: 10px; }
.xForm table td label { width: 10em; float: left; text-align: right; margin-right: 0.5em; display: block; }
.xForm table td input[type=text] { margin: 0 3px 0 0; width: 200px; }
.xForm table td input[type=checkbox] { margin: 4px 2px 0 5px; }
.xForm table td input[type=submit] { margin-top: 5px; margin-right: 4px; padding: 2px 7px 2px 7px; background: #f8ac0d none; color: #ffffff; font-weight: bold; border: 0; }
.xForm table td input[type=radio] { margin: 0 2px 0 5px; padding: 0; background: #ffffff none; color: #ffffff; font-weight: normal; border: 0; }
.xForm table td textarea { width: 300px; height: 50px; }
.xForm table td fieldset { padding: 5px; -moz-border-radius: 8px; border-radius: 8px; float: left; max-width: 280px; margin-top: -8px; }
.xForm table td fieldset legend { padding:3px; margin:5px; padding-right: 5px; }
.xForm table td fieldset label { width: auto; float: none;  margin-right: 0.5em; display: inline; }

.xForm input.value { margin: 0 3px 0 5px; width: 200px; }
.xForm textarea.textbox { margin: 0 3px 0 5px; width: 250px; height: 60px; }
.xForm input.options { margin: 0 4px 0 0; }
.xForm input.button { float: left; margin-top: 5px; margin-right: 4px; width: auto; height: auto; padding: 2px 7px 2px 7px; background: #f8ac0d none; color: #ffffff; font-weight: bold; border: 0; cursor: pointer; }
.xForm .thankyoumessage { font-weight: bold; padding-top: 10px; }
.xformvalidationsummary { margin-top: 20px; font-weight: bold; font-size: 1.2em; }
.xForm table td span.xformvalidator { margin-left: 5px; color: Red; font-weight: bold; font-size: 1.2em; float: none; }


.registerQuestionForm input[type=submit] { margin-left: 90px; margin-top: 3px; padding: 2px 7px 2px 7px; background: #f8ac0d none; color: #ffffff; font-weight: bold; border: 0; }
.registerQuestionForm label { float: left; margin-right: 10px; width: 80px; text-align: right; }
.registerQuestionForm input[type=text] { margin: 0 3px 5px 0; width: 200px; }
.registerQuestionForm textarea { margin: 0 0 5px 0; width: 300px; height: 50px; }

/* EDITORIAL */
ul.withBullets li { background:transparent url('gfx/icon_bullet.gif') no-repeat scroll left top; padding:0 0 10px 35px; }
.pageContent .contentPrimary ul { padding:0 0 10px 20px; }
.pageContent .contentPrimary ul li { list-style-type:disc; list-style-position:inside; }
.introText { font-weight: bold; margin-bottom: 10px; }
.dateChanged { display: block; font-style: italic; margin-top: 20px; font-size: 10px; }

/* STRUCTURE */
.pageWrap { width:960px; margin:0 auto; }
	.pageHeader { overflow:hidden; height:102px; margin:0 0 17px; }
	.pageHeader	.headerLeft { float:left; margin:23px 0 0; }
		
		.medtechinfo .headerLeft .logo { background:url('gfx/logo_mti.gif') no-repeat; text-indent:-9999px; padding:3px 0; width:293px; height:79px; display:block; overflow:hidden; }
		.greentechinfo .headerLeft .logo { background:url('gfx/logo_gti.gif') no-repeat; text-indent:-9999px; padding:3px 0; width:293px; height:79px; display:block; overflow:hidden; }
	
	.pageHeader	.headerRight { float:right; position:relative; width:460px; }
	.pageHeader .headerRight .searchArea { bottom:0; left:0; position:absolute; }
	.pageHeader .headerRight .searchArea label { font-size:13px; font-weight:bold; display:block; margin-bottom:3px; }
	.pageHeader .headerRight .searchArea span.inputText input { width:148px; }
	
	.pageHeader	.headerRight .userArea { float:right; padding:10px 15px; width:212px; height:80px; }
	.pageHeader	.headerRight .userArea h1 { font-weight:bold; margin-bottom:10px; padding:0 0 0 30px; font-size:13px; color:#fff; line-height:22px; }
		
		.medtechinfo .pageHeader .headerRight .userArea { background:#0a7daa url('gfx/bg_userAreaMti.gif') no-repeat bottom left; }
		.medtechinfo .pageHeader .headerRight .userArea h1 { background:url('gfx/icon_userAreaMti.gif') no-repeat center left; }
			.medtechinfo .userArea span.inputText { background:url('gfx/gfx_inputBlueLeft.gif') no-repeat center left; margin-left:0px;  }
			.medtechinfo .userArea span.inputText input { background:url('gfx/gfx_inputBlue.gif') no-repeat center right; border:0; width:140px; }
		
		.greentechinfo .pageHeader	.headerRight .userArea { background:#2f8437 url('gfx/bg_userAreaGti.gif') no-repeat bottom left; }
		.greentechinfo .pageHeader	.headerRight .userArea h1 { background:url('gfx/icon_userAreaGti.gif') no-repeat center left; }
			.greentechinfo .userArea span.inputText { background:url('gfx/gfx_inputGreenLeft.gif') no-repeat center left; margin-left:0px;  }
			.greentechinfo .userArea span.inputText input { background:url('gfx/gfx_inputGreen.gif') no-repeat center right; border:0; width:140px; }


	.pageHeader	.headerRight .userArea p { color:#fff; }
	.pageHeader	.headerRight .userArea span.button { bottom:0; }
	.pageHeader	.headerRight .userArea span.button input {  }
	.pageHeader	.headerRight .userArea span.right { margin-left:10px; }
	
	.pageNav { overflow:hidden; margin-bottom:17px; }
	.pageNav ul { margin:0; padding:0; float:left; }
	.pageNav ul li { display:inline; font-size:13px; }
	.pageNav ul li a { color:#fff; background:url('gfx/nav_out.gif') no-repeat top left; padding:0 0 0 10px; height:30px; line-height:30px; padding:7px 0 7px 10px; text-decoration:none; }
	.pageNav ul li a span { padding:7px 10px 7px 0; background:url('gfx/nav_out.gif') no-repeat top right; }
	.pageNav ul li a.active {  }
		.medtechinfo .pageNav ul li a.active,
		.medtechinfo .pageNav ul li a:hover { background:url('gfx/nav_activeMti.gif') no-repeat top left; }
		.medtechinfo .pageNav ul li a.active span,
		.medtechinfo .pageNav ul li a:hover span { background:url('gfx/nav_activeMti.gif') no-repeat top right; }
		
		.greentechinfo .pageNav ul li a.active,
		.greentechinfo .pageNav ul li a:hover { background:url('gfx/nav_activeGti.gif') no-repeat top left; }
		.greentechinfo .pageNav ul li a.active span,
		.greentechinfo .pageNav ul li a:hover span { background:url('gfx/nav_activeGti.gif') no-repeat top right; }

		.login .pageNav ul li a.active,
		.login .pageNav ul li a:hover { background:url('gfx/nav_activeLogin.gif') no-repeat top left; }
		.login .pageNav ul li a.active span,
		.login .pageNav ul li a:hover span { background:url('gfx/nav_activeLogin.gif') no-repeat top right; }
	
	
	.pageContent { padding:20px 0; overflow:hidden; clear:both; }
	
	/* Box */
	.pageContent .boxArea { overflow:hidden; background:#fff url('gfx/bg_boxArea.gif') no-repeat left bottom; }
	.pageContent .boxArea .box { float:left; border:1px solid #c0c1c3; border-bottom:none; padding:15px; width:190px; margin:0 24px 0 0; }
	.pageContent .boxArea .box.double { width:435px; }
	.pageContent .boxArea .box.double .boxLeft { float:left; width:250px; }
	.pageContent .boxArea .box.double .boxRight { float:right; width:158px; }
	.pageContent .boxArea .box.last { margin-right:0; }
	.pageContent .boxArea .box .headerGroup { overflow:hidden; }
	.pageContent .boxArea .box .headerGroup h2 { float:left; width:145px; }
	.pageContent .boxArea .box .headerGroup img { float:right; }
	.pageContent .boxArea .box img { display:block; margin:5px 0; }
	
	/* Subnav */
	.pageContent .contentNav { width:190px; padding:0 10px 0 0; float:left; }
	.pageContent .contentNav ul {  }
	.pageContent .contentNav ul li { padding:0 0 0 15px; margin-bottom:10px; }
		.medtechinfo .pageContent .contentNav ul li { background:transparent url('gfx/icon_subnavMti.gif') no-repeat scroll left 3px; }
		.greentechinfo .pageContent .contentNav ul li { background:transparent url('gfx/icon_subnavGti.gif') no-repeat scroll left 3px; }
	.pageContent .contentNav ul li a { text-decoration:none; font-weight:normal; font-size:13px; }
	.pageContent .contentNav ul li a:hover { text-decoration:underline; }
	.pageContent .contentNav ul li a.active { font-weight:bold; }
	.pageContent .contentNav ul li ul { padding:5px 0 0 0; } 
	.pageContent .contentNav ul li ul li { margin-bottom:5px; }
	.pageContent .contentNav ul li ul li a { font-size:12px; } 
	
	/* Primary content */
	.pageContent .contentPrimary { width:500px; padding:0 35px 30px; float:left;display:block; }
		.medtechinfo .pageContent .contentPrimary { border-left:4px solid #0a7daa; }
		.greentechinfo .pageContent .contentPrimary { border-left:4px solid #2f8437; }
		.login .pageContent .contentPrimary { border-left:4px solid #dc9503; }
	.pageContent .contentPrimary .pdf { background: #ffffff url('gfx/icon_filePdf.gif') no-repeat scroll left top; padding:0 0 0 20px; text-decoration: none; }

	/* Secondary content */
	.pageContent .contentSecondary { width:185px; float:left; clear:right; }	
	.pageContent .contentSecondary .boxArea .box { width:153px; float:left; margin:0 0 20px 0; }
	.pageContent .contentSecondary .boxArea .box.img { border:0; padding:0; width:185px; }
	.pageContent .contentSecondary .boxArea .box.img img { margin:0; padding:0; }
	.pageContent .contentSecondary .boxArea .box .headerGroup h2 { float:left; width:105px; }
	
    /* Calendar page */
	.pageContent .calendarArea { width:680px; }
	.calendarArea .contentAreaHalfLeft { float: left; overflow: hidden; width: 370px; }
	.calendarArea .contentAreaHalfRight { float: left; width: 300px; }
	.calendarArea .container { padding: 3px 0; margin-bottom: 15px; }
    .calendarArea .container .containerContent { border: 1px solid #dcdcdc; padding: 10px; background-color: White; }
    .calendar { width: 100%; border-color: #e3e3e3; font-family: Verdana, Helvetica, Sans-Serif; }
    .calendar .title { border-bottom: 1px solid #e3e3e3; }
    .calendar table, .calendar table td, .calendar .title td { padding-bottom: 3px; border: 0; }
    .calendar th { padding: 3px; text-align: center; }
    .calendar td { text-align: center; border: 1px solid #eeeeee; padding: 2px; }
    .calendar .selector { font-weight: bold; border-top-width: 0; border-bottom: 1px solid #000000; }
    .calendar a { padding: 3px; text-decoration: none; }
    .calendar .today { font-weight: bold; background-color: #dddddd; }
    .calendarListEventItem { width: 100%; overflow:hidden; margin-top: 15px; }
    .medtechinfo .pageContent .calendarArea .calendar td.highlighted { background-color: #0a7daa; }
    .greentechinfo .pageContent .calendarArea .calendar td.highlighted { background-color: #2f8437; }

	
	/* Start page */
	.pageContent .startArea { overflow:hidden; height:240px; margin-bottom:20px; }
		.medtechinfo .pageContent .startArea { border-bottom:4px solid #0a7daa; }
		.greentechinfo .pageContent .startArea { border-bottom:4px solid #2f8437; }

	.pageContent .startArea .startAreaImg { float:left; }
	.pageContent .startArea .startAreaIntro { float:left; width:265px; height:210px; padding:15px; }
		.medtechinfo .pageContent .startArea .startAreaIntro { background:#e9f6fa; }
		.greentechinfo .pageContent .startArea .startAreaIntro { background:#d3e5d5; }
	.pageContent .startArea .startAreaNews { float:right; width:195px; height:212px; padding:10px; overflow: auto; }
		.medtechinfo .pageContent .startArea .startAreaNews { border:4px solid #e9f6fa; }
		.greentechinfo .pageContent .startArea .startAreaNews { border:4px solid #d3e5d5; }
	
	.pageContent .newsItem { margin-bottom:15px; }
	
	.pageFooter { border-top:4px solid #c0c1c3; padding-bottom:40px; overflow:hidden; width:100%; }
	.pageFooter .intertek { overflow:hidden; float:left; padding:15px 20px; }
	.pageFooter .intertek a { background:url('gfx/logo_intertek.gif') no-repeat top left; display:block; width:68px; overflow:hidden; height:32px; text-indent:-9999px; }
	.pageFooter .copyright { float:left; padding:15px; }
	.pageFooter .copyright span { display:block; line-height:1.4em; }
	.pageFooter .links { border-left:1px solid #C0C1C3; display:block; float:right; line-height:2em; padding:13px 70px 13px 25px; }
	.pageFooter .links a { display:block; padding:0 0 0 23px; text-decoration:none; }
	.pageFooter .links a:hover { text-decoration:underline; }
	.pageFooter .links a.sitemap { background:url('gfx/icon_sitemap.gif') no-repeat center left; }
	.pageFooter .links a.exclamation { background:url('gfx/icon_exclamation.gif') no-repeat center left; }
	.pageFooter .links a.contact { background:url('gfx/icon_letter.gif') no-repeat center left; }

	/* Search results page */
	.pageContent .contentPrimary .searchResultsArea ol li { padding-bottom: 10px; }
	
	/* Sitemap page */
	.pageContent .contentPrimary.sitemap ul { padding: 1px 0 2px 15px; }
	.pageContent .contentPrimary.sitemap ul li a { font-weight: normal; text-decoration: none; }
	
		
/* PORTAL */
	.portal .portalWrap { width:892px; margin:0 auto; padding:50px 0 0; }
	.portal .portalContent .contentHeader { background:url('gfx/bg_portalHeader.gif') no-repeat; display:block; height:32px; }
	.portal .portalContent .contentColumns { background:url('gfx/bg_portalColumns.gif') repeat-y; padding:10px 25px; overflow:hidden; }
	.portal .portalContent .contentColumns .contentColumn { float:left; width:400px; margin:10px; }
	.portal .portalContent .contentColumns .contentColumn .columnHeader { margin-bottom:10px; }
		.portal .portalContent .contentColumns .contentColumn.mti .columnHeader .logo { background:url('gfx/logo_mti.gif') no-repeat top; text-indent:-9999px; padding:3px 0; width:293px; margin:0 0 0 30px; height:79px; display:block; overflow:hidden; }
		.portal .portalContent .contentColumns .contentColumn.gti .columnHeader .logo { background:url('gfx/logo_gti.gif') no-repeat top; text-indent:-9999px; padding:3px 0; width:293px; margin:0 0 0 30px; height:79px; display:block; overflow:hidden; }
	.portal .portalContent .contentColumns .contentColumn .columnContent { padding:30px 20px; }
		.portal .portalContent .contentColumns .contentColumn.mti .columnContent { background:#e9f6fa url('gfx/bg_portalMti.gif') repeat-x top left; }
		.portal .portalContent .contentColumns .contentColumn.gti .columnContent { background:#edf6ed url('gfx/bg_portalGti.gif') repeat-x top left; }
	.portal .portalContent .contentColumns .contentColumn .columnContent h1 { font-size:24px; font-weight:bold; margin-bottom:10px; }
	.portal .portalContent .contentColumns .contentColumn .columnContent a.enter { text-indent:-9999px; padding:3px 0; width:204px; height:50px; display:block; overflow:hidden; margin:20px auto 0 auto;  }
		.portal .portalContent .contentColumns .contentColumn.mti .columnContent a.enter { background:#edf6ed url('gfx/gfx_portalButtonMti.png') repeat-x top left; }
		.portal .portalContent .contentColumns .contentColumn.gti .columnContent a.enter { background:#edf6ed url('gfx/gfx_portalButtonGti_2.png') repeat-x top left; }
	.portal .portalContent .contentFooter { background:url('gfx/bg_portalFooter.gif') no-repeat; display:block; height:32px; }


	.portal .portalFooter { text-align:center; clear:both; border-top:4px solid #c0c1c3; margin:30px 15px; }
	.portal .portalFooter .intertek a { background:url('gfx/logo_intertek.gif') no-repeat top left; display:block; margin:15px auto;width:68px; overflow:hidden; height:32px; text-indent:-9999px; }
	.portal .portalFooter span { display:block; }