/*------------------------------------------------------------------------------

MAIN.CSS FOR CYBEREXTENSION -- VERSION 4

------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------

										HEADER AND TOP-LEVEL NAVIGATION

------------------------------------------------------------------------------*/
/* Jumpy scrollbar fix  */
html{
     overflow: -moz-scrollbars-vertical;
     overflow-y: scroll;
     overflow-x: auto;
}

#header {
	height:51px;
	margin:0;
    min-width: 1000px;
}

form {
	margin:0;
}

#header h1 {
	background:url(../images/v4/rplogo.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	margin:0;
	height: 43px;
	width: 165px;
	float: left;
}

#header h1.pbplogo {
	background:url(../images/v4/pblogo.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin:0;
	height: 43px;
	width: 165px;
	float: left;
}

#header h1.bubbleslogo {
	background:url(../images/v4/bubbleslogo.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin:0;
	height: 43px;
	width: 165px;
	float: left;
}

#header h1.assesslogo {
	background:url(../images/v4/assesslogo.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin:0;
	height: 43px;
	width: 165px;
	float: left;
}

#header h1.obslogo {
	background:url(../images/v4/obslogo.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin:0;
	height: 43px;
	width: 165px;
	float: left;
}

#header h1 a {
    display:block;
    margin:0;
	height: 43px;
	width: 165px;
}

.NavBar {
	float: right!important;
}

.rmVertical a {
	text-decoration:none;
 	color:#587084;
	font-weight:normal;
	font-size:.9em;
}

.rmSlide ul {
	margin:0;
	padding:0;
}

#RPMenuBar.k-menu .k-menu-group .k-item {
    height: 31px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

#RPMenuBar.k-menu .k-menu-group .k-link .cufon {
    padding-top: 5px!important;
}

#ctl00_Menu_rmMenu.RadMenu_Onyx .rmGroup .rmItem {
    height: 31px!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

#ctl00_Menu_rmMenu.RadMenu_Onyx .rmGroup .rmText {
    padding-top: 12px!important;
}

/*#ctl00_Menu_rmMenu.RadMenu_Onyx .rmGroup .rmLink {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}*/

.greeting {	
	float:right;
	font-size:12px;
	height:51px;
	background:url(../images/v4/greeting.jpg) no-repeat top left;
	overflow:visible;
	color: #D1D1D1;
}

    .greeting .innerGreeting {
        width: 130px;
        padding-left: 35px;
        padding-top: 3px;
        overflow: visible;
        white-space: nowrap;
        line-height: normal;
    }

.greeting .welcome {
	font-size:10px;
	display:block;
}

.greeting .userName {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 0px;
}

.greeting a, .greeting a:visited {
	font-size:10px;
	color:#D1D1D1;
}



#header .rmVertical a {
	font-size: 1em;
}

.tagline 
{
    float:right;
	height:51px;
	width:220px;
	background:url(../images/v4/tagline.jpg) no-repeat top left;
}



/*------------------------------------------------------------------------------

                                                          PAGE HEADER

------------------------------------------------------------------------------*/

.pageHeader {
	/*background: #FFFCF8 url(../images/v4/header-bg.jpg) repeat-x left top;
	background: #fdf9f5 url(../images/v4/header-bg.jpg) repeat-x left top;
	*/
	background: #f8f2eb url(../images/v4/header-bg.jpg) repeat-x left top;
	border-bottom:1px solid #eadccf;
	height:48px;
    min-width: 1000px;
	padding: 25px 0 0px 0;
	margin:0;
}

.pageNav {
	float: right;
	/*
    position: relative;
	right: 10px;
	*/
}

/*------------------------------------------------------------------------------

                                                          PAGE UPPER

------------------------------------------------------------------------------*/
.pageUpper {
	background:#f8f2eb;
/*	background:#fdf9f5;*/
	border-bottom:1px solid #eadccf;
	padding-bottom:20px;
}

.pageUpper .shadow {
	background:#f8f2eb url(../images/v4/header-shadow.jpg) center top no-repeat;
	margin-top:0;
	padding:20px 0 0;
/*	caused scrolling in 1024 window
	padding: 20px 40px 0px 50px;*/
}

