/* CSS Document */


.toggle {cursor:pointer;text-decoration: none; font-family: Arial, Helvetica, sans-serif; color: #003399;}
.toggle2 {cursor:pointer;text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:13px; color: #003399;}

#scrollschedule {
height: 200px;
overflow: auto;
}

#scrollscheduleCITE1 {
height: 75px;
overflow: auto;
}

#scrollschedule1day {
/* height: 100px; */
/* overflow: auto; */
}


table.main {
			border-width:1px;
			border-color:#D3D3D3;
			border-style:solid;						
			}




table.main23 {
			
			border-width:1px;
			border-color:#D3D3D3;
			border-style:solid;
			margin-left:23px;
			margin-bottom:5px;
			}
			
			
table.main24 {
			
			border-top-width:1px;
			border-top-color:#D3D3D3;
			border-top-style:solid;
			border-bottom-width:1px;
			border-bottom-color:#D3D3D3;
			border-bottom-style:solid;			
			margin-left:23px;
			margin-bottom:5px;
			}			
			
td.borderbottom {
			
			border-bottom-width:1px;
			border-bottom-color:#D3D3D3;
			border-bottom-style:solid;
			}	
			
			
td.bordertop {
			
			border-top-width:1px;
			border-top-color:#D3D3D3;
			border-top-style:solid;
			}				
			
td.borderleft {
			
			border-left-width:1px;
			border-left-color:#D3D3D3;
			border-left-style:solid;
			}	
			
td.borderright {
			
			border-right-width:1px;
			border-right-color:#D3D3D3;
			border-right-style:solid;
			}								
			
#content {
	width: 100%;
	margin: 5px auto;
	padding: 10px;
	background: #FFF;	
	border: 0px solid #CCC;
}



hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 5px;
	padding: 0;
}



.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

h3 {
margin: 0;	
padding: 7px 0 0 0;
font-size: 17px;
text-transform: uppercase;
}
		




		div#feature_list {
			width: 100%;
			height: 250px;
			position: relative;
			z-index: 1 !important;			
			
			
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}
		
		
/* this "feature_list" div is for the 1-day seminar pages */	

		div#feature_list1day {
			width: 100%;
/*			height: 150px; */
			height: 250px;			
			position: relative;
			z-index: 1 !important;			
			
			
		}

		div#feature_list1day ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}	
		

		ul#tabs {
			left: 0;
			z-index: 1;

		/* use 37% as baseline for no overlap value.  Higer percentage will cause overlap */			
		/*	width: 37%; */
			width: 39%;			 
		/*  width: 320px; */
		}

		ul#tabs li {
		/*	font-size: 12px; */
			font-family: Arial;
			height: 60px;
			
		    color: #6B6B6B;
			text-decoration: none;	
			display: block;
			padding: 10px;
			outline: none;			
						
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 0px 8px 0px 0px;
		}
		
		ul#tabs li .tabheaderman {
		margin: 0;	
		padding: 7px 0 0 0;
		font-family:Arial, Helvetica, sans-serif;
/*		font-size: 13px; */
		font-size: 12px;			
}		

		ul#tabs li a {
		    color: #6B6B6B;
			text-decoration: none;	
			display: block;
			padding: 10px;
			outline: none;
		}

		ul#tabs li a:hover {
			/* text-decoration: underline; */							
		}
		
		
/* begin temp styles for tab headers */

		ul.tab-headers {
			left: 0;
			z-index: 1;

		/* use 37% as baseline for no overlap value.  Higer percentage will cause overlap */			
		/*	width: 37%; */
		/*	width: 39%;	*/
			width: 33%;						 
		/*  width: 320px; */
		}


		ul.tab-headers li {
		/*	font-size: 12px; */
			font-family: Arial;
		/*	height: 60px; */
			cursor: pointer;
			
		    color: #6B6B6B;
			text-decoration: none;	
			display: block;
			padding: 10px;
			outline: none;
			margin-bottom: 7px;													
		}
		
		
		ul.tab-headers li a {			
		    color: #6B6B6B;											
		}	
		
		ul.tab-headers li a:visited {		
		    color: #6B6B6B;											
		}		
		
		ul.tab-headers li a:hover {			
		    color: #6B6B6B;											
		}						
		

		ul.tab-headers li img {
			padding: 5px;
			border: none;
			float: left;
			margin: -5px 10px 0px 0px;
/*			margin: 0px 10px 0px 0px;			*/
		}
		
		ul.tab-headers li .tabheaderman {
		margin: 0;	
		padding: 7px 0 0 0;		
		font-family:Arial, Helvetica, sans-serif;
/*		font-size: 13px; */
		font-size: 12px;	
}		


		ul.tab-headers li.active {
		background:  url('/seminars/ns/resources/images/feature-tab-current4c.png');			 	
		background-color:#ABABAB;		
		background-repeat:no-repeat;
		background-position: 100% 50%;				 
		color: #FFFFFF;
			
}

		ul.tab-headers li.active a {
		color: #FFFFFF;			
}

		ul.tab-headers li.active a:visited {
		color: #FFFFFF;			
}

		ul.tab-headers li.active a:hover {
		color: #FFFFFF;			
}


/* end temp styles for tab headers */		
							


		ul#output {
			right: 0;		
			width: 69%;			
			height: 290px;
			position: relative;			
			border-width:1px;
			border-color:#D3D3D3;
			border-style:solid;
			background-color:#F1F1F1;		
		}

		ul#output li {
			position: absolute;
			width: 100%;
			height: 265px;		
		}
		
		
