/*

	ICTC main stylesheet
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	background: #ffffff url('../images/wrapper/body-bg.jpg') 0 0 repeat-x;
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
	height: 100%;
}

table tr td {
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', arial, verdana, sans-serif;
	font-size: 13px;
	vertical-align: top;
}

img, a img {
	border: 0;
}

.clearit:after { 
    content: "."; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}

.clearit { 
    min-height: 0; 
    height: 0; 
}

html>body .clearit { 
    height: auto; 
}

.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

/* =Branding
--------------------------------------------------------------------------------------------------- */
#branding {
	min-height: 141px;
	height: auto !important;
	height: 141px;
	position: relative;
}

#branding #logo {
	display: block;
	float: left;
	margin-bottom: 19px;
	padding: 16px 0 0 36px;
}

#branding #tools {
	background: url('../images/wrapper/tools-bg.gif') 90% 0 no-repeat;
	float: right;
	width: 510px; 
	height: 87px;
	margin: 31px 0 0 0;
	padding: 12px 12px 0 0;
}

#branding #tools ul {
	float: right;
	padding: 0 25px 12px 0;
}

#branding #tools ul li {
	display: inline;
	font-size: 11px;
	color: #c5c5c5;
}

#branding #tools li a {
	color: #d21141;
	font-size: 11px;
	text-decoration: none;
	padding: 0 3px 0 3px;
}

#branding #tools ul li a:hover {
	text-decoration: underline;
}

#branding #tools ul li a.last {
	border-right: 0;
}

#branding #search-form {
	font-size: 11px;
	padding: 5px 0 0 10px;
}

#branding #search-form ul li {
	display: block;
	float: left;
	color: #000000;
}

#branding #search-form form .txtSearch {
	background: #ffffff;
	width: 205px;
	height: 23px;
	padding: 4px 0 0 3px;
	/* border-top: 1px solid #d6d6d6; */
	border-top: 1px solid black;
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}

#branding #search-form li.search-label {
	font-size: 11px;
	padding: 6px 6px 0 10px;
}	

#branding #search-form form .btn-submit {
	background: none;
	border: 0;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	padding: 6px 0 0 5px;
	cursor: pointer;
}

/* =Layout Homepage
---------------------------------------------------------------------------------------------------- */

#outerContainer { width:750px; height:100px; margin:auto; position:relative; }
#imageScroller { width:725px; height:100px; position:relative;}
#viewer { width:715px; height:100px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; padding-right:75px; }
#controls { width:534px; height:47px; background:url(images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }


#home #left-column {
	float: left;
	width: 660px;
}

#home #right-column {
	float: right;
	width: 281px;
}

#home #main-feature {
	width: 956px;
	float: left;
	height: 286px;
	margin: 10px 0 13px 0;
}

#home #main-feature:after
{
     clear: both; 
}

/* Default */
#home #main-feature #default {
/*	/*background: url('../images/feature-bg_01.jpg') 0 0 no-repeat; */ 
	float: left;
	width: 682px;
	min-height:286px;
	height: 286px;
}

/* f1 */
#home #main-feature #f1 {
/*	background: url('../images/feature-bg_01.jpg') 0 0 no-repeat; */
	float: left;
	width: 682px;
	height: 286px;
}

/* f2 */
#home #main-feature #f2 {
/*	background: url('../images/feature-bg_01.jpg') 0 0 no-repeat; */
	float: left;
	width: 682px;
	height: 286px;
}

/* f3 */
#home #main-feature #f3 {
/*	background: url('../images/feature-bg_01.jpg') 0 0 no-repeat; */
	float: left;
	width: 682px;
	height: 286px;
}

/* f4 */
#home #main-feature #f4 {
/*	background: url('../images/feature-bg_01.jpg') 0 0 no-repeat; */
	float: left;
	width: 682px;
	height: 286px;
}

/* f5 */
#home #main-feature #f5 {
/*	background: url('../images/feature-bg_01.jpg') 0 0 no-repeat; */
	float: left;
	width: 682px;
	height: 286px;
}

#home #main-feature .feature-content {
	width: 310px;
	padding: 20px 0 0 25px;
}

#home #main-feature .feature-content h1 {
	background: url('../images/wrapper/main-feature-hdr-bg.gif') 0 100% no-repeat;
	font-size: 17px;
	font-weight: normal;
	color: #000000;
	line-height: 19px;
	margin: 0 !important;
	padding: 0 0 16px 0;
}

#home #main-feature .feature-content p {
	line-height: 19px;
	margin: 12px 0 14px 0 !important;
	padding-right: 25px;
}