.pageUpper .inner h3 {
	margin-top:0;
}

.pageHeader .pageCaption {
	padding-left: 50px;
	color:#666666;
	
	clear: left;
	float:left;
	margin-top:-16px;
	/*position: relative;
	top: -20px;*/
	/*display:none;   remove all page captions */
}

input#ctl00_PageHeader_TeacherMail
{
    position:relative;
    z-index: 3000;
    }
a>img {
    border:none;
}


/*------------------------------------------------------------------------------

															PAGE LOWER

------------------------------------------------------------------------------*/

.pageLower {
	margin-top:10px;
}


/*------------------------------------------------------------------------------

                                                               ICONS

------------------------------------------------------------------------------*/

h2.icon {
	height:39px;
	background-repeat: no-repeat;
	margin:0;
	float: left;
    padding-top:7px; /*added after pageCaption hidden*/
}

h2.icon.home {
	background-image: url(../images/v4/icons/home.jpg);
	padding-left: 50px;
}

h2.icon.library {
	background-image: url(../images/v4/icons/library.jpg);
	padding-left: 50px;
}

h2.icon.assignment {
	background-image: url(../images/v4/icons/assignment.jpg);
	padding-left: 50px;
}

h2.icon.librarySearch {
	background-image: url(../images/v4/icons/search.jpg);
	padding-left: 50px;
}

h2.icon.assignmentSearch {
	background-image: url(../images/v4/icons/search.jpg);
	padding-left: 50px;
}

h2.icon.search {
	background-image: url(../images/v4/icons/search.jpg);
	padding-left: 50px;
}

h2.icon.studentWork{
	background-image: url(../images/v4/icons/studentWork.jpg);
	padding-left: 50px;
}

h2.icon.lessonProgress{
	background-image: url(../images/v4/icons/lessonProgress.jpg);
	padding-left: 50px;
}

h2.icon.classroom {
	background-image: url(../images/v4/icons/classroom.jpg);
	padding-left: 50px;
}

h2.icon.gradebook {
	background-image: url(../images/v4/icons/gradebook.jpg);
	padding-left: 50px;
}

h2.icon.currPlanner {
	background-image: url(../images/v4/icons/currPlanner.jpg);
	padding-left: 50px;
}

h2.icon.email {
	background-image: url(../images/v4/icons/email.jpg);
	padding-left: 50px;
}

h2.icon.locker {
	background-image: url(../images/v4/icons/locker.jpg);
	padding-left: 50px;
}

h2.icon.data {
	background-image: url(../images/v4/icons/data.jpg);
	padding-left: 50px;
}

h2.icon.ce {
	background-image: url(../images/v4/icons/ceHome.jpg);
	padding-left: 50px;
}

h2.icon.RTI {
	background-image: url(../images/v4/icons/RTI.jpg);
	padding-left: 50px;
}

h2.icon.login {
	background-image: url(../images/v4/icons/login.jpg);
	padding-left: 50px;
}

h2.icon.studentCenter {
	background-image: url(../images/v4/icons/studentCenter.jpg);
	padding-left: 50px;
}

h2.icon.pacingGuide {
	background-image: url(../images/v4/icons/pacingGuide.jpg);
	padding-left: 50px;
}

h2.icon.walkthrough {
	background-image: url(../images/v4/icons/walkthrough.jpg);
	padding-left: 50px;
}

h2.icon.profileCard {
	background-image: url(../images/v4/icons/profCard.jpg);
	padding-left: 50px;
}

h2.icon.EOYEval {
	background-image: url(../images/v4/icons/EOYEval.jpg);
	padding-left: 50px;
}

h2.icon.SLO {
	background-image: url(../images/v4/icons/SLO.jpg);
	padding-left: 50px;
}

h2.icon.HEDI {
	background-image: url(../images/v4/icons/barChart.jpg);
	padding-left: 50px;
}

h2.icon.activities {
	background-image: url(../images/v4/icons/activities.jpg);
	padding-left: 50px;
}

