@charset "UTF-8";

/*teacher accordian and contents
tree menu for pick a catagory*/

/*teacher panel*/

.libQuickSearch{
	margin-top: 1%;
	display: inline;
	width: 75%;
}

.pickActivity label {
	padding-bottom:10px;
	
	
	}

.Accordion {
overflow:auto;
width:95%;
outline:none;
margin: 0;
border-collapse: collapse; 
-moz-box-shadow: 0px 0px 10px 1px #ccc;
-webkit-box-shadow: 0px 0px 10px 1px #ccc;
box-shadow: 0px 0px 10px 1px #ccc;


}
.Accordion p{
	padding-left:2%;
	margin-top:1%;}
	
/*teacher accordian box shadow*/
.tpBoxShadow{

}

/* title and clickbale area */
.AccordionPanelTab {
font-family: 'Roboto', sans-serif;
	font-size: 120%;
	color: #666;
	border-top: solid 1px #e3e3e3;
	border-bottom: solid 1px #e3e3e3;
	margin: 0;
	padding: 1%;
	cursor: pointer;


/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(# CCC));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ffffff, #CCC);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ffffff, #CCC);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ffffff, #CCC);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ffffff, #CCC);
	-moz-user-select: none;
	-khtml-user-select: none;



/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(# CCC));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #ffffff, #CCC);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #ffffff, #CCC);
	/* IE 10 */
	background: -ms-linear-gradient(top, #ffffff, #CCC);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #ffffff, #CCC);
	-moz-user-select: none;
	-khtml-user-select: none;
}



.AccordionPanelContent {
	background-color: transparent;
	overflow: auto;
	overflow-x: hidden;
	margin: 0;
	height: 100%;
	color: #666;
}



.AccordionPanelOpen {
background-color: #FFF;
}

/*text hover*/
.AccordionPanelTabHover {
color:#09f;
}

.AccordionPanelTabHover {
/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#CCC));
/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #ffffff, #CCC);
/* Firefox 3.6+ */
background: -moz-linear-gradient(top, #ffffff, #CCC);
/* IE 10 */
background: -ms-linear-gradient(top, #ffffff, #CCC);
/* Opera 11.10+ */
background: -o-linear-gradient(top, #ffffff, #CCC);
}

/*tree menu**/
/* #menuholder is used only on this site to place the menu*/
/* #menuholder is used only on this site to place the menu*/
#menuholder{
width:99%;
float:left;
margin-left:2%;
margin-bottom:1%;
margin-top:1%;
overflow-y:hidden;
padding:1%;
padding-left:5%;

}



#collapsetree, #collapsetree a:link, #collapsetree li a:link, #collapsetree a:visited, #collapsetree li a:visited{
	color: #666;
	text-decoration: none;
	border: none;

}
#collapsetree,#collapsetree ul{
list-style-type:none;
font-family: 'Roboto', sans-serif;
font-size:110%;
width:auto;
margin-left:2%;
padding:0}

#collapsetree ul{
	padding-left: 5%;
	display: none;
	overflow: visible;
}
#collapsetree li ul{
margin:0 auto
}
#collapsetree li{
display:block;
width:99%;
line-height:125%;
white-space:nowrap;
}
#collapsetree li a{
	display: block;
	padding-left: 10%;
	color: #09f;
	text-decoration: none;
	white-space: nowrap
}
#collapsetree li a:hover{
	text-decoration: underline;
	color: #09f;
}
#collapsetree li ul.click{
display:block
}
#collapsetree li a.subMenu,#collapsetree ul li a.subMenu{
background:url(../img/tmPlus.gif) center left no-repeat

}
#collapsetree li a.click{
background:url(../img/tmMinus.gif) center left no-repeat

}
#collapsetree ul li a.click{
background:url(../img/tmMinus.gif) center left no-repeat

}


/*.libQuickSearch{
	display: inline;

	
	
	}*/
.libItem :hover{
background-color:#D0E9FD;
}



/*activities tab*/

.tpSection{
	width:90%;
	}
	
.tpImage{
	z-index:999;
	width:25%;
	margin-left:2%;
	margin-top:2%;
	background-repeat:no-repeat;
}
		


.tpBottomMargin{
margin-bottom:1%;
}	

	


    .btn_tp {
        	margin-left:35%;
        -moz-box-shadow:inset 0 1px 0 0 #ffffff;
        -webkit-box-shadow:inset 0 1px 0 0 #ffffff;
        box-shadow:inset 0 1px 0 0 #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
        background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
        background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
        
        background-color:#ffffff;
        
        -moz-border-radius:1%;
        -webkit-border-radius:1%;
        border-radius:1%;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
font-family: 'Roboto', sans-serif;
        font-size:70%;
 
        padding:2% 4%;
        text-decoration:none;
        
        text-shadow:0 0.5% 0 #ffffff;
        
    }
    .btn_tp:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
        background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
        background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
        
        background-color:#f6f6f6;
    }
    .btn_tp:active {
        position:relative;
        top:1px;
    }
	
	#tpFeedback{
background-image:url(../img/inline_tip.gif);
background-repeat:no-repeat;
margin-bottom:1%;
padding:1.5%;
position:relative;
width:auto;
height:50%;
background-color:#fff;
font-size:95%;
color:#3f3f3f;
border:thin #3f3f3f solid;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
display:none;
}

#tpFeedback p{
padding-left:1.8em;}