/*
    Jean Louis
	Layout 1
	  
*/

* { padding: 0; margin: 0; }

body {
 background-image: url(//images.tmcnet.com/online-communities/customer-experience-management/bkgd.png);
	background-color: #feffff;
	background-attachment: fixed;
	background-position: top;
	background-repeat: repeat-x;
	background-color:#cad0d0;
	margin:0px; line-height:17px;
	padding:0px;
	text-align:center;
}

#wrapper { 
 margin:0px auto 0px auto;
 width: 1024px; 
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 text-align:left;border-bottom: 1px solid #929e9d;	border-left: 1px solid #929e9d;	border-right:1px solid #929e9d;	
}

#top-text {
	height: 22px;
	padding-top:5px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1 {
font-family: "Calibri", arial, sans-serif;
font-size:26px; line-height:28px; padding-bottom:5px;
color:#006db5;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#b40001;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;color:#006db5;
}

h3 a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;color:#006db5;
}


h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#78acde;
}

h5 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ff9900;
}

h6 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#333333;
}

.clearAll {
clear:both;
}

#top-container {	background-image:url(//images.tmcnet.com/online-communities/customer-experience-management/body-bg-new.jpg);
	background-repeat:repeat-x;
	width:1024px;
	height: 60px;
}

#term-container {
	float:left; font-size:18px;   color:#ffffff;  margin:0px; font-family: 'Calibri', Arial, Helvetica, sans-serif; line-height:18px;
	width: 425px; padding-left:7px; font-weight:500; text-transform:uppercase;
	height:60px;
}


#term-container a{
   color:#ffffff; text-decoration:none;
}

#term-container a:hover{
   color:#9facaa; text-decoration:none;
}

#term-container a:visited{
   color:#ffffff; text-decoration:none;
}

#top-menu-container {
	float:right;background-color:#667270; 
	width: 580px;
}

.tmc-logo {
	float:right;
	padding: 5px 10px 0px 0px;	
}
	
#main-menu-container {
	background-color:#667270; 
	height:20px; width:570px;
	margin-top:34px;
	margin-right:0px;
}

.menu-sep-1 {
	float:left;
	background-image:url(//images.tmcnet.com/online-communities/customer-experience-management/menu-sep-1.jpg);
	width:1px;
	height:20px;	
}

.main-menu {
	float:left;
	padding: 2px 7px;
}

.main-menu a:link {
	color:#333;
	text-decoration:none;
}

.main-menu a:visited {
	color:#333;
	text-decoration:none;
}

.main-menu a:hover {
	color:#006699;
	text-decoration:none;
}


#top-container-banner {	
	width:1024px;
	height: 118px;
	background-color:#FFF;
}

.teletech-logo {
	float:left;
	padding: 18px;
}

.leaderboard {
	float:left;
	width:728px;
	height: 90px;
	margin-top: 12px;
}

#body-container {
	width:1024px;
	background-color:#FFF;
	 
		
}

#body-inner {
	width:1007px;
	margin: 0 auto;	
	background-color:#ffffff;
}

#left-container {
	float:left;
	width:130px;
	margin: 5px 0px 11px 11px;
}

#menu-left-container {
	background-image:url(//images.tmcnet.com/online-communities/customer-experience-management/menu-left-bg-new.jpg);
	background-repeat:repeat-y;	
	
}

.menu-left {
	padding: 10px 10px;
	font-weight:bold;
	border-bottom: 1px solid #afb1b1;	
}

.menu-left a:link {
	color:#333; font-family:'calibri', Helvetica, sans-serif;
	text-decoration:none; font-size:12px; font-weight:bold;text-transform:uppercase;
}

.menu-left a:visited {
	color:#333;
	text-decoration:none;
}

.menu-left a:hover {
	color:#006699;
	text-decoration:none;
}

.skyscrapper {
	text-align:center;
	margin-top: 32px;
}

#middle-container {
	float:left;
	width:497px;
	margin: 5px 0px 11px 11px;	
}

#middle-container table tr td {
font-size:13px;
}

#top-story-container {
	background-color:#d0d6d5;
	margin-bottom:20px;
}

#top-story-inner {
	padding:15px;
}