h2.icon.artifacts {
	background-image: url(../images/v4/icons/artifacts.jpg);
	padding-left: 50px;
}

h2.icon.teacherProfileCard {
	background-image: url(../images/v4/icons/teacherProfile.jpg);
	padding-left: 50px;
}

h2.icon.teacherImprovement {
	background-image: url(../images/v4/icons/teacherImprovement.jpg);
	padding-left: 50px;
}

h2.icon.PDF{
    background-image: url(../images/v4/icons/pdf.jpg);
	padding-left: 50px;
}

h2.icon.settings{
    background-image: url(../images/v4/icons/wrench.jpg);
	padding-left: 50px;
}

h2.icon.edit{
    background-image: url(../images/v4/icons/pencil.jpg);
	padding-left: 50px;
}

input.deleteIcon {	
	position: relative;
	top:8px;
	left: -8px;
}


/*------------------------------------------------------------------------------

													RADWINDOW PAGEHEADER
													
------------------------------------------------------------------------------*/

.RadWindow .pageHeader {
	background-position:0px -4px;
	height:44px;
	padding: 1px 0px 35px 20px;
}

.RadWindow .pageCaption {
	margin-top: -6px;
	padding:0;
	/*display:none;  hide all pageCaptions */ 
}

.RadWindow .pageUpper {
	padding-bottom: 15px;
}

.RadWindow .pageUpper .shadow {
	padding: 20px 0px 0px 20px;
} 

.RadWindow .pageUpper div.floatLeft {
	margin-right: 30px;
}

.RadWindow .inner {
	width: 700px;
}

.RadWindow .pageUpper td {
	padding: 5px 0 5px 0;
}

.RadWindow .pageUpper td span {
	display: block;
	margin: 0px 0 5px 0;
}


/*------------------------------------------------------------------------------

													RADWINDOW PAGEHEADER
													
------------------------------------------------------------------------------*/

.RadWindow.modal td.rwWindowContent {
	background: #fffff1!important;
}



/*------------------------------------------------------------------------------

														SITEWIDE DEFAULTS

------------------------------------------------------------------------------*/


html {
	margin:0;
	padding:0;
}


body {
	background:url(../images/v4/bg.jpg) repeat-x top left;
	margin:0;
	padding:0;
	font-family:Tahoma, Geneva, Verdana, sans-serif!important;
	font-size: 12px;
}

a, a:visited, a:active {
	color:#4C6984;
}

a:hover {
	text-decoration:none;
}

p {
	color:#333333;
	line-height:1.5em;
}

.clear {
	clear: both;
}

.floatRight {
	float: right;
}

.floatRightImportant {
	float: right!important;
}

.floatLeft {
	float:left;
}

.noFloat {
	float: none!important;
	display:inline!important;
}

.leftCol {
	width: 50%;
}

.rightCol {
	float: right;
	width: 50%;
}

.block {
	display:block;
}

.bold {
	font-weight:bold;
}

/* needed for cust control form labels because they float away for some reason */
.custCtrl {
	position:relative;
	top:5px;
}

.scroll {
	margin:0px;
	overflow:auto;
}

.noBg {
	background: none!important;
}

.inner {
	width:960px;
	margin:0 auto;
    padding-bottom: 50px;
}

.innerResponsive {
    min-width: 960px;
    margin:0 30px 0 20px;
    padding-bottom: 50px;
}

.bumper {
	padding: 0 10px;
	margin:10px 0 0 0;
}

.modal .bumper 
{
	padding: 0 10px;
	margin:10px 0 10px 0;
}

div.sectionWrapper {
	padding: 20px 10px 20px 20px;
}

.sectionWrapper h5 {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	padding: 0 5px 10px 20px;
	margin: -4px 0 0 -20px;
}

.fieldsetHeader {
	border:none;
	border-top: 1px solid #aabfd0;
	margin:30px 0 15px;
	padding: 0;
}

.fieldsetHeader legend {
	font-weight: bold;
	color: #333;
	font-size:14px;
	margin:0 0 10px;
	padding:0 3px;

/*	*position:relative;
	*left:-9px;*/
}