#home #main-feature #main-feature-nav {
	float: right;
	width: 274px;
} 

#home #main-feature #main-feature-nav li {
	display: inline;
}

#home #main-feature #main-feature-nav li a {
	display: block;
	width: 274px;	
	text-decoration: none;
}

#home #main-feature #main-feature-nav li a span {
	visibility: hidden;
}

#home #main-feature #main-feature-nav li #standards {
	background: url('../images/feature-menu-standards.gif') 0 0 no-repeat;
	height: 57px;
}

#home #main-feature #main-feature-nav li #standards:hover,
#home #main-feature #main-feature-nav li.active #standards {
	background-position: 0 -57px !important;
}

#home #main-feature #main-feature-nav li #labour {
	background: url('../images/feature-menu-labour.gif') 0 0 no-repeat;
	height: 56px;
}

#home #main-feature #main-feature-nav li #labour:hover,
#home #main-feature #main-feature-nav li.active #labour {
	background-position: 0 -56px !important;
}

#home #main-feature #main-feature-nav li #pathways {
	background: url('../images/feature-menu-career.gif') 0 0 no-repeat;
	height: 56px;
}

#home #main-feature #main-feature-nav li #pathways:hover,
#home #main-feature #main-feature-nav li.active #pathways {
	background-position: 0 -56px !important;
}

#home #main-feature #main-feature-nav li #immigration {
	background: url('../images/feature-menu-immigration.gif') 0 0 no-repeat;
	height: 56px;
}

#home #main-feature #main-feature-nav li #immigration:hover,
#home #main-feature #main-feature-nav li.active #immigration {
	background-position: 0 -56px !important;
}

#home #main-feature #main-feature-nav li #partnership {
	background: url('../images/feature-menu-partnership.gif') 0 0 no-repeat;
	height: 61px;
}

#home #main-feature #main-feature-nav li #partnership:hover,
#home #main-feature #main-feature-nav li.active #partnership {
	background-position: 0 -61px !important;
}

/* News */
#home .news-block {
	background: url('../images/wrapper/news-block-bg.gif') 0 0 repeat-y;
	float: left;
	width: 379px;
}

#home .news-block h3 {
	background: url('../images/wrapper/news-block-hdr-bg.jpg') 0 0 no-repeat;
	height: 30px;
	padding: 14px 0 0 19px;
}

#home .news-block .news-block-items {
	background: url('../images/wrapper/news-block-btm.gif') 0 100% no-repeat;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	padding: 5px 19px 16px 19px;
}

#home .news-block .news-block-items ul li {
	background: url('../images/wrapper/news-block-divider.gif') 0 100% no-repeat;
	padding-bottom: 2px;
}

#home .news-block .news-block-items ul li.last {
	background: none;
	padding-bottom: 0;
}

#home .news-block .news-block-items ul li p {
	margin: 0 0 10px 0 !important;
}

#home .news-block .news-block-items ul li .date {
	font-size: 11px;
	margin: 0 !important;
	line-height: 16px;
	display: block;
	padding-top: 10px;
}

#home .news-block .news-block-items .newsletter-img {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}

/* Events */
#home .event-block {
	background: url('../images/wrapper/callout-block-bg.gif') 0 0 repeat-y;
	float: left;
	width: 274px;
	min-height: 215px;
	height: auto !important;
	height: 215px;
	border-left: 14px solid #fff;
	border-right: 14px solid #fff;
}

#home .event-block h3 {
	background: url('../images/wrapper/callout-block-hdr-bg.jpg') 0 0 no-repeat;
	height: 30px;
	padding: 14px 0 0 19px;
}

#home .event-block .event-block-items {
	background: url('../images/wrapper/callout-block-btm.gif') 0 100% no-repeat;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	padding: 16px 19px 3px 19px;
}

#home .event-block .event-block-items p {
	margin: 0 0 15px 0;
}

#home .event-block .event-block-items .event-img {
	display: block;
	float: right;
	margin: 0 0 10px 10px;
}

/* Members */
#home .members-block {
	background: url('../images/wrapper/callout-block-bg.gif') 0 0 repeat-y;
	float: left;
	width: 274px;
}

#home .members-block h3 {
	background: url('../images/wrapper/callout-block-hdr-bg.jpg') 0 0 no-repeat;
	height: 30px;
	padding: 14px 0 0 19px;
}

#home .members-block .members-block-inner {
	background: url('../images/wrapper/callout-block-btm.gif') 0 100% no-repeat;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	padding: 16px 19px 3px 19px;
}

#home .members-block .members-block-inner p {
	margin: 0 0 14px 0;
}