.top-story-blue-text {
	font-size:15px;
	color:#333333;font-family:'calibri', Helvetica, sans-serif;
font-weight:normal;	
}

.top-story-date {
	font-size:10px;
	color:#008dcb;
}

.top-story-main-title h1 {
	font-size:24px;
	color:#ffffff;
	font-weight:bold;
	padding: 5px 0px;	
}

.top-story-main-title a:link {
	color:#ffffff;
	text-decoration:none;
}

.top-story-main-title a:visited {
	color:#ffffff;
	text-decoration:none;
}

.top-story-main-title a:hover {
	color:#667270;
	text-decoration:underline;
}

.top-story-text {
	color:#333; line-height:18px
}

.full-story-btn {
	text-align:right;
	padding: 10px 0px 1px 0px;
	
}

#tmc-usubmit-content {

}

#middle-container table tr td {
width: 455px;
font-size:13px;
clear:right;
}

#middle-box-container {
	background-color:#FFF;
	border: 1px solid #9facaa;
	margin-bottom:15px;	
}

#middle-box-container2 {
	background-color:#FFF;
	border: 1px solid #9facaa;
	margin-bottom:15px;
	*width:467px;	
}

#middle-box-container3 {width:336px;
	background-color:#ffffff;
	border: 1px solid #9facaa;
	margin-bottom:20px;
	*width:467px;	
}


#middle-box-containernew {width:450px;
	background-color:#ffffff;
	margin-bottom:20px;
	*width:467px;	
}


.events{
padding-bottom:13px; line-height:19px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#777777; font-weight:bold;
}


.events1{
padding-bottom:13px; line-height:19px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#045083; font-weight:bold;
}

.events2{
padding-bottom:13px; line-height:19px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#045083; font-weight:normal;
}

.events3{
padding-bottom:13px; line-height:19px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal;
}

.eventsline {border-top:1px solid #9facaa; width:200px; margin-left:5px;
}

.eventsline2 {border-top:1px solid #9facaa; width:400px; margin-left:5px;
}
 
 
 #middle-box-container-inner3 { width:300px;
	padding: 10px; line-height:18px; background-color:#e6e6e6;
}
 
  #middle-box-container-inner3 a:hover{width:300px;
	 background-color:#ffffff; display:block; text-decoration:none;
}
   #middle-box-container-inner3 a{width:300px;
	  text-decoration:none; color:#777777;
}
 

#middle-box-container-inner {
	padding-left: 15px; padding-right: 15px; padding-bottom: 15px;padding-top: 8px;line-height:18px
}

#middle-box-container-inner p {
padding-bottom:13px; line-height:19px; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}

#middle-box-container-inner a:link {
	color:#008dcb;
	text-decoration:underline; font-weight:normal;
}

#middle-box-container-inner a:visited {
	color:#008dcb;
	text-decoration:none;	font-weight:normal;
}

#middle-box-container-inner a:hover {
	color:#008dcb;
	text-decoration:none;	font-weight:normal;
}


.middle-box-title {
	font-size:15px;font-family:'calibri', Helvetica, sans-serif;
	color:#0075b0;
	 
	font-weight:normal;
	padding-bottom:10px;	
}

.middle-box-text {
	color:#333;
	line-height:20px;	
}

#middle-title-blue { background-image://images.tmcnet.com/online-communities/customer-experience-management/bg-nav.png; background-position:top; background-repeat:repeat-x;  background-color:#667270;
}

#middle-title-grey {
	background-color:#667270;background-image://images.tmcnet.com/online-communities/customer-experience-management/bg-nav.png; background-position:top; background-repeat:repeat-x; 	
}

.middle-title-blue-text {
	color:#FFF; font-family:'calibri', Helvetica, sans-serif;
	padding: 5px 10px;
	font-size:14px;
	font-weight:normal;    
}

#middle-box-container-inner li {
	background-position:left;
	margin: 0px 15px; line-height:18px;
	list-style-image:url(//images.tmcnet.com/online-communities/customer-experience-management/sm-paper-icon.jpg);  
	padding-bottom: 20px;	
}

