/* 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. */

/***** Common Styles for all HOP Pages *****/
div.myHopHeader{
	padding-top: 38px;
	border-bottom: 2px solid #034ea2;
}
/* Welcome Name */
div.myHopHeader h3{
	padding: 1px 0 2px 239px;
	line-height: 1em;
}
div.myHopHeader h3 img{
	float: left;
	margin-right: 10px;
}
div.myHopHeader div.imageHolder{
	float: right;
	position: relative;
}
div.myHopHeader div.hopHeaderImage{
	position: absolute;
	bottom: -26px;
	right: 17px;
}
div.myHopHeader div.hopHeaderImage img{display: block;}

/* My Hop Content */
div.myHopContent{
	padding: 18px 0 20px;
	border-bottom: 2px solid #034ea2;
}

div.myHopContent h4.pageHeading{
	margin-bottom: 15px !important;
	padding: 4px 0 14px 0 !important;
	font-size: 1.8em;
	line-height: 1em;
	border-bottom: 2px solid #78a0cd;	
}

/***** TEMPLATE: signIn *****/
div.signIn div.mainContent{
	padding: 38px 0 15px 260px;
	background: #fff;
}

/* Positioned Image Container */
div.signIn div.mainContent div.imageContainer{position: relative;}
div.signIn div.mainContent div.imageHolder{
	position: absolute;
	top: 48px;
	left: -260px;
}
div.signIn div.signInWrapper{
	padding-bottom: 6px;
	background: url('/images/ltr/all/signInSeperator.gif') 259px repeat-y;
}
div.signIn h4{margin-bottom: 30px;}
div.signIn div.signInContainer{
	float: left;
	width: 261px;
}
div.signIn div.signInContainer label{padding-bottom: 1px;}
div.signIn div.signInContainer div.button{padding: 9px 0 11px;}
div.signIn div.infoContainer{
	float: left;
	width: 410px;
	padding-left: 34px;
}
div.signIn div.infoContainer h5{
	margin-bottom: 3px;
	font-size: 1.1em;
}
div.signIn div.infoContainer div.button{padding: 2px 0 11px;}
div.signIn div.infoContainer div.introText{	width: 410px; margin-bottom: 0;display: table;}

/***** TEMPLATE: createHopId ******/
div.createHop div.mainContent{
	padding: 40px 15px 39px 260px;
	background: #fff;
}
/* Positioned Image Container */
div.createHop div.imageWrapper{position: relative;}
div.createHop div.imageWrapper div.imageHolder{
	position: absolute;
	top: 46px;
	left: -260px;
}
div.createHop div.mainContent h4{
	margin: 0; padding-bottom: 30px;
}
div.createHop div.mainContent div.formIntro{margin-bottom: 15px;}

/* State */
div.createHop div.formRow div.state{
	float: left;
	width: 127px;
	margin-bottom: 4px;
	padding-right: 18px;
}
div.createHop div.formRow div.state label{width: 127px;}
div.createHop div.formRow div.state input{width: 119px;}

/* Zip */
div.createHop div.zip{
	float: left;
	width: 75px;
}
div.createHop div.zip label{width: 75px;}
div.createHop div.formRow div.zip input{width: 67px;}
/* Category */
div.createHop div.optionField{padding: 10px 0 0;}
/* Buy Phonics */
div.createHop  div.buyPhonics label{
	width: 100%;
	padding-top: 10px;
}
div.createHop  div.buyPhonics input{
	width: 330px;	
}
/* Capcha */
div.captchaContainer{
	padding: 20px 0 24px;
}
/* Button */
div.createHop div.button{padding: 14px 0 15px;}

/*** Edit Hop Information ***/
div.editHopInfo div.mainContent{
	padding: 0 15px 20px 20px;
}
div.editHopInfo div.mainContent div.rcContent{
	padding-bottom: 20px;
}

