/*
 *  Webwise - Sitewide styles 
 */

/* GVL3 fixes */
body #blq-main{
	font-size: 1.2em;
	line-height: 1;
}
html body{
	background-color: #044f95;
	background-image: url('/staticarchive/ece8bc87299abd4769d2037b2988a9a413fc6bc2.png');
	background-repeat: repeat-x;	
	background-position: center top;
}

body #blq-main, body #blq-container, 
body #blq-main, body #blq-container{
	background: transparent;
}

#blq-container, #blq-container, #blq-main-inner, #blq-main{
	background: none;
}
	
#blq-main-inner{
	font-size: 133.6%;
	font-family: Helvetica, Arial, sans-serif;
	color: #505050;	
}


/* Page structure */
#blq-content{
	width: 976px;
	position: relative;
	top: -24px;
	line-height: 1.25;
}

#blq-content a.img{
	line-height: 1;
}

/* Generic elements */
#blq-content a{
	text-decoration: none;
	color: #505050;
}

#blq-content a:hover{
	text-decoration: underline;
	color: #505050;
}

	/* Headers */
	#blq-content h1{
		font-size: 1.5em;
		letter-spacing: -0.015em;
		background: #018c00 url('/staticarchive/399f7419a28d0e97a7810295c57686aefd002f7a.gif') top left repeat-x;
		padding: 5px 12px;		
		color: #fff;
	}
	
	#blq-content h2{
		font-size: 1em;
		color: #505050;
	}
	
	#blq-content h3{
		font-size: 1em;
		color: #505050;
	}

/* Classes */
.clear{
	clear: both;
	float: none;
}

.clear-left{
	clear: left;
	float: none;
}

.clear-right{
	clear: right;
	float: none;
}

#blq-content .flush-right{
	margin-right: 0;
}

.horiz-dots, body #blq-content .hover .horiz-dots{
	clear: both;
	height: 7px;
	width: 302px;
	background: top left repeat-x url('/staticarchive/7f15d0464d49c859078e6a646162f6a717fba3dc.gif');
}

.horiz-dots-long{
	clear: both;
	height: 7px;
	width: 598px;
	background: top left repeat-x url('/staticarchive/7f15d0464d49c859078e6a646162f6a717fba3dc.gif');
	margin-bottom: 4px;
}

.horiz-dots-full{
	clear: both;
	height: 7px;
	width: 958px;
	background: top left repeat-x url('/staticarchive/7f15d0464d49c859078e6a646162f6a717fba3dc.gif');
}

/* Banner */
#banner{
	position: relative;
	height: 200px;
}

#mothball {
	
	height: 120px;
	background-color: #88c664;
	top: -40px;
	-khtml-border-radius: 5px; /* for Konqueror (linux browser) */
    -moz-border-radius: 5px; /* for any version of Firefox */
    -webkit-border-radius: 5px; /* for Safari and Google Chrome */
    border-radius: 5px; /* for browsers who support CSS3 */
}

#mothball #left {
	float: left;
    width: 50px;
    height: 44px;
    overflow: hidden;
    /* background-image: url("../css/f/moth-ball.gif") no-repeat; */
	padding: 2px 12px 2px 5px;	
}


#mothball #first_row {
	padding: 5px 5px 5px 5px;	
	color: #094784;
	font-size: 1em;
	font-weight: bold;
}

#mothball #second_row {
	padding: 5px 5px 5px 5px;
	color: #012c50;
	font-size: 1em;
	font-weight: bold;
}

#mothball #last_row {
	padding: 5px 5px 5px 5px;
	color: #012c50;
	font-size: 0.8em;
}

#hd-img{
	position: absolute;
	right: 0;
	background-repeat: no-repeat;
	background-position: center;
	width: 607px;
	height: 173px;
}

#hd-logo{
	position: relative;
	top: 10px;
	left: -12px;
	background: url('/staticarchive/65eba6c6b5be94257277da4db8df8ad320e78103.png') no-repeat center;
	width: 399px;
	height: 131px;
}

#hd-logo span{
	visibility: hidden;
}

.js #hd-logo{
	cursor: pointer;
}

/* Footer */
#ft-img{
	margin-left: 620px;
	width: 352px;
	height: 104px;
	position: relative;
	top: 2px;
}