#home .members-block .members-block-inner .login-form li {
	padding: 0 0 8px 0;
}

#home .members-block .members-block-inner .login-form li.login-btn {
	text-align: right;
}

#home .members-block .members-block-inner a.join {
	background: url('../images/wrapper/join-link-arrow.gif') 100% 0 no-repeat;
	padding-right: 22px;
}

/* Logo feature */
#home #logo-feature {
	background: url('../images/wrapper/logo-feature-bg.gif') 0 0 no-repeat;
	width: 956px; 
	height: 99px;
	margin-top: 14px;
	clear: both;
}

#home #logo-feature ul {
	padding: 20px 0 0 25px;
}

#home #logo-feature ul li {
	float: left;
	padding-right: 50px;
}

#home #logo-feature ul li.last {
	padding-right: 0;
}

/* =Layout
---------------------------------------------------------------------------------------------------- */
#wrapper-outer-100 {
	background: url('../images/wrapper/wrapper-inner-bg.jpg') 50% 0 repeat-y;
	width: 100%;
}

#wrapper-100 {
	background: url('../images/wrapper/wrapper-100-bg.jpg') 50% 0 no-repeat;
	width: 100%;
	min-height: 730px;
	height: auto !important;
	height: 730px;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
}

#main-content {
	clear: both;
	padding: 0 12px 0 12px;
}

#main-content #left-column {
	float: left;
	width: 242px;
	padding-top: 11px;
}	

#main-content #right-column {
	float: left;
	width: 710px;
	padding-top: 28px;
}	

#main-content  #text-content {
	padding: 0;
} 

#main-content  #text-content #page-banner {
	margin: 0 0 12px 0;
}

#main-content  #text-content #page-banner img {
	display: block;
}

/* =Highlights (left column) */
#left-column .highlights {
	background: url('../images/wrapper/left-nav-bg.gif') 0 0 repeat-y;
	width: 217px;
	font-size: 12px;
}

#left-column .highlights h3 {
	background: url('../images/wrapper/highlights-hdr-bg.jpg') 0 0 no-repeat;
	height: 31px;
	padding: 14px 0 0 19px;
}

#left-column .highlights ul {
	background: url('../images/wrapper/left-nav-btm.gif') 0 100% no-repeat;
	padding: 8px 10px 25px 19px;
}

#left-column .highlights ul li {
	padding: 3px 0 15px 0;
}

#left-column .highlights ul li .date {
	display: block;
	font-size: 11px;
}

#left-column .highlights a
{
	outline: none;
	color: #d21242 !important;
	font-family: "Lucida Sans Unicode", 'Trebuchet MS', arial, verdana, sans-serif,Geneva,Helvetica;
	text-decoration: underline;
	font-size: 13px;
	background-color: #FFFFFF;
}

#left-column div.highlights td.content
{
    padding:0 0 0 0;
}

#left-column .highlights a:visited
{
	outline: none;
	color: #d21242 !important;
}

#left-column .highlights a:focus {
	outline: none;
	color: #d21242 !important;
}

#left-column .highlights a:hover
{
	color: #333333 !important;
	font-size: 13px;
	background-color: #FFFFFF;
}


/* =Left nav 
---------------------------------------------------------------------------------------------------- */
#left-nav {
	background: url('../images/wrapper/left-nav-bg.gif') 0 0 repeat-y;
	width: 217px;
	margin-bottom: 15px;
}

#left-nav h1
{
	background: url(  '../images/wrapper/left-nav-hdr-bg.jpg' ) 0 0 no-repeat;
	height: 53px;
	font-size: 16px;
	color: #000000;
	padding: 15px 0 0 19px;
}

#left-nav ul#nav {
	background: url('../images/wrapper/left-nav-btm.gif') 0 100% no-repeat;
	padding: 0 0 25px 0;
}

#left-nav ul#nav li {
	background: url('../images/wrapper/left-nav-item-divider.gif') 50% 100% no-repeat;
	padding: 5px 0 7px 0;
}

#left-nav ul#nav li a {
	display: block;
	color: #d21242;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 10px 0 19px;
}

#left-nav ul#nav li a.plus {
	background: url('../images/wrapper/plus.gif') 92% 0 no-repeat;
}

#left-nav ul#nav li a.minus {
	background: url('../images/wrapper/minus.gif') 92% 0 no-repeat;
}

#left-nav ul#nav li a span {
	padding-right: 30px;
}

#left-nav ul#nav li a:hover {
	color: #000000
}

#left-nav ul#nav li a.active {
	color: #ee3224;
	font-weight: bold;
}