/* this "output" div is for the 1-day seminar pages */

		ul#output1day {
			right: 0;		
			width: 69%;			

			height: 200px; 
/*			height: 290px; */
			
			position: relative;			
			border-width:1px;
			border-color:#D3D3D3;
			border-style:solid;
			background-color:#F1F1F1;		
		}

		ul#output1day li {
			position: absolute;
			width: 100%;
			height: 175px;	
/*			height: 265px;	*/					 
		}		

		
		
		
      div.tabContent { }
      div.tabContent.hide { display: none; }


/* lightbox styles */


			#bg_fade {
				background-color:#555555;
				height:140%;
				left:0px;
				margin:0px;
				padding:0px;
				position:absolute;
				top:0px;
				visibility:hidden;
				width:100%;
				z-index:4;
			}
			
			#containerDiv {
				position: absolute;
				width: 30%;
				z-index: 5;
			}
			
			#containerDiv p {
				position: relative;
				height: 10%;
				padding: 10%;
				text-align: center;
				border: 1px blue solid;
				background-color: white;
				z-index: 6;
			}


/* end lightbox styles */	  

.course-head {
	line-height:28px;
	font-family: Helvetica, Arial, sans-serif;
	color:#B12B00;
	font-size:20px;
	font-weight:400;
	}

/* side bar */
.side-p {
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	font-size:10px;
	line-height:11px;
	text-align:center;
	font-weight:200;
	}
	.side-p a {
	font-family: Helvetica, Arial, sans-serif;
	font-size:13px;
	font-weight:200;
	}
.webchat-txt {
	line-height:14px;
	font-size:12px;
	display:inline-block;
	font-family: Helvetica, Arial, sans-serif;
	}
	/*chat*/	
.chat-button {
	margin:0 0 15px 0;
	padding:16px 0 14px 0;
	min-width:auto;
	color:#fff;
	font-size:20px;
	background:#b3b3b3;
	line-height:24px;
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;
	font-weight:200;
	}
	.chat-button:hover {
	background:#c6c6c6;
	}
.chaticon {
	list-style: none;
	margin:0;
	padding: 0 0 0 30px;
	clear:both;
	}
li.chat {
	background-image: url("https://www.worldatwork.org/icons/chat-icon.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding:0;
	margin: 0;
	}
.webchat-txt {
	line-height:14px;
	font-size:12px;
	display:inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:400;
	}

/*icons*/
.iconlist {
	list-style: none;
	margin: 20px 0;
	padding: 0 0 0 5px;
	clear:both;
	}
	.iconlist li {
		line-height:32px;
		display:block;
		font-family: Helvetica, Arial, sans-serif;
		color:#000;
		font-size:14px;
		font-weight:200;
		}
	
	li.phone {
		background-image: url("https://www.worldatwork.org/icons/phone-icon.png");
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding-left:30px;
		margin: 0;
		}
	
	li.globe {
		background-image: url("https://www.worldatwork.org/icons/globe-icon.png");
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 0;
		margin:0;
		padding-left:30px;
		}
		
	li.news {
		background-image: url("https://www.worldatwork.org/icons/news-icon.png");
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 0;
		margin:0;
		padding-left:30px;
		line-height:16px;
		}

/*  Webinar Extras  */		

.fee-bg-color1 {
	background:#D6D6D6; 
	
}
.fees-grid-light {
	background:#EAEAEA; 
	padding:5px 16px 5px 5px; 
	border: 1px solid #fff; 
	margin:0;	
}

#banner-header {
	width:100%;
	height:90px;
	margin:0;
	padding:0;
	display:inline-block;
	}
.side-h4 {
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	font-size:16px;
	font-weight:600;
	}
	/*others*/		
hr.style-side {
	border: 2px solid #FFF; 
	height: 0; 
	}
	/** 2015 Course Audit bld learning repositioning **/
	
	.bolder{
font-weight:bold;	
}
.inter-space{
padding-right:6px;
padding-left:6px;	
}
.no-top{
padding-top:0px;	
margin-top:0px;
}
.no-bottom{
padding-top:0px;
margin-bottom:0px;	
}

.container-side{
		
	  border-color: #d3d3d3;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 5px;	
	}

.iconlist {
	list-style: none;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0 0 0 5px;
}

.iconlist li, .iconlist li a {
	line-height: 32px;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 200;
	color: #000;
	font-size: 14px;
}

.iconlist li.lh-adjust a {
	line-height: 16px !important;
	margin-top:8px;
}

.iconlist li a:hover {
	text-decoration: underline;
}

/*Icons*/
li.phone, li.globe, li.news, li.comp, li.info, li.membership, li.society, li.thoughts, li.awlp, li.email  {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 0 0 0 30px;
	margin: 0;
}
li.phone {
	background-image: url('/icons/phone-icon.png');
}
li.globe {
	background-image: url('/icons/globe-icon.png');
}
li.news {
	background-image: url('/icons/news-icon.png');
}
li.comp {
	background-image: url('/icons/comp-icon.png');
}
li.info {
	background-image: url('/icons/icon-infopack.png');
}
li.membership {
	background-image: url('/icons/icon-membership.png');
}
li.society {
	background-image: url('/icons/society-icon.png');
}
li.awlp {
	background-image: url('/icons/waw-icon.png');
}
li.thoughts {
	background-image: url('/icons/bulb-icon.png');
}
li.email {
	background-image: url('/icons/email-icon.png');
}