/* 
 * Nav
 */

	/* Common */
	#blq-local-nav{
		position: relative;
		top: -40px;
		z-index: 2;
	}
	
	#blq-local-nav a:hover, #blq-local-nav .courses a:hover{
		text-decoration: none;
		color: #e55e1f;
	}
	
	#blq-local-nav ul{
		text-align: center;
		list-style: none;
		min-height: 40px;
		width: 880px;		
	}
	
	#blq-local-nav li{
		float: left;		
		background: #012846 url('/staticarchive/1e23b501451683e56247a9a380728cf2b6052ca6.gif');
	}
	
	#blq-local-nav li a, #blq-local-nav li span{
		padding: 0 11px 0 11px;	
		text-decoration: none;
		color: #88d264;
		font-size: 0.998em;
		font-weight: bold;
		position: relative;
		top: 12px;
		float: left;		
	}
	
	#blq-local-nav .level-1-wrap, #blq-local-nav .level-2-wrap{
		min-width: 865px;
	}

	/* Level 1 */
	#blq-local-nav .level-1-wrap{
		background: #012846 url('/staticarchive/1e23b501451683e56247a9a380728cf2b6052ca6.gif');
		min-height: 40px;
		width: 976px;
	}
	
	#blq-local-nav ul.level-1 .divider{		
		background-image: url('/staticarchive/5e26deaa2e0c23ce26e6c4d67edbf980ec41fe1a.gif');
		height: 19px;
		width: 2px;	
		float: left;
		position: relative;
		margin-top: 10px;
	}
	
	#blq-local-nav .courses a{
		float: right;
		min-height: 24px;
		background-image: url('/staticarchive/08552ba48122e99b619f61f971b38fd5357adfd5.gif');	
		background-repeat: repeat-x;
		padding: 0 11px 0 11px;
		margin: 8px 8px 0 0;
	}
	
	#blq-local-nav .courses a, #blq-local-nav .courses span{		
		text-decoration: none;
		color: #012846;
		font-size: 1em;
		font-weight: bold;
	}
	
	#blq-local-nav .courses a span, #blq-local-nav span.on span{
		position: relative;
		top: 4px;
	}
	
	#blq-local-nav span a:hover, #blq-local-nav span.on a{
		background: #e55e1f;
	}
	
	#blq-local-nav span a:hover span{
		color: #fff;
	}
	
	#blq-local-nav .level-1 li.on span, #blq-local-nav span.on span, #blq-local-nav .level-1 li.on a{
		color: #fff;
	}	
	
	
	/* Level 2 */
	#blq-local-nav .level-2-wrap, #blq-local-nav .level-2 li{
		background: #3a7cb7 repeat-x url('/staticarchive/f696fec59d8f564c3e0c9f8b9c101ba5b428eda0.gif');
		min-height: 40px;
	}
	
	#blq-local-nav .level-2-wrap{
		width: 976px;
	}
	
	#blq-local-nav .level-2 ul{
		min-width: 100%;		
	}
	
	#blq-local-nav .level-2 li{
		min-height: 40px;
	}
	
	#blq-local-nav .level-2 li a{	
		color: #012846;
	}
	
	#blq-local-nav .level-2 li a:hover{
		color: #fff;
	}
	
	#blq-local-nav .level-2 li.on{
		background: #044f95;
	}
	
	#blq-local-nav .level-2 li.on a, #blq-local-nav .level-2 li.on span{
		color: #fff;
	}
	
	#blq-local-nav .level-2 .divider{		
		background-image: url('/staticarchive/c880a6705452d3f273940030303a9c8e6d7dd857.gif');
		height: 16px;
		width: 2px;	
		float: left;
		position: relative;
		top: 12px;
	}
/*
 * Common page structures:
 */

/* 1 column layout */
#column{
	width: 976px;
	float: left;
}

/* 2 column layout */
.column{
	float: left;
}
#col-one{
	width: 624px;
}
#col-two{
	width: 336px;
	margin-left: 16px;
}

/* Shared styles */
.image-links .icon, .item-list .icon{
	position: absolute;
}

/* List of items with link, image, title & description */
.item-list{
	background: #ffffff;
	padding: 8px 7px 0 7px;
}

.item-list li{
	float: left;
	margin-bottom: 8px;
	margin-right: 12px;
	padding: 8px 0 0 8px;
}

.item-list .img{
	position: relative;
}


.item-list .text{
	padding: 8px;
}

.item-list p{
	margin-top: 8px;
}


/* List of links with title and thumbnail image */
.image-links{
	background: #ffffff;
	padding: 16px 8px 8px 8px;
	margin-bottom: 16px;
}