#left-nav ul#nav li ul.sub-nav {
	padding: 5px 0 8px 0;
	display: none;
}

#left-nav ul#nav li ul.sub-nav li {
	display: block;
	background: none;
	padding: 0 0 0 15px;
}

#left-nav ul#nav li ul.sub-nav li a {
	display: inline;
	padding: 0 10px 0 10px !important;
	color: #252525;
	text-transform: none;
}

#left-nav ul#nav li ul.sub-nav li a:hover {
	text-decoration: underline;
	text-transform: none;
}

/* =Right Column
---------------------------------------------------------------------------------------------------- */
#main-content #right-column a
{
	outline: none;
	color: #d21242 !important;
}

#main-content #right-column a:visited
{
	outline: none;
	color: #d21242 !important;
}

#main-content #right-column a:focus {
	outline: none;
	color: #d21242 !important;
}

#main-content #right-column a:selected
{
	color: #333333 !important;
}

#main-content #right-column a:hover
{
	color: #333333 !important;
}

/* =Breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	font-size: 11px;
	clear: both;
	margin: 0 !important;
	padding: 0 0 20px 0;
}

/* =Footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url('../images/wrapper/footer-top.gif') 0 0 no-repeat;
	clear: both;
	width: 956px;
	margin: 0 auto;
	margin-top: 15px;
	padding: 25px 0 25px 0;
}

#footer p.copy {
	float: left;
	color: #010000;
	font-size: 11px;
	padding-left: 24px;
}

#footer p.footer-links {
	float: right;
	color: #727272;
	font-size: 11px;
	padding-right: 24px;
}

#footer p.footer-links a {
	color: #727272;
}

#footer p.footer-links a:hover {
	color: #d21141;
}

/* =Links
---------------------------------------------------------------------------------------------------- */
a
{
	outline: none;
	color: #d21242 !important;
}

a:visited
{
	outline: none;
	color: #d21242 !important;
}

a:focus {
	outline: none;
	color: #d21242;
}

a:hover
{
	color: #333333;
}

.pdf {
	background: url('../images/wrapper/icon-pdf.gif') 0 0 no-repeat;
	line-height: 18px;
	padding-left: 24px;	
}

/* =lists
--------------------------------------------------------------------------------------------------- */
#main-content #text-content ul {
	margin: -6px 0 12px 12px;
	padding: 0 0 0 12px;
}

#main-content #text-content ul li {
	background: url('../images/wrapper/list-bullet.gif') 0 8px no-repeat;
	list-style: none;
	line-height: 18px;
	padding-bottom: 3px;
	padding-left: 10px;
}

/* =Typography
---------------------------------------------------------------------------------------------------- */
#main-content p {
	line-height: 18px;
}

#main-content #text-content p {
	line-height: 18px;
	margin: 0 0 18px 0;
}

#main-content #text-content h1 {
	color: #d21242;
	font-size: 18px;
	font-weight: normal;	
	margin: 0 0 10px 0;
}

#main-content #text-content h2 {
	color: #000000;
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 14px 0;
}

#main-content #text-content h3 {
	font-size: 16px;
	color: #000000;
	margin: 0 0 10px 0;
}

/* =Forms
---------------------------------------------------------------------------------------------------- */
.members-block form .login-field {
	background: #ffffff;
	height: 24px;
	width: 230px;
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	padding: 4px 0 0 3px;
}

/* =Main navigation - CSS dropdown menus
---------------------------------------------------------------------------------------------------- */   
#main-nav {
	background: url('../images/wrapper/main-sub-nav-bg.jpg') 0 100% no-repeat;
	clear: both;
	width: 956px;
	min-height: 69px;
	height: auto !important;
	height: 69px;
	margin: 0 auto;
}

/* --- Begin general look/skin --- */
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
}

.sf-menu {
	float: left;
}

.sf-menu a {
	text-decoration: none;
}

/* Essential Styles */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu ul {
	position: absolute;
	top: -999em;
	width: 10em; /* Left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width: 100%;
}

.sf-menu li:hover {
	visibility: inherit; /* Fixes IE7 'sticky bug' */
}

.sf-menu li {
	float: left;
	position: relative;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 2.5em; /* Match top ul list item height */
	z-index: 99;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 10em; /* Match ul width */
	top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 200px; /* Match ul width */
	top: 0;
}

ul.sf-menu li li.top-members-menu li:hover ul,
ul.sf-menu li li.top-members-menu li.sfHover ul 
{
    left: -265px; /* Match ul width */
	top: 0;
}