/***** TEMPLATE: Registration Wizard *****/
div.regWizard div.mainContent{
	padding: 0 20px;
	background: #fff;
}
div.regWizard p.intro{
	margin-bottom: 18px;
	line-height: 1em;
}
div.regWizard p.intro span{
	font-size: 1.1em; font-weight: bold;
}
div.regWizard h4{
	margin-bottom: 11px;
	font-size: 1.2em;
}
div.regWizard div.formRow label{
	padding-bottom: 6px;
	font-size: 1em; font-weight: normal;
}
div.regWizard div.skuNumber{
	padding-bottom: 10px;
}
div.regWizard div.skuNumber div.section{
	width: 260px;
	padding-right: 23px;
}
div.regWizard div.skuNumber div.additionalInfo{
	padding-top: 7px;
	font-size:1em;
}
div.regWizard div.skuNumber div.additionalInfo2{
	width: 650px;
	float: left;
}
div.myHopContent div.additionalInfo3{
	margin:15px 0 0 0;
}
/***** TEMPLATE: Dashboard *****/
div.dashboard div.mainContent{
	padding: 0 20px 20px;
	background: #fff;
}

/*** Secondary Navigation for HOP ***/
div.dashboard div.secHopNav{padding-bottom: 18px;}
div.dashboard div.secHopNav ul{
	margin: 0; padding: 0;
}
div.dashboard div.secHopNav li{
	float: left;
	margin: 0 24px 0 0; 
	padding: 0;
	list-style: none;
	font-size: 1.167em; 
	font-weight: bold;
	line-height: 1em;
}

