/* Copyright Bridgeline Software, Inc. An unpublished work created in 2009. All rights reserved. 
This software contains the confidential and trade secret information of Bridgeline Software, Inc. ("Bridgeline").  
Copying, distribution or disclosure without Bridgeline's express written permission is prohibited. */

/*************** LTR BASIC STYLES ***************/
html, body, form{margin: 0; padding: 0; height: 100%;}
body{
	font: 75%/1.5em arial, helvetica, sans-serif;
	background: #023e82 url('/images/ltr/all/bodyBg.gif') repeat-x;
	color: #333;
}
input, select, textarea{
	font-size: 100%;
	font-family: arial, helvetica, sans-serif; /*same as body*/
	color: #333;
}

h1, h2, h3, h4, h5, h6{margin: 0;}
h1{font-size: 220%; color: #000;}
h2{font-size: 180%; color: #333;}
h3{font-size: 150%;}
h4{font-size: 130%;}
h5{margin: 0 0 1.1em 0; font-size: 110%;}
h6{margin: 0 0 0.5em 0; font-size: 1em;}

ul{margin: 0; padding: 0;}
ul li{list-style-type: disc; margin-left: 14px;}
ol{margin-left: 2em;padding: 0;}
ul, ol, p{margin: 0;}

/* table{border-collapse: collapse; border-spacing: 0;}*/
td, th{font-size:100%;}
fiedset, img {border:0;}
a, a:visited{text-decoration: none;	color: #034ea2;}
a:hover, a:active{text-decoration: underline;}

/***** BASIC LAYOUT *****/
div.outerWrapper{
	min-height: 100%;
	background: url('/images/ltr/all/bodyAlphabets.gif') top center no-repeat;
}
div.wrapper{
	width: 980px;
	margin: 0 auto;
	padding: 0;
	background: #d1dce9;
}
div.wrapper div.mainContent{
	min-height: 315px;
	padding: 20px 20px 0;
}

/***** HEADER *****/
div.header{
	position: relative;
	width: 980px;
	margin: 0 auto;
	z-index: 50;
}

/* Logo */
div.header div.logo{
	position: absolute;
	top: 17px;
	left: -5px;
}

/*** Utility Container ***/
div.utilityContainer{
	float: right;
	font-weight: bold;
	padding: 21px 0 16px;
}

/* Utility Navigation */
div.utilityContainer div.utilityNav{
	float: left;
	padding-top: 2px;
}
div.utilityContainer div.utilityNav ul{margin: 0; padding: 0;}
div.utilityContainer div.utilityNav ul li{
	float: left;
	margin: 0;
	padding-right: 15px;
	list-style: none;
}
div.utilityContainer a{
	color: #ccffff !important;
}
div.utilityContainer div.utilityNav ul li.current a,
div.utilityContainer div.loginInfo span.current a{color: #ffffcc !important;}

/* Login Information */
div.utilityContainer div.loginInfo{
	padding: 2px 75px 0 0;
	float: left;
}
div.utilityContainer div.loginInfo span{
	float: left;
}
div.utilityContainer div.loginInfo span.name{
	margin-right: 8px;
	color: #ffc;
}

/* Search Container*/
div.utilityContainer div.searchContainer{float: left;}
div.utilityContainer div.searchContainer input{
	float: left;
	width: 126px;
	margin-right: 10px;
	padding: 3px 5px;
	border: 1px solid #fff;
	background: #4386d0;
	color: #fff;
}
div.utilityContainer div.searchContainer input.search{
	width: 31px;
	margin: 0;
	padding: 0;
	height: 23px;
}

/***** FOOTER *****/
div.footer{
	width: 980px;
	margin: 0 auto;
	padding-bottom: 20px;
}
div.footer div.rcContent{
	width: 943px;	
	padding: 16px 17px 10px 20px !important;
}

/* Footer Navigation */
div.footer div.section{float: left;}
div.footer div.section ul{margin: 0; padding: 0;}
div.footer div.section ul li{
	float: left;	
	margin: 0;
	padding: 0;
	list-style: none;
}
div.footer div.section ul li a{float: left;}
div.footer div.section ul li span{
	float: left;
	padding: 0 7px;
	font-weight: bold;
	color: #999;	
}
/* Copyright Info */
div.copyright{
	clear: both;
	padding-top: 2px;	
	color: #999;
}
div.copyright *{margin: 0;}
div.footer img.logo{
	display: block;
	float: right;
}

/***** FORM BASIC STYLES ******/
div.formRow{margin-bottom: 10px;}
div.formRow div.section{
	float: left;
	padding-right: 30px;
}
div.formRow label{
	display: block;	
	width: 220px;
	padding-bottom: 2px;
	font-size: 1.15em;
	font-weight: bold;
}
div.formRow label span{font-size: 0.9em;}
div.formRow input.txtField{
	display: block;
	width: 212px;
	padding: 4px;
	border: 1px solid #f58220;
}
input.txtField{
	padding: 4px;
	border: 1px solid #f58220;
}
.checkBox input{
	margin-left: 0;		
	*margin-left: -5px;		
}
div.optionField label{display: inline; padding: 0 10px 0 2px;}
div.optionField p{
	float: left;
	padding-right: 15px;
	font-size: 1.15em;
	font-weight: bold;
}
div.formRow p.formFieldInfo{padding: 10px 0;}
div.formRow span.validator{color: #ed350b;}
div.button input{float: left; margin-right: 10px;}
div.button span.info{float: left; padding: 5px 0 0 15px}
/***** LTR Code Snippets *****/
/* Video Thumbnail */
div.videoThumbnail{
	clear: both;
	float: none;
	margin-bottom: 15px;
}
div.videoThumbnail img{
	float: left;
	display: block;
	margin-right: 18px;
}
div.videoThumbnail div.content{
	float: left;	
	width: 250px;
	padding-top: 2px;
}

/***** LTR Author Styles *****/
.MoveLeft{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
.MoveLeftMore{
	float: left;
	padding-right: 25px;
	padding-bottom: 10px;
}
.MoveRight{
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
.SubHeading{
	font-size: 1.2em;
	font-weight: bold;
}
.HighLightText{
	font-size: 1.2em;
}
.BlueColor{color: #034ea2;}
.OrangeColor{color: #ef4223;}
.LightOrangeColor{color: #f58220;}
.PurpleColor{color: #74489d;}
.GreenColor{color: #5ba62f;}
.LightBlueColor{color: #00aeef;}
.HeadingBlue{
	font-size: 1.5em;
	font-weight: bold;	
	color: #034ea2;	
}
.HeadingLightBlue{
	font-size: 1.5em;
	font-weight: bold;	
	color: #00aeef;
}
.HeadingOrange{
	font-size: 1.5em;
	font-weight: bold;	
	color: #ef4223;
}
.HeadingPurple{
	font-size: 1.5em;
	font-weight: bold;	
	color: #74489d;
}
.HeadingGreeen{
	font-size: 1.5em;
	font-weight: bold;	
	color: #72bf44;
}

/********** MISCELLANEOUS **********/
.clearFix{
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	float: none;
	font-size: 0;
}
.flashEditMode{
	padding: 45px 0 15px;
	background: #fff;
}

/***** SIFR Version 3 STYLES *****/
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}
	.sIFR-replaced, .sIFR-ignore{visibility: visible !important;}
	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
	}
	.sIFR-active .userName{
		font-size: 1.8em;
		font-weight: normal;
		color: #034ea2;
	}
	.sIFR-active .userName object{
		margin: -7px 0 0 -4px;
	}
	.sIFR-active .studentName{
		font-size: 1.8em;
		font-weight: normal;
		color: #034ea2;
	}	
	/* My HOP Lesson Heading */
	.sIFR-active .lessonHeadingprek{
		font-size: 1.8em;
		font-weight: normal;
		color: #f04f32;
	}	
	.sIFR-active .lessonHeadingkinGar{
		font-size: 1.8em;
		font-weight: normal;
		color: #663399;
	}	
	.sIFR-active .lessonHeadinggrade1{
		font-size: 1.8em;
		font-weight: normal;
		color: #5ba62f;
	}	
	.sIFR-active .lessonHeadinggrade2{
		font-size: 1.8em;
		font-weight: normal;
		color: #00aeef;
	}	
}

/******************** LTR Navigations ********************/
/***** GLOBAL NAVIGATION *****/
div.globalNav{
	clear: both;
	background: url('/images/ltr/all/globalNavBg.png');
}
div.globalNav ul{
	float: right;
	margin: 0;
	padding: 0 8px 0 0;
}
div.globalNav ul li{
	float: left;
	margin: 0;padding: 0;
	list-style: none;
}
div.globalNav ul li a{
	display: block;
	padding: 12px 11px 10px;
	height: 18px;
	font-size: 1.45em;
	font-weight: bold;
	text-indent: -999em;
	background: url('/images/ltr/all/sprite.gif') top left no-repeat;
	color: #fff;
}
div.globalNav ul li a:focus{
	outline: 0;
}

div.globalNav ul li a:hover{color: #ff9;}
div.globalNav ul li.current a{color: #ff9;}

div.globalNav ul li.link1 a{width: 90px; background-position: left 13px;}
div.globalNav ul li.link1 a:hover{background-position: left -27px;}
div.globalNav ul li.link1 a.current{background-position: left -67px;}

div.globalNav ul li.link2 a{width: 124px; background-position: -112px 13px;}
div.globalNav ul li.link2 a:hover{background-position: -112px -27px;}
div.globalNav ul li.link2 a.current{background-position: -112px -67px;}

div.globalNav ul li.link3 a{width: 97px; background-position: -258px 13px;}
div.globalNav ul li.link3 a:hover{background-position: -258px -27px;}
div.globalNav ul li.link3 a.current{background-position: -258px -67px;}

div.globalNav ul li.link4 a{width: 46px; background-position: -377px 13px;}
div.globalNav ul li.link4 a:hover{background-position: -377px -27px;}
div.globalNav ul li.link4 a.current{background-position: -377px -67px;}

div.globalNav ul li.link5 a{width: 58px; background-position: -445px 13px;}
div.globalNav ul li.link5 a:hover{background-position: -445px -27px;}
div.globalNav ul li.link5 a.current{background-position: -445px -67px;}

/***** MINI SITEMAP CONTAINER *****/
div.miniSitemapOuterContainer{padding: 20px;}
div.miniSitemapContainer div.rcContent{position: relative;}
div.miniSitemapContainer div.navContainer{padding: 1px 0 2px 230px;}
div.miniSitemapContainer div.imageHolder{
	position: absolute;
	left: 28px;
	bottom: -4px;
}
div.imageHolder img{display: block;}

/* Mini Sitemap Navigation */
div.miniSitemapContainer div.miniSitemap{
	float: left;
}
div.miniSitemapContainer div.miniSitemap ul{margin: 0;padding: 0;}
div.miniSitemapContainer div.miniSitemap ul li{margin: 0;padding: 0;}
div.miniSitemapContainer div.miniSitemap ul ul{padding: 0;}
div.miniSitemapContainer div.miniSitemap ul li{float: left; padding-right: 83px; font-weight: bold; list-style: none; }
div.miniSitemapContainer div.miniSitemap ul li li{float: none; padding: 0; font-weight: normal; white-space: nowrap; }

/* Stay Connected Navigation */
div.stayConnected{float: left;}
div.stayConnected h6{
	margin: 0 0 0 0px;
	*margin-left: -2px;
	_margin-left: 0;
	padding: 0;
	font-size: 1em;
}
div.stayConnected ul{
	margin: 0; padding: 0;
}
div.stayConnected ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}

/********* Secondary Navigation *********/
div.secondaryNav{
	margin:62px 0px 24px 0px;
	font-size:1.167em; font-weight:bold;
}
div.secondaryNav ul{margin:0 !important; padding:0!important;}
div.secondaryNav ul li{
	list-style: none !important;
	padding-bottom:6px;
	margin:0;
}
div.secondaryNav ul li a,div.secondaryNav ul li a:hover,div.secondaryNav ul li a:active,div.secondaryNav ul li a:visited{
	padding-right:8px;
	text-decoration:none;
}
div.secondaryNav ul li a{
	background: url('/images/ltr/all/sprite.gif') no-repeat;
}
div.secondaryNav ul li.link1 a{
	background-position: right -168px;
	color:#034ea2;	
}
div.secondaryNav ul li.link2 a{
	background-position: right -199px;
	color:#ef4223;	
}
div.secondaryNav ul li.link3 a{
	background-position: right -229px;
	color:#74489d;	
}
div.secondaryNav ul li.link4 a{
	background-position: right -259px;
	color:#72bf44;	
}
div.secondaryNav ul li.link5 a{
	background-position: right -288px;
	color:#00aeef;	
}
div.secondaryNav ul li a.current{
	background: none !important;
}

/*** In the Classroom Nav ***/
div.inTheClassNav div.secondaryNav ul li.link2 a{
	background-position: right -229px;
	color:#74489d;	
}
div.inTheClassNav div.secondaryNav ul li.link3 a{
	background-position: right -259px;
	color:#72bf44;	
}
div.inTheClassNav div.secondaryNav ul li.link4 a{
	background-position: right -288px;
	color:#00aeef;	
}

/*** Why It Works Templates Variation ***/
div.whyItWorks div.secondaryNav ul li a, div.genericContent div.secondaryNav ul li a{
	background: url('/images/ltr/all/sprite.gif') no-repeat right -318px !important;
	color: #f58220 !important;
}
div.whyItWorks div.secondaryNav ul li a.current, div.genericContent div.secondaryNav ul li a.current{
	background: none !important;
	color: #034ea2 !important;
}
/***** MyHOP Navigation *****/
ul.myhopNav{
	float: left;
	margin: 0; padding:0
}
ul.myhopNav li{
	float: left;
	margin: 0;
	padding-left: 30px;
	list-style: none;
	font-size: 1.167em; font-weight: bold;
	background: #fff url('/images/ltr/all/sprite.gif') -735px top no-repeat;	
	color: #fff;
}
ul.myhopNav li span{
	display: block;
	padding: 6px 30px 2px 0;
	background: url('/images/ltr/all/sprite.gif') right top no-repeat;
}
ul.myhopNav li.current{background: #034ea2 url('/images/ltr/all/sprite.gif') -735px -70px no-repeat;}
ul.myhopNav li.current span{background: #034ea2 url('/images/ltr/all/sprite.gif') right -70px no-repeat;}
ul.myhopNav li a:link, ul.myhopNav li a:visited{color: #f58220;}

/******************** LTR COMPONENTS ********************/
/****** Rounded Corner Container - Skeleton *****/
div.rcContainer div.rcTop, div.rcContainer div.rcBottom{
	height: 4px;
	padding-left: 4px;
	font-size: 0; /* For IE */
	line-height: 0; /* For IE */
	background-repeat: no-repeat;
}
div.rcContainer div.rcTop span, div.rcContainer div.rcBottom span{
	display: block;
	height: 4px;
	background-repeat: no-repeat;
}
div.rcContainer div.rcContentWrapper{display: table; width: 100%;}
div.rcContainer div.rcContent{padding: 4px 10px;}
/* Image */
div.rcContainer div.rcTop, div.rcContainer div.rcBottom,
div.rcContainer div.rcTop span, div.rcContainer div.rcBottom span{
	background-image: url('/images/ltr/all/sprite.gif');
}

/** Blue Corner Container **/
div.blueCorner div.rcTop{background-position: left -141px}
div.blueCorner div.rcTop span{background-position: right -145px}
div.blueCorner div.rcBottom{background-position: left -153px;}
div.blueCorner div.rcBottom span{background-position: right -149px;}
div.blueCorner div.rcContentWrapper{background: #edf3f8;}

/** White Corner Container **/
/* Wrapper */
div.whiteCorner div.rcTop{background-position: left -109px;}
div.whiteCorner div.rcTop span{background-position: right -113px;}
div.whiteCorner div.rcBottom{background-position: left -121px;}
div.whiteCorner div.rcBottom span{background-position: right -117px;}
div.whiteCorner div.rcContentWrapper{background: #fff;}

/* White Containers inside Wrapper */
div.wrapper div.whiteCorner div.rcTop{background-position: left -125px;}
div.wrapper div.whiteCorner div.rcTop span{background-position: right -129px}
div.wrapper div.whiteCorner div.rcBottom{background-position: left -137px;}
div.wrapper div.whiteCorner div.rcBottom span{background-position: right -133px;}
div.wrapper div.whiteCorner div.rcContentWrapper{background: #fff;}

/******* FILE LISTING *****/
/* PDF File Listing */
ul.filePdf{
	margin: 0;
	padding: 0;
}
ul.filePdf li{
	margin: 0;
	padding: 0 0 5px 26px;
	list-style: none;
	background: url('/images/ltr/all/sprite.gif') no-repeat -695px -88px;
}
ul.filePdf li.row{
	clear: both;
	float: left;
}

/****** INTRO CONTAINERS FOR MAIN LANDING PAGES *****/
/* (USED IN: In The Home landing template & In the Classroom landing template) */
div.introContainer{
	position: relative;
	width: 980px;
	background: #fff;
}
div.introContainer div.column1{
	float: left;
	width: 230px;
	padding-left: 20px;	
}
div.introContainer div.column2{
	float: right;
	width: 720px;
	font-size: 1.09em;
	line-height: 1.4em;
}
div.introContainer div.column2 h1{margin:0; padding: 41px 0 15px 0;}
div.introContainer div.column2 h1 img{display: block; margin:0; }
div.introContainer div.column2 div.content{width: 390px;}
div.introContainer img.lifeStylePic{
	position: absolute;
	right: 0;
	bottom: 0;
}
div.introContainer a.buyIt{
	float: right;
	padding: 15px 20px 0 0;
}
/* Product Intro */
div.ltrProductDetail{
	padding-bottom: 20px;	
}

/***** Page Header *****/
div.pageHeader{
	margin-bottom: 20px;
	padding: 39px 0;
	background: #fff;
}
div.pageHeader h3{
	padding: 1px 0 7px 260px;
	line-height: 1em;
}
div.pageHeader h3 img{
	float: left;
	margin-right: 10px;
}
div.pageHeader div.imageHolder{
	float: right;
	position: relative;
	border: 1px solid yellow;
}
div.pageHeader div.pageHeaderImage{
	position: absolute;
	top: -48px;
	right: 39px;
}
div.pageHeader div.pageHeaderImage img{display: block;}

/********* TEMPLATE: In The Home landing template & In the Classroom landing template *********/
/* Content Section (Containers below Intro Content) */
div.inTheHomeContent div.column1, div.inTheHomeContent div.column2,
div.inTheClassroomContent div.column1, div.inTheClassroomContent div.column2{
	float: left;
	width: 460px;
}
div.inTheHomeContent div.column1, div.inTheClassroomContent div.column1{
	margin-right: 20px;	
}
div.inTheHomeContent div.column1 h2, div.inTheHomeContent div.column2 h2{
	height: 21px;
	margin-bottom: 8px;
	padding: 0;
}

/***** More Information Container *****/
div.moreInformation{
	position: relative !important;
}
div.moreInformation div.content{
	width: 330px;
}
div.moreInformation div.imageHolder{
	position: absolute !important;
	bottom: 0;
	right: 0;
}


/***** Breadcrumb *****/
div.breadcrumb{font-size: 1.1em;}
div.breadcrumb a, div.breadcrumb a:visited{
	font-weight: bold;
	text-decoration: underline;
}
div.breadcrumb a:active, div.breadcrumb a:hover{
	text-decoration: none;
}
div.breadcrumb span.seperator{padding: 0 2px 0 5px; font-weight: bold; color: #034ea2;}
div.breadcrumb span.current{
	font-weight: bold;
	color: #369;
}

/**********	 MODAL WINDOW STYLES (Thick Box) **********/
#TB_overlay{
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.TB_overlayMacFFBGHack {background: url('/images/ltr/all/modalFFBgHack.png') repeat;}
.TB_overlayBG {
	background-color: #fff;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	display: none;
	z-index: 1002;
	position: fixed;
	top: 50%;
	left: 50%;
	text-align: left;
	color: #000;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image{
	display: block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption{
	float: left;
	height: 25px;
	padding: 7px 30px 10px 25px;
}
#TB_closeWindow{
	float: right;
	height: 25px;
	padding: 11px 25px 10px 0;
}
#TB_closeAjaxWindow{
	float: right;
	margin-bottom: 1px;
	padding: 7px 10px 5px 0;
	text-align: right;
}
#TB_ajaxWindowTitle{
	float: left;
	margin-bottom: 1px;
	padding: 7px 0 5px 10px;
}
#TB_title{
	height: 27px;
	background-color: #e8e8e8;	
	visibility:hidden;
}
#TB_ajaxContent{
	overflow: auto;
	clear: both;
	text-align: left;
}
#TB_ajaxContent.TB_modal{
	padding: 15px;
}
#TB_ajaxContent p{
	padding: 5px 0 5px 0;
}
#TB_load{
	z-index: 1003;
	display: none;
	position: fixed;
	width: 31px;
	height: 31px;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear: both;
	border: none;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}
/***** VIDEO PLAYER STYLES *****/
div.videoPlayer{
	width: 579px;
	height: 469px;
	padding: 15px 17px 15px 15px;
	background:url('/images/ltr/all/modalWindow.png') no-repeat;
}

div.videoPlayer div.content{
	position: relative;
	height: 375px;
	padding: 48px 50px;
	background: #fff;	
}
div.videoPlayer div.content a.closePlayer{
	display: block;
	height: 25px;
	width: 25px;
	position: absolute;
	right: -10px;
	top: -10px;
	text-indent: -999em;
	cursor: pointer;
	background: url('/images/ltr/all/modalClose.png') no-repeat;
}