/**** Begin arrow styles (use if needed) *****/
.sf-menu a.sf-with-ul {
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: 1.05em; /* IE6 only */
	width: 10px;
	height:	10px;
	text-indent: -999em;
	overflow: hidden;
	/* background:	url('') no-repeat -10px -100px; */
}

a > .sf-sub-indicator {  /* Give all except IE6 the correct values */
	top: .8em;
	background-position: 0 -100px; /* Use translucent arrow for modern browsers*/
}

/* Apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* Arrow hovers for modern browsers*/
}

/* Point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* Apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* Arrow hovers for modern browsers*/
}
/**** End arrow styles *****/

/* Main menu item styles */
#menu li a.standards {
	background: url('../images/main-menu-standards.jpg') 0 0 no-repeat;
	width: 107px;
	height: 34px;
}

#menu li a.labor {
	background: url('../images/main-menu-labor.jpg') 0 0 no-repeat;
	width: 212px;
	height: 34px;
}

#menu li a.career {
	background: url('../images/main-menu-career.jpg') 0 0 no-repeat;
	width: 150px;
	height: 34px;
}

#menu li a.immigration {
	background: url('../images/main-menu-immigration.jpg') 0 0 no-repeat;
	width: 181px;
	height: 34px;
}

#menu li a.partnership {
	background: url('../images/main-menu-partnership.jpg') 0 0 no-repeat;
	width: 116px;
	height: 34px;
}

#menu li a.resource {
	background: url('../images/main-menu-resource-tool.jpg') 0 0 no-repeat;
	width: 190px;
	height: 34px;
}

#menu li a.standards:hover,
#menu li a.labor:hover,
#menu li a.career:hover,
#menu li a.immigration:hover,
#menu li a.partnership:hover,
#menu li a.resource:hover {
	background-position: 0 -34px !important;
}

#menu li.sfHover a, #menu li a.active {
	background-position: 0 -34px;
}

#menu a.main-item span {
	visibility: hidden;
}

/* Horizontal navbar */
.sf-navbar {
	position: relative;
	clear: both;
}

.sf-navbar li {
	position: static;
}

.sf-navbar ul li {
	width: auto;
	float: left;
}

.sf-navbar li ul li.top-members-menu 
{
    float: right;
}

.sf-navbar li ul {
	width: 933px; /* Need width for IE6 */
	padding-left: 23px;
}

.sf-navbar li ul li {
	position: relative;
}

.sf-navbar li ul li a {
	color: #5d5d5d !important;
	margin-right: 30px;
	padding: 8px 0 10px 0;
}

/* Used my own arrow - applied t0 horizontal nav items with vertical sub nav */
.sf-navbar li ul li a.sf-with-ul, .sf-navbar li ul li a.sf-with-ul:hover {
	background: url('../images/wrapper/menu-down-arrow.gif') 100% 15px no-repeat !important;
	padding-right: 13px;
}

/* Vertical sub nav */
.sf-navbar li ul li ul 
{
	min-width: 225px;
	width: auto !important;
	width: 225px;
	padding: 0;
/*	border-left: 1px solid #9a9a9c;
	border-right: 1px solid #9a9a9c; */
}

.sf-navbar li ul li ul li {
	background:	#ffffff;
	/* min-width: 225px;*/
	width: auto !important; 
	width: 225px;
/* 	float: none; 
	border-bottom: 1px solid #9a9a9c; */
}

.sf-navbar
{
    z-index: 1;
}

.sf-navbar li ul li ul li a {
	color: #d21141 !important;
	min-width: 225px;
	/* width: auto !important; */
	width: 225px;
	margin-right: 0;
	padding: 8px 19px 8px 19px !important;
	display: block;
	float: none;
}

.sf-navbar li ul li ul li a:hover {
	background: #eeeeee;
}

.sf-navbar li.current, .sf-navbar li.current a {
	color: #000;
}

/* Essetial styles - Do Not Modify - */
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background-position: 0 -34px !important; 
}

ul.sf-navbar li ul li a:focus,
ul.sf-navbar li ul li a:hover,
ul.sf-navbar li ul li a:active,
ul.sf-navbar li ul li.sfHover a {
	color: #000000;
}

ul.sf-navbar li ul li ul li:hover,
ul.sf-navbar li ul li ul li.sfHover,
ul.sf-navbar li ul li ul li.sfHover a,
ul.sf-navbar li ul li.current ul li.current,
ul.sf-navbar ul li li a:focus, 
ul.sf-navbar ul li li a:hover, 
ul.sf-navbar ul li li a:active {
	background: #eeeeee;
	color: #000000;
}

ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left: 0;
	top: 2.5em; /* Match top ul list item height */
}