/* Dashboard Link Variations */
div.dashboard a.prek:link, div.dashboard a.prek:visited{color: #ef4223;}
div.dashboard a.kinGar:link, div.dashboard a.kinGar:visited{color: #639}
div.dashboard a.grade1:link, div.dashboard a.grade1:visited{color: #5ba62f;}
div.dashboard a.grade2:link, div.dashboard a.grade2:visited{color: #00aeef}

/** Main Inner Containers **/
/* Left Side (Readers Container) */
div.dashboard div.readersContainer{
	float: left;
	width: 480px;
}
/* Right Side (Related Info Containers) */
div.dashboard div.relatedInfoContainer{
	float: left;
	width: 460px;
}
div.dashboard div.relatedInfoContainer h4{
	margin-bottom: 15px;
	font-size: 1.167em;
}
div.dashboard div.relatedInfoContainer div.rcContent{
	display: inline-block;
	padding: 10px 20px 10px;
}

/*** Readers Details (Present Inside Readers Container) ***/
div.dashboard div.readerDetail{
	padding-bottom: 20px;
}
div.dashboard div.readerDetail ul{
	margin: 0; padding: 0;	
}
div.dashboard div.readerDetail li{
	margin: 0 0 2px;
	padding: 0;
	list-style: none;
	font-size: 1.10em;
}
div.dashboard div.readerDetail h5{
	margin-bottom: 8px;
	font-size: 1.833em;
}
div.dashboard div.readerDetail h5 a{
	margin-left: 6px;
	font-size: 0.55em;
	font-weight: normal;
	line-height: 1em;
}
div.dashboard div.2Detail li a{
	font-weight: bold;
}

/*** Product Information (Present Inside Related Information) ***/
div.dashboard div.prodInfo{margin-bottom: 18px;}
div.dashboard div.prodInfo ul{
	margin: 0;
	padding: 0;
}
div.dashboard div.prodInfo ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1.4em;
}
div.dashboard div.prodInfo div.newProd{
	float: left;
	width: 233px;	
}
div.dashboard div.prodInfo div.registeredProd{
	float: left;
	width: 184px;	
}

/* New Product Registeration */
div.dashboard div.newProd input.txtField{
	width: 152px;
	margin-bottom: 8px;
	color: #999;
}

/* Registered Products Lisitng and Downloads */
div.dashboard div.prodInfo div.downloads{margin-bottom: 11px;}
div.dashboard div.prodInfo div.downloads div.rcContent{padding: 0 14px 5px;}
div.dashboard div.prodInfo div.downloads li{margin-top: 7px;}
div.dashboard div.prodInfo div.downloads a{font-weight: bold;}

/*** Feed Details ***/
div.dashboard div.feeds div.detail{margin-bottom: 12px;}
div.dashboard div.feeds h5{margin: -0px 0 0;}
div.dashboard div.feeds img{
	float: left;
	margin-right: 17px;
}

/********** TEMPLATE: teacherDownloads **********/
div.teacherDownload div.mainContent{
	padding-top: 0;
	padding-bottom: 20px;
	background: #fff;
}
div.teacherDownload div.myHopContent h3{
	font-size: 1.833em;
	margin-bottom: 15px;
}
div.teacherDownload h5{
	margin: 0;
	padding: 4px;
	background: #034ea2;
	color: #fff;
}
div.teacherDownload h3.preK{color: #ef4223;}
div.teacherDownload h3.kinGar{color: #639;}
div.teacherDownload h3.grade1{color: #5ba62f;}
div.teacherDownload h3.grade2{color: #00aeef;}

div.teacherDownload div.fileExplorer{
	overflow: auto;
	border: 1px solid #034ea2;
}
/* Tree Control */
div.teacherDownload .TreeView{padding: 10px; overflow-x: hidden !important;}
div.teacherDownload .TreeNode{cursor: pointer;}

/********** TEMPLATE: readerProgress **********/
div.readerProgress  div.mainContent{
	padding-top: 0;
	padding-bottom: 20px;
	background: #fff;
}
div.readerProgress  div.myHopContent{
	padding: 0;
}

/********** TEMPLATE: myHopMyProfile **********/
div.myProfile div.mainContent{
	padding-top: 0;
	padding-bottom: 20px;
	background: #fff;
}
/* Sections */
/* Common Styles for the Section Content */
div.myProfile div.myHopContent div.rcContainer{
	float: left;
	width: 290px;
	margin-right: 10px;
}
div.myProfile div.myHopContent div.rcContainer div.rcContent{
	padding: 10px 13px;
}
div.myProfile div.reader{
	width: 340px !important;
}
div.myProfile div.product{
	margin-right: 0 !important;	
}
/* Heading */
div.myProfile div.head{
	margin-bottom: 14px;
	padding-bottom: 11px;
	border-bottom: 2px solid #78a0cd;
}
div.myProfile div.head h4{
	float: left;
	font-size: 1.833em;
	line-height:1.1em;
}
div.myProfile div.head ul{
	float: right;
	margin: 0;
	padding: 4px 0 0;
	color: #034ea2;
}
div.myProfile div.head ul li{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
div.myProfile div.head ul li span{
	padding: 0 6px;
}

/* My Information Section */
div.myProfile div.information div.content{
	margin-bottom: 16px;
}
div.myProfile div.information p{
	margin-bottom: 2px;
	font-weight: bold;
	font-size: 1.167em;
}
div.myProfile div.information p.detail{
	margin: 0;	
	font-weight: normal;
}

/* My Reader Section */
div.myProfile div.reader ul.readerList{
	margin: 0;
	padding: 0;
}
div.myProfile div.reader ul.readerList li{
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
	font-size: 1.833em;
	font-weight: bold;
	color: #034ea2;
}
div.myProfile div.reader ul.readerList li a{
	margin-left: 14px;
	font-size: 0.545em;
	line-height: 1em;
	font-weight: normal;
}

/* My Product Section */
div.myProfile div.product div.productList{
	width:263px;
	margin:0;
	padding: 0 0 6px;
	font-size: 1.167em;
	font-weight: bold;
}
div.myProfile div.product ul.productList{
	margin:0;
	padding: 0 0 6px 0;
	list-style:none;
	font-size: 1.167em;
	font-weight: bold;
}
div.myProfile div.product ul.productList li
{
	list-style:none;
	padding: 0 0 6px 0;
	margin:0;
}
div.myProfile div.product div.productList div.prek,div.myProfile div.product ul.productList li.prek{color: #ef4223;}
div.myProfile div.product div.productList div.kinGar,div.myProfile div.product ul.productList li.kinGar{color: #639}
div.myProfile div.product div.productList div.grade1,div.myProfile div.product ul.productList li.grade1{color: #5ba62f;}
div.myProfile div.product div.productList div.grade2,div.myProfile div.product ul.productList li.grade2{color: #00aeef}

/* Remove Product Section */
div.myProfile div.removeProduct div.productList div.productItem{
	width:263px;
	margin-bottom: 4px;
	position: relative;
	padding:0;
}
div.myProfile div.removeProduct div.productList div.productItem span.productName{
	display:block;
	width:220px;
	line-height:1.1em;
}
div.myProfile div.removeProduct div.productList div.productItem div.rcContent
{
	margin:0; padding:0 0 0 10px;
}
div.myProfile div.removeProduct div.productList div.productItem a{
	position: absolute;
	top: 3px;
	right: 4px;	
	width: 21px;
	height: 21px;
	display: block;
	text-indent: -999em;
	background: url('/images/ltr/all/btnDeleteProduct.gif')	no-repeat;
}
div.myProfile div.removeProduct div.button{
	padding: 10px 0 6px;
}

/********** TEMPLATE: My Hop Lesson Introduction **********/
div.lessonIntro div.mainContent{
	padding-top: 0;
	padding-bottom: 20px;
	background: #fff;
}
div.lessonIntro h4{
	margin-bottom: 0px;
}
div.lessonIntro h5{
	font-size: 1.2em;
	margin-bottom: 0px;
}
/*** Brief Intro (Left Side) ***/
div.lessonIntro div.myHopContent{
	padding-top: 10px;
}
div.lessonIntro div.briefInfoContainer{
	float: left;
	width: 220px;
	margin-right: 20px;
}
div.lessonIntro div.briefInfoContainer a.progressLink{
	font-size: 1.2em;
	font-weight: bold;
}
div.lessonIntro div.briefInfoContainer div.content{
	margin: 0px 0 12px;
}
div.minimumRequirements {
    margin-top: 10px;
    font-size: .9em;
}
/*** Lesson Intro (Main Content) ***/
div.lessonIntro div.lesssonDetailContainer{
	float: left;
	width: 700px;
}
div.lessonIntro div.lesssonDetailContainer div.rcContent{
	padding: 6px 10px 15px;
}
div.lessonIntro div.lesssonDetailContainer div.additionalInfo{
	float: left;
	width: 320px;
	padding-right: 50px;
}
div.lessonIntro div.lesssonDetailContainer div.content{
	float: left;
	width:	300px;
}
/* PDF File List */
div.lessonIntro ul.filePdf{
	margin-bottom: 10px;
}
div.lessonIntro ul.filePdf a{
	font-weight: bold;
}
/* Play Button */
div.lessonIntro div.game{
	margin-bottom: 15px;
}
div.lessonIntro div.game a, div.lessonIntro div.game a:visited{
	display: block;
	width: 143px;
	height: 56px;
	text-indent: -999em;
	background: url('/images/ltr/all/sprite.gif') no-repeat -527px top;
}
div.lessonIntro div.game a:focus{outline: none;}
div.lessonIntro div.game a:active, div.lessonIntro div.game a:hover{
	background-position: -527px -56px;
}

/********** TEMPLATE: Reader Information (Add / Edit Reader) **********/
div.readerInfo div.mainContent{
	padding-top: 0;
	padding-bottom: 20px;
	background: #fff;
}
div.readerInfo div.additionalInfo{
	margin-top: 11px;
	width: 330px;
	font-size: 0.9em;
}
div.readerInfo span.optionsContainer label{
	font-weight: normal;
	font-size: 0.9em !important;
}