.image-links h2{
	color: #40a211;
	font-size: 1.25em;
	letter-spacing: -0.01em;
	padding-left: 8px;
}

.image-links ul{
	margin-top: -16px;
}

.image-links li{
	clear: left;
	margin-top: 20px;
	padding: 8px 8px 0 8px;
}

.image-links .img{
	float: left;
	margin-right: 16px;
	position: relative;
}

.image-links li h2,
.image-links li h3{
	float: left;
}

.image-links li p{
	float: left;
	font-size: 0.8em;
	color: #A9A9A9;
}

.image-links .horiz-dots{
	position: relative;
	top: 16px;
}

/* List of links with just a title */
.text-links{
	background: #ffffff;
	padding: 16px;
	margin-bottom: 16px;
}

.text-links ul{
	margin-top: 8px;
}

.text-links li{
	clear: left;
	font-size: 0.8em;
	margin: 2px 0 2px 0;
}

.text-links h2{
	color: #40a211;
	font-size: 1.25em;
	letter-spacing: -0.01em;
}

/* Related links with images */
#related-img-links h2{
	color: #40a211;
	font-size: 1.25em;
	letter-spacing: -0.01em;
}

#related-img-links h3{
	width: 144px;
}

#related-img-links li{
	padding: 8px 8px 0 8px;
	min-height: 90px;
}

#related-img-links li.hover,
#related-img-links li.hover a,
#related-img-links li.hover a:hover, 
#related-img-links li.hover *{
	background: #e55d1f;
	color: #fff;
	text-decoration: none;
}

#related-img-links .horiz-dots{
	top: 14px;
}

#related-img-links li.last .horiz-dots{
	visibility: hidden;
}

/* Related links - text title with icon */
#related-links, 
#next-links{
	background: #ffffff;
	padding-left: 0;
}

#related-links h2, 
#next-links h2{
	padding-left: 16px;
}

#related-links h3, 
#next-links h3{
	display: inline;
	width: 256px;
	margin-top: -4px;
}

#related-links .img, 
#next-links .img{
	display: inline;
}

#related-links li, 
#next-links li{
	margin-left: 8px;
}

#related-links li.last .horiz-dots,
#next-links li.last .horiz-dots{
	visibility: hidden;
}

#related-links li.hover, #related-links li.hover *, #related-links li.hover a:hover,
#next-links li.hover, #next-links li.hover *, #next-links li.hover a:hover{
	background: #e55d1f;
	color: #fff;
	text-decoration: none;
}


/* Transparent icons */
.item-list a .icon, .image-links a .icon{
	opacity: .80; /* standards-compliant: ff gt 1.5, opera, safari */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* ie8 including ie8 in ie7 emulation mode*/
	filter: alpha(opacity=80); /* ie lte 7 */
	-khtml-opacity: .80; /* safari 1.x */
	-moz-opacity: .80; /* ff lt 1.5, netscape */
}

#blq-content .item-list a .opaque-icon, #blq-content .image-links a .opaque-icon{
	opacity: 1; /* standards-compliant: ff gt 1.5, opera, safari */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* ie8 including ie8 in ie7 emulation mode*/
	filter: alpha(opacity=100); /* ie lte 7 */
	-khtml-opacity: 1; /* safari 1.x */
	-moz-opacity: 1; /* ff lt 1.5, netscape */
}

/* EMP */
.video-player{
	background-color: #ffffff;
	height: 252px;
}
.video-player a{
	display: none;
}

/* No JS or Flash */
.no-js-flash{	
	text-align: center;	
	height: 100%;
	background-color: #d9e6f0;
	color: #0f5083;	
	font-weight: bold;	
	padding: 16px;	
}

.no-js-flash p{
	margin-bottom: 20px;
}

#blq-content .no-js-flash a{
	color: #e55e1f ;
	text-decoration: underline;
	display: block;
}

.no-flash{
	display: none;
}

.js .flash-disabled .no-flash{
	display: block;
}

/* Info Panel */
.infoPanel{
	font-size: 133.6%;
	font-family: Helvetica, Arial, sans-serif;
}

.js body .glow173-overlay .panel-light .panel-bd{
		margin: 0;
	}
	
.js body .glow173-overlay .panel-light .c{
	min-height: inherit;
}

.infoPanel .bars, 
.infoPanel .tr, .infoPanel .tl, .infoPanel .tb, .infoPanel .br, .infoPanel .bl, .infoPanel .bb{
	display: none;
}