.return { text-decoration:none; text-align: right; margin-bottom: 20px; font-family:Arial, Helvetica, sans-serif;}
.return a, .return a:visited { color:#ffffff;  font-size:11px; font-weight:normal; text-decoration: none;  background-color: #008dcb; margin-right: 10px; padding: 5px; display: inline-block;}
.return a:hover { color:#ffffff; font-weight:normal; text-decoration:underline;}


.dateTxt {
	font-size:10px;color:#008dcb;
	 
}

.dateTxt2 {
	font-size:10px;color:#008dcb;
	 
}

#more-btn-1 {
	background-image:url(//images.tmcnet.com/online-communities/customer-experience-management/view-bg-2.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height: 20px;
}

#more-btn-2 {
	background-image:url(//images.tmcnet.com/online-communities/customer-experience-management/view-bg-1.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height: 20px;
}

.more-btn-text {
	text-align:right;font-family:'calibri', Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
	 
	padding: 2px 7px 0px 0px;	
}

.more-btn-text a:link {
	color:#FFF;font-family:'calibri', Helvetica, sans-serif;
	text-decoration:none;
}

.more-btn-text a:visited {
	color:#FFF;font-family:'calibri', Helvetica, sans-serif;
	text-decoration:none;
}

.more-btn-text a:hover {
	color:#ffffff;font-family:'calibri', Helvetica, sans-serif;
	text-decoration:underline;
}

#right-container {
	float:left;
	width:336px;
	margin: 5px 0px 11px 11px;	
}

.enews-icon {
	margin-bottom:20px;
}

.adbox {
	text-align:center;
	margin-bottom:20px;
}

.date {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#008dcb}



.story-article {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px;}
.story-article a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#008dcb; line-height:18px;}
.story-article a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#008dcb; line-height:18px; text-decoration:underline;}
.story-article a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#008dcb; line-height:18px;}

#footer-container {
	width: 1024px;
	background-color:#FFF;
	margin-bottom: 20px;
}

.footer-text {
	color:#9facaa; font-family:'calibri', Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding:30px;
}

.footer-text a{
	color:#9facaa;  
}

/*------------------- company lead form  ------ */
#company-lead-form{ padding-top:0px;}
#company-lead-form h1{ color:#000000; font-size:16px;}
#company-lead-form-wrapper{padding-left:35px; padding-bottom:15px;}
#company-lead-form  p {color: #444444; font-size:12px; line-height:17px; padding:0px 20px 0px 0px;}
#company-lead-form  table { 
font-family:arial, "lucida console", sans-serif;
border:0px;
margin:0px;
font-size:12px;
color: #444444;
width: 466px;
border:1px solid #E6E8EE;
}

#company-lead-form  table table{ 
border:0px;
margin:0px;
font-size:12px;
color: #444444;
width: 450px;
border:none;
}

#company-lead-form  table td {
padding:5px;
margin:0px;
background-color:#eef2f5;
}
#company-lead-form  table tr .column1{
text-align: right;
}

#company-lead-form  table tr .column1-error{
text-align:left;
color: #FF0000;
}

#company-lead-form  table tr td input {
border:1px solid #84929F;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
width:200px;
background-color:#FFFFFF;
}


#company-lead-form  table tr td select {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
width:100px;
background-color:#FFFFFF;
}

#company-lead-form  table tr td textarea {
border:1px solid #CCCEDB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #444444;
width:300px;
height: 200px;
background-color:#FFFFFF;
}

#company-lead-form  table tr td .submitbutton {
width:210px;
border:none;
background-color:#0065A8;
color:#CCCCCC;
}

#myArticles {}
#myArticles h3 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: left; font-weight: normal; padding: 0 0 0px 0; line-height: 18px;}
#myArticles h3 a:link, #myArticles h3 a:visited {font-size: 14px; color: #44504e; font-weight: bold; text-decoration: none;font-family: "Calibri", arial, sans-serif; }
#myArticles h3 a:hover {font-size: 14px; color: #44504e; font-weight: bold; text-decoration: underline;}
#myArticles h3:first-child {display: none;}

#myArticles h4 a:link {font-size: 11px; color: #44504e; font-weight: normal; text-decoration:underline;}
 
 