.rightCol .fieldsetHeader {
	margin-top: 10px;
}

.searchField {
	border-left:1px solid e2e2e2;
	border-right:1px solid e2e2e2;
	height: 23px;
	width: 297px;
	background: url(../images/v4/searchBoxBg.jpg) left center repeat-x;
	padding:0px;
	margin:5px 0;
	border:none;
	border:1px solid #e2e2e2;
	font-size:18px;
}

.formTable {
	border-collapse:collapse;
	font-size:12px;
}

.formTable>tbody>tr>td, .formTable>tbody>tr>th {
	padding:5px 0;
}

.formTable>tbody>tr>td {
	padding-right:20px!important;
}

.formTable th,
.title {
	text-align: left;
	color: #333333;
	font-weight: bold;
	padding-right:10px!important;
	white-space:nowrap;
}

.actionBar {	
	background:#f8f2eb;
	border-top:1px solid #eadccf;
	border-bottom:1px solid #eadccf;
}

.actionBar a {
	margin-top: 5px;
}


.blockItemList 
{
    list-style:none;
    padding-left:0;
    margin-left:0;
}

.blockItemList image, .blockItemList input {
	vertical-align:middle;
}

.blockItemGrey {
	background: #e0e0e0;
	margin: 1px;
	height: 25px;
	padding: 15px 25px;
	border-left: 8px solid #cccccc
}

.blockItemGreen {
	background:#eff6ed;
	margin:1px;
	/*height:25px; This was breaking when we added a button to the list */
	padding:15px 25px; 
	border-left:8px solid #d9e9d4;
}

.blockItemSapphire {
	background:#e2e7eb;
	margin:1px;
	/*height:25px; This was breaking when we added a button to the list */
	padding:15px 25px; 
	border-left:8px solid #acbfd0;
}

.blockItemName {
	font-size:18px;
	color:#2D5982;	
}

.instructions {
	font-style: italic;
}

p.instructions {
	margin:10px 0px;
}

/*------------------------------------------------------------------------------

												SEARCH BOX CONTROL
									
------------------------------------------------------------------------------*/


/*
.searchBox {
	background: url(../images/v4/searchIcon.jpg) left top no-repeat;
	padding-left: 31px;
	float: left;
	margin-bottom:10px;
}

.searchBox input {
	height: 25px;
	width: 297px;
	background: url(../images/v4/searchBoxBg.jpg) left top repeat-x;
	font-size:18px;
	border: none;
}
*/

.searchControl {
	height: 27px!important;
	background: url(../images/v4/searchIcon.jpg) left top no-repeat;
	padding-left: 31px;
	float: left;
	margin-bottom:10px;
}

.searchControl input {
	margin: 0;
	padding: 0;
}

input.searchBox {
	height:100%;
	min-height: 27px;
	width: 297px;
	
	font-size:16px;
	
	outline: none;
	border: none;
	background: url(../images/v4/searchBoxBg.jpg) left 0px repeat-x;
	
	float: left;
}

input.searchBtn {
	height: 100%;
	min-height: 27px;
	
	background: url(../images/v4/searchBtn.jpg) left top no-repeat;
	width: 105px;
		
	border: none;
	text-indent: -9999px;
}

input.searchBtn:hover {
	background: url(../images/v4/searchBtnHover.jpg) left top no-repeat;
}

.advSearch {
	margin:0px 0 0 15px;
	float:left;
	position: relative;
	top: 5px;
}



/*------------------------------------------------------------------------------

														RETURN LINK
	
------------------------------------------------------------------------------*/

.returnLink {
	background: url(../images/v4/icons/return.png) left 8px no-repeat;
	padding: 11px 0 11px 28px;
	
	position: relative;
	/*top: -5px;*/
	left: -5px;
	
	text-decoration: none;
	font-size: 10px;
}

.returnLink:hover {
	background: url(../images/v4/icons/returnHover.png) left 8px no-repeat;
	text-decoration: underline;
}