ul.sf-navbar .current ul ul {
	top: -999em;
}

.sf-navbar li li.current > a {
	font-weight: normal !important;
}

/*** Point all arrows down ***/
/* Point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { 
	background-position: -10px -100px; 
}

.sf-navbar ul a > .sf-sub-indicator { 
	background-position: 0 -100px; 
}

/* Apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
/* background-position: -10px -100px; /* Arrow hovers for modern browsers */
}

input.text-area
{
    border: solid 1px silver !important;
    background-color:#FFFFFF;
    font-size: 10pt;
    font-weight:normal;
}

#main-content #text-content table.show_design_border tr td textarea, #main-content #text-content textarea
{
    border: solid 1px silver !important;
    width: 400px;
    height: 100px;
}

#main-content #text-content table.show_design_border tr td #email
{
    border: solid 1px silver !important; 
}

#main-content #text-content table.show_design_border tr td #full_name
{
    border: solid 1px silver !important;
}

#main-content #text-content input, #main-content #text-content select
{
    border: solid 1px silver !important;
}

#main-content #text-content ul.contentfont
{
    margin-top: 4px;
}

#text-content #tnCol1
{
    min-width:50%;
    width:50%;
    float:left;
}

#text-content #tnCol2
{
    min-width:49%;
    width:49%;
    float:left;
    margin-left: 1%;
}

#text-content #tnCol1 div, #text-content #tnCol2 div
{
    margin-bottom:15px;
}

#menu li a.inbox {
	background: url('/en/images/main-menu-inbox.jpg') 0 0 no-repeat;
	width: 120px;
	height: 34px;
}

#menu li a.inbox:hover
{
    background: url('/en/images/main-menu-inbox-on.jpg') 0 0 no-repeat;
    background-position: 0 0 !important;
}

#menu li a.colleagues {
	background: url('/en/images/main-menu-colleagues.jpg') 0 0 no-repeat;
	width: 158px;
	height: 34px;
}

#menu li a.colleagues:hover
{
    background: url('/en/images/main-menu-colleagues-on.jpg') 0 0 no-repeat;
    background-position: 0 0 !important;
}

#menu li a.discussionBoard {
	background: url('/en/images/main-menu-discussion-board.jpg') 0 0 no-repeat;
	width: 175px;
	height: 34px;
}

#menu li a.discussionBoard:hover
{
    background: url('/en/images/main-menu-discussion-board-on.jpg') 0 0 no-repeat;
    background-position: 0 0 !important;
}

#menu li a.groups {
	background: url('/en/images/main-menu-groups.jpg') 0 0 no-repeat;
	width: 120px;
	height: 34px;
}

#menu li a.groups:hover
{
    background: url('/en/images/main-menu-groups-on.jpg') 0 0 no-repeat;
    background-position: 0 0 !important;
}

#menu li a.events {
	background: url('/en/images/main-menu-events.jpg') 0 0 no-repeat;
	width: 120px;
	height: 34px;
}

#menu li a.events:hover
{
    background: url('/en/images/main-menu-events-on.jpg') 0 0 no-repeat;
    background-position: 0 0 !important;
}

#menu li a.techBlog {
	background: url('/en/images/main-menu-tech-blog.jpg') 0 0 no-repeat;
	width: 152px;
	height: 34px;
}

#menu li a.techBlog:hover
{
    background: url('/en/images/main-menu-tech-blog-on.jpg') 0 0 no-repeat;
    background-position: 0 0 !important;
}

#menu li a.wiki {
	background: url('/en/images/main-menu-wiki.jpg') 0 0 no-repeat;
	width: 111px;
	height: 34px;
}
#menu li a.wiki:hover
{
    background: url('/en/images/main-menu-wiki-on.jpg') 0 0 no-repeat;
    background-position: 0 0 !important;
}


div.tn-friends span table.ekFriendsOuterTable
{   
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
    width:100%;
    background-color: #FFFFFF;
    
}

div.tn-friends span table.ekFriendsOuterTable td.ekFriendsHeaderSpan
{
    min-height:30px;
    height:30px;
    color: #D21242;
    font-size: 18px;
    font-weight: normal;
}

div.tn-favorites span table.ekFavoritesOuterTable
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
    width:100%;
    background-color: #FFFFFF;
    height:30px;
}

div.tn-favorites span table.ekFavoritesOuterTable td.ekFavoritesHeaderSpan
{
    min-height:30px;
    height:30px;
    color: #D21242;
    font-size: 18px;
    font-weight: normal;
}