.js body .glow173-overlay .panel-light .infoPanel-pointerL{
	background: url('/staticarchive/f04c50a097be139f2786eca991103df206512e93.gif') no-repeat;
	filter: none;
	width: 23px;
	height: 30px;
	left: 11px;
	top: -15px;
}
	
.js .glow173-overlay .panel-light .c{
	background: #d9e6f0;
	line-height: 1.1;
}

.js .infoPanel h2{
	font-size: 20px;
	color: #505050;
	font-weight: bold;
	margin: 0 0 8px 4px;
}

/* Glossary panel */
.glossaryPanel .panel-close{
	display: none;
}

.js body .glossaryPanel .panel-light .infoPanel-pointerL{
	top: 2px;
	margin-top: 0;
}

.glossaryPanel .glossaryContent{
	width: 352px;
	min-height: 16px;
	padding: 8px;
	color: #505050;
	font-size: 1.2em;
}

.glossaryPanel .glossaryContent a {
    color: #505050;
    text-decoration: none;
}

/* Newsletter promo */
#newsletter-promo{
	background: #ffffff;
	margin-top: 16px;
	padding-bottom: 8px;
}

#newsletter-promo h2{
	color: #40A211;
    padding: 14px 16px 2px;
	font-size: 1.25em;
}

#newsletter-promo .promo{
	margin: 0 8px 0 8px;
	padding: 4px 8px 4px 8px;
}

#newsletter-promo .img, #newsletter-promo .text{
	float: left;
}

#newsletter-promo .img{
	margin: 5px 0 0 2px;
}

#newsletter-promo .text{	
	margin-left: 16px;
	width: 257px;
}

#newsletter-promo p{
	font-size: 1em;
	font-weight: bold;
}

#newsletter-promo .hover{
	background: #e55d1f;	
}

#newsletter-promo .hover a:hover,
#newsletter-promo .hover a, 
#newsletter-promo .hover p{
	color: #fff;
	text-decoration: none;
}

/* Courses Panel */
#col-two #courses{
	background: #ffffff;
	padding-bottom: 8px;	
}

#col-two #courses h2{
	color: #40A211;
	padding: 12px 16px 0 16px;
}

#col-two #courses ul{
	margin-top: -14px;
}

#col-two #courses li{
	margin: 20px 8px 0 8px;
	padding: 8px 8px 0 8px;
}

#col-two #courses .horiz-dots{
	position: relative;
	top: 16px;
}

#col-two #courses li.hover, #courses li.hover *, #courses li.hover a:hover{
	background: #e55d1f;
	color: #fff;
	text-decoration: none;
}

#col-two #courses a{
	text-decoration: none;
}

#col-two #courses .img{
	float: left;
}

#col-two #courses .text{
	float: left;
	width: 144px;
	margin-left: 16px;
	margin-bottom: 8px;	
}

#col-two #courses h3{
	margin-bottom: 8px;
}

#col-two #courses .text p{
	font-size: 0.825em;
}


/* Blog panel */
#blog{
	margin-top: 16px;
	background: #ffffff;
	padding-bottom: 8px;
}

#blog h2{
	color: #40A211;
	padding: 12px 16px 0 16px;
}

#blog .blog{
	margin: 0 8px 0 8px;
}

#blog h3{
	min-height: 19px;
	padding: 8px;
	line-height: 1;
}

#blog a, #blog p{
	text-decoration: none;
}

#blog .author-img, #blog .text{
	float: left;
}

#blog .author-img{
	margin: 16px 8px;
}

#blog .text{
	width: 183px;
	padding: 8px;
}

#blog .tagline{
	font-weight: bold;
	font-size: 1.03em;
	line-height: 1;
}


#blog .author{
	margin-top: 12px;
	font-size: 0.825em;
	color: #A9A9A9;	
}

#blog .tagline *{
	vertical-align: text-top;
}
#blog .tagline .open{
	margin-right: 8px;
}
#blog .tagline .close{
	margin-left: 8px;
}


#blog .hover{
	background: #e55d1f;	
}

#blog .hover a:hover,
#blog .hover a, 
#blog .hover p{
	color: #fff;
	text-decoration: none;
}

#blog .hover .tagline .open{
	background-image: url('/staticarchive/2717fbfc0ab0df86285d9eee1fb85d4a0b6293c1.gif');
}

#blog .hover .tagline .close{
	background-image: url('/staticarchive/5baf67a4ed331ea384e22454b363ad260dfdda0f.gif');
}