#tmc-usubmit-content table {font-family:Verdana, sans-serif; line-height: 20px; font-size: 12px; color: #171717; text-align: left; padding: 0px 0px 20px 10px;}
#tmc-usubmit-content table h1 {font-family: "Calibri", arial, sans-serif; font-size: 24px; line-height: 25px; color: #003366; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#tmc-usubmit-content  p { padding:5px 0px 15px;}
#tmc-usubmit-content a, #tmc-usubmit-content a:active  { color:#0066CC;}
#tmc-usubmit-content a:hover{color:#003399;}


#nav{
	float:right; 
	width:100%;
	list-style:none; font-family:'calibri', Helvetica, sans-serif;
	font-weight:bold; text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	
		}
#nav li{
	float:right;background-color:#008dcb;
	margin-right:0px; color:#ffffff;
	position:relative;
	display:block;
	border-right:1px solid #3bb4e6;
}
#nav li a{
	display:block;
	padding:4px 12px 4px 12px;
 color:#ffffff;
	background:transparent;
	text-decoration:none;

	}
#nav li a:hover{
	color:#fff;
	background:#02679e;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#nav ul{
margin:0px;
padding:0px;
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */

}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;margin:0px;
padding:0px;

}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display:block;
	text-decoration:none;
	 
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
	margin:0px; 
	padding:0px;
	display:block;
	width:200px;
}
#nav li:hover ul li{ /* Display the dropdown on hover */
}

#nav li:hover a{ /* Set styles for top level when dropdown is hovered */
color:#FFF;
	background:#02679e;
	text-decoration:none;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background:#02679e;
	}



/*---- Slider ----- */
#slider {
	position:relative;
	background: url(//images.tmcnet.com/tmc/vertical/medhealth/images/loading.gif) no-repeat 50% 50% #000000;
	width: 497px;
	height: 300px;
	margin: 0 0 0px 0;
	background-color:#ffffff;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#ffffff;
	font-family:"Calibri", arial, helvetica,sans-serif;
	font-size:12px;
	color:#000;
	opacity:0.9; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
	font-size:11px;
	font-family:"Calibri", arial, helvetica,sans-serif;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:30%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*Custom */
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
}

.nivo-controlNav {
	position:absolute;
	right:20px;
	top:20px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	 
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(//images.tmcnet.com/tmc/vertical/medhealth/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}




#cta-hldr {padding: 0 0 0 0; margin: 0 0 3px 0; cursor: pointer;}
#cta-hldr a {cursor: pointer; text-decoration: none; color: #FFFFFF;}
#freeTrial {height: 70px; background: url(//images.tmcnet.com/online-communities/customer-experience-management/enews-on.jpg) top left no-repeat; position: relative;}
#cta-hldr a:hover #freeTrial {background: url(//images.tmcnet.com/online-communities/customer-experience-management/enews-over.jpg) top left no-repeat; display: block;}
#freeDemo {height: 70px; background: url(//images.tmcnet.com/online-communities/customer-experience-management/rss-on.jpg) top left no-repeat; position: relative;}
#cta-hldr a:hover #freeDemo {background: url(//images.tmcnet.com/online-communities/customer-experience-management/rss-off.jpg) top left no-repeat; display: block;}

.cta-copy {color: #FFFFFF; font-size: 14px; text-transform: uppercase; text-align: left; position: absolute; left: 75px; top: 18px; line-height:18px; font-family: 'Calibri', Arial, Helvetica, sans-serif;}
.cta-copy a {color: #FFFFFF;}




.hldr-1 {background: url(//images.tmcnet.com/online-communities/customer-experience-management/enews-on.jpg) top left no-repeat;}
.hldr-2 {background: url(//images.tmcnet.com/online-communities/customer-experience-management/enews-over.jpg) top left no-repeat;}
.hldr-3 {background: url(//images.tmcnet.com/online-communities/customer-experience-management/rss-on.jpg) top left no-repeat;}
.hldr-4 {background: url(//images.tmcnet.com/online-communities/customer-experience-management/rss-off.jpg) top left no-repeat;}



.black {color:#000000;}
 
.wrapper2 {padding:2px;}
.wrapper5 {padding:5px}
.wrapper10 {padding:10px;}