div.tn-invite #ctl00_ContentPlaceHolder1_m1
{
    width:100%;
}

div.tn-invite #ctl00_ContentPlaceHolder1_m1 div.EktInviteCtl
{
    border: 1px solid #EBEBEB;
}

div.tn-invite #ctl00_ContentPlaceHolder1_m1 div.EktInviteCtl h2.EktInviteCtl_HeaderBar
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    min-height:30px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding-left:0.5em;
}

div.tn-invite #ctl00_ContentPlaceHolder1_m1 #ctl00_ContentPlaceHolder1_m1_inviteSendBtn
{
    border: 1px solid black;
}
div.tn-userProfile span div.EktProfileCtl
{
    border: 1px solid #EBEBEB;
    height: 252px;
}

div.tn-userProfile span div.EktProfileCtl div.EktProfileCtl_HeaderBar
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    min-height:30px;
    color: #D21242;
    font-size: 18px;
    font-weight: normal;
}

div.tn-messageBoard div.ContributionForm h4
{
    color: #000000;
}

div.tn-messageBoard div.ContributionForm h6
{
   color: #000000;
}

div.tn-messageBoard div.ContributionForm div.AddComment input
{
    border: 1px solid black;
}

div.tn-messaging
{
    margin-top:10px;
}

div.tn-messaging h2
{
    margin-bottom:10px;
}

div.tn-messaging span div.EktMessageCtl
{
    border: 1px solid #EBEBEB;
}

div.tn-messaging span div.EktMessageCtl div.EktMessageCtl_header
{
    background-color:#C7C7C7;
    color:Black;
    border-bottom: 1px solid #C7C7C7;
}

div.tn-messaging span div.EktMessageCtl div.EktMessageCtl_header div.EktMessageCtl_buttonsContainer div.EktMessageCtl_buttonsSelected
{
    background-color: #DDDDDD;
    border-left: 1px solid #C7C7C7;
    color: #555555;
}

div.tn-messaging span div.EktMessageCtl div.EktMessageCtl_header div.EktMessageCtl_buttonsContainer div.EktMessageCtl_buttons
{
    border-left: 1px solid #C7C7C7;
    color: #555555;
}

div.tn-messaging span div.EktMessageCtl div.EktMessageCtl_main table.EktMessageCtl_inboxDataTbl th
{
    border-bottom: 1px solid #C7C7C7;
    border-left: 1px solid #C7C7C7;
    color: #555555;
}

div.tn-messaging span div.EktMessageCtl div.EktMessageCtl_main table.EktMessageCtl_inboxDataTbl td.EktMessageCtl_noMessages
{
    color: Black;
}

div.tn-messaging span div.EktMessageCtl div.EktMessageCtl_main table.EktMessageCtl_content td.EktMessageCtl_post table.content_htmlctl00_ContentPlaceHolder1_Messaging1_OuterTable
{
   /* background-color: #DDDDDD;  */
}

.EktMessageCtl_pbutton
{
    border: 1px solid black;
}

div.tn-CommunityGroupProfile span div.ektronCommunityGroup
{
    border: 1px solid #EBEBEB;
}

div.tn-CommunityGroupProfile span div.ektronCommunityGroup h3
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    min-height:30px;
    height:30px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
}
div.tn-CommunityGroupProfile span div.ektronCommunityGroup div.ektronCommunityGroupWrapper
{
    color: #000000;   
}

div.tn-CommunityGroupMembers div table.ekGroupMembersOuterTable
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
    background-color: #ffffff;
}

div.tn-CommunityGroupMembers div table.ekGroupMembersOuterTable td.ekGroupMembersHeaderSpan
{
    min-height:30px;
    height:35px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 15px 5px;
}

.tn-groupList
{
    margin-top:15px;
}

div.tn-groupList table.ekGroupListOuterTable
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
    background-color: #FFFFFF;
    width: 100%;
}

div.tn-groupList table.ekGroupListOuterTable td.ekGroupListHeaderSpan
{
    min-height:30px;
    height:30px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
}

.tn-calendar
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
}

.tn-calendar h2
{
    min-height:30px;
    height:30px;
    margin-bottom: 0px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 0 5px;
}

div.tn-calendar table td.mup_weekendDOWHeader
{
    background: none repeat scroll 0 0 #C7C7C7;
}

div.tn-calendar table td.mup_weekdayDOWHeader
{
    background: none repeat scroll 0 0 #F7F7F7;
}

div.tn-calendar table td.mup_weekendCell
{
    background: none repeat scroll 0 0 #C7C7C7;
}