/*------------------------------------------------------------------------------

												NOTIFICATION MESSAGES
	
------------------------------------------------------------------------------*/

.errorMsg {
	font-weight:bold;
	font-size:12px;
	color:#454545;
	
	display:block; 
	margin:15px 0px; 
	padding:10px 0px 10px 45px; 
	
	background: #F0BFA0 url(../images/icon_errorMsg.png) no-repeat 15px 10px;
	
	border-top:1px solid #E78E6C;
	border-bottom:1px solid #E78E6C;
}


.validation-summary-errors {
	font-weight:bold;
	font-size:12px;
	color:#454545;
	
	display:block; 
	margin:15px 0px; 
	padding:10px 0px 10px 45px; 
	
	background: #F0BFA0 url(../images/icon_errorMsg.png) no-repeat 15px 10px;
	
	border-top:1px solid #E78E6C;
	border-bottom:1px solid #E78E6C;
}

.validation-summary-errors ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.successMsg {
	font-weight:bold;
	font-size:12px;
	color:#454545;
	
	display:block; 
	margin:15px 0px; 
	padding:10px 0px 10px 45px; 
	
	background: #E5F78D url(../images/icon_successMsg.png) no-repeat 15px 10px;
	
	border-top:1px solid #C3DB4A;
	border-bottom:1px solid #C3DB4A;
}

.alertMsg {
	font-weight:bold;
	font-size:12px;
	color:#454545;
	
	display:block; 
	margin:15px 0px; 
	padding:10px 20px 10px 45px; 
	
	background: #F9E8B1 url(../images/icon_alertMsg.png) no-repeat 15px 10px;
	
	border-top:1px solid #F8DB5D;
	border-bottom:1px solid #F8DB5D;
}

.infoMsg {
	font-weight:bold;
	font-size:12px;
	color:#454545;
	
	display:block; 
	margin:15px 0px; 
	padding:10px 20px 10px 45px; 
	
	background: #c4eefd url(../images/info.png) no-repeat 15px 10px;
	
	border-top:1px solid #62cdf4;
	border-bottom:1px solid #62cdf4;
}


/*------------------------------------------------------------------------------

															TYPOGRAPHY
															
------------------------------------------------------------------------------*/

/*** H2 is a Page Header  ****/
h2 {
	color: #333333;
	font-size: 24px;
	margin:20px 0 5px 0;
}

/***  should this be moved to the homepage css and used in a welcome msg class? ***/
h3 {
	font-size: 16px;
	font-weight: normal;
	color: #2d5982;
	
	margin-bottom: 10px;
}

p {
	margin: 5px 0 10px 0;
}

.warning {
	color: #993333;
}														


/*------------------------------------------------------------------------------

															DATE PICKER
															
------------------------------------------------------------------------------*/

#lnkChooseStart,
#lnkChooseEnd,
#lnkStart,
#lnkDue {
	text-decoration: none;
}

.dateChooser {
	position: relative;
	top: 6px;
}

.dateField {
	width: 70px;
}


/*------------------------------------------------------------------------------

															ASP.NET CSS
															
------------------------------------------------------------------------------*/
.aspNetDisabled
{
    color: GrayText;
}


/*------------------------------------------------------------------------------

															Kendo
															
------------------------------------------------------------------------------*/
.k-button > img {
    vertical-align: middle !important;
}

.btn-cancel {
    color: #d9534f;
}

.btn-save {
    color: #21b384;
}

.k-multiselect:hover,
.k-multiselect input.k-input:hover {
    cursor: pointer;
}

.k-icon.k-i-information {
    overflow: initial;
    top: -1px;
    left: -1px;
}


/*------------------------------------------------------------------------------

															Observation Styles
															
------------------------------------------------------------------------------*/


.fixed {
    position: fixed;
    top: 0;
}

#pageHeaderDiv {
    z-index: 1000;
}

.gridToolbar > ul > li > span {
    padding: 5px !important;
}

.RadComboBoxDropDown .rcbItem {   padding: 2px 1em !important; }
.RadComboBoxDropDown .rcbHovered {   padding: 2px 1em !important; }