div.tn-calendar table td.mup_weekdayCell
{
    background: none repeat scroll 0 0 #FFFFFF;
}

div.tn-calendar table td.mup_eventDispBkg
{
    background: none repeat scroll 0 0 #E9E9E9;
}


.ekFriendsInnerTable tr td {padding:5px;}

div.entry div.entryFooter
{
    font-size: 0.75em;
}

div.entry .ekeditpost, div.entry .ekdeletepost, div.entry .entrypermalink
{
    font-size: 0.85em;
}

div.entry h3.entryTitle a, div.entry h3.entryTitle a:hover, div.entry h3.entryTitle a:visited
{
    color:#000000 !important;
    text-decoration: none;
}

div.blogCalendar table.calendarTable
{
    background-color: #EEEEEE;
}

div.blogCalendar table.calendarTable tr.monthRow td
{
    background-color: #C7C7C7;
}

.tn-CommunityDocuments
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
    width: 313px;
    margin-top: 15px;  
}

.tn-CommunityDocuments h2
{
    min-height:30px;
    height:30px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 0 5px;
}

.tn-SocialBar
{
    margin: 15px 0 15px 0;
}

.tn-messageBoard
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
}

.tn-messageBoard h2
{
    min-height:30px;
    height:30px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 0 5px;
}


.tn-poll
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
}

.tn-poll h2
{
    min-height:30px;
    height:30px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 0 5px;
}


.tn-activeDiscussions
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
    width:100%;
}
/*
#tnCol1 div.tn-activeDiscussions
{
    width: 100%;
}
*/
.tn-activeDiscussions h2
{
    min-height:30px;
    height:30px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 0 5px;
}

#main-content #text-content .tn-messageBoard .ContributionForm ul
{
    margin: 0;
    padding: 0 1em;
}

#main-content #text-content .tn-messageBoard .ContributionForm ul li.ekMessagePost
{
    background: none repeat scroll 0 0 #EEEEEE;
    line-height: 16px;
    padding: 0.25em !important;      
}

#main-content #text-content .tn-messageBoard .ContributionForm ul li.ekMessagePost li
{
    background: none repeat scroll 0 0 #EEEEEE;
    line-height: 16px;
    padding: 0.25em !important;  
}

.tn-messaging
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
}

.tn-messaging h2
{
    min-height:30px;
    height:30px;
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 0 5px;
}

.tn-forum
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
	width:100%;
}

.tn-forum p.navlinks
{
    min-height:30px;
    /* height:30px; */
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 0 5px;
}

div.tn-blog
{
     margin-top: 10px;
}

.tn-blog .blogEntries
{
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
    padding-left: 15px;
    width: 65%;
}

.tn-blog .blogHeader h1
{
    min-height:30px;
    /* height:30px; */
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 0 5px;
}

.tn-blog .blogSidebar
{
    margin-top: 50px;
    margin-right: 15px;
}

.tn-blog .blogSidebar div
{
    margin-bottom:15px;
}

.tn-blog .blogSidebar #ctl00_ContentPlaceHolder1_Blog1sc_brRSS
{
    float:left;
}

.tn-blog .blogSidebar #ctl00_ContentPlaceHolder1_Blog1sc_bcCalendar
{
    clear:left;
}

.tn-blog .blogEntries .entry
{
    border-bottom: 1px solid #DCDCDC;
    margin: 0 15px 20px 0;
    padding-bottom: 10px;
}

.tn-blog .blogSidebar ul
{
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

.tn-blog .blogSidebar ul li
{
    background: none repeat scroll 0 0 !important;
    line-height: 16px !important;
}

.tn-wiki
{
    margin-top: 10px;
    background: url("/en/images/banner-background.jpg") repeat-x scroll 0 0;
    border: 1px solid #EBEBEB;
    padding-left: 15px;
}

.tn-wiki h1
{
    min-height:30px;
    /* height:30px; */
    color: #D21242 !important;
    font-size: 18px !important;
    font-weight: normal;
    padding: 5px 0 0 5px;
}

#main-content #text-content .tn-wiki div span div div table tr td div
{
    margin-bottom: 10px;
    border-bottom: 1px solid #DCDCDC;
}

.tn-poll
{
padding: 0 10px 10px 10px;
}

.tn-poll .tblreport th.headreport{ 
	background-color: #fff;
	padding:5px;
	padding-left:0px;
	border-bottom:0px;
}

#main-content #text-content ul.tabs-nav li.tabs-selected{
	background:none;
}

#branding #tools ul li.tn-header
{
    font-size: 25px;
    padding-right: 5px;
}