﻿


/*MEGS+ LAF Changes - PCR-017, Late October 2011*/
.staticNav
{
	text-align: left;
	padding-right: 0px; 
	padding-left: 0px; 
	background: #325892; 
	padding-bottom: 0px; 
	margin: 0px; 
	height: 25px;
	cursor: pointer; 
	padding-top: 0px; 
	list-style-type: none;
	float:left;
	
}


div.staticNav a {
	display: block; 
	padding-left: 10px; 
	float: left; 
	margin-left: 0px; 
	color: #fff; 
	height: 18px; 
	text-decoration: underline;
	padding-top: 4px;
	padding-bottom: 4px;
}

div.staticNav a span {
	/*
 padding-right: 10px; 
 display: block; 
 float: left; 
 cursor: pointer; 
 padding-top: 6px; 
 height: 21px;
 */
}
div.staticNav a:hover {
	cursor: pointer; 
	color: #6699cc; 
	text-decoration: none;
}

div.staticNav ul 
{
	margin: 0;
	padding: 0;
}

div.staticNav li {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	float: left; 
}


.clearDiv
{
	clear: both;
}

.navcontainer
{
	width: 100%;
	background: #325892; 
	clear:both;
}



/* Tabs CSS */
div.welcomeNav
{ 
 list-style: none; 
 padding: 0; 
 margin: 0;
 height: 27px;
 float: right;
 background: #cccccc url('../images/imgStandardBackground.png');
} 

div.welcomeNav ul
{
	margin: 0;
	padding: 0;
}

div.welcomeNav a 
{ 
 color: #FFF;
 text-decoration: none; 
 padding-left: 10px; 
 height: 27px;
 margin-left: 0px; 
 display: block; 
 float: left; 
} 

div.welcomeNav a {
	display: block; 
	padding-left: 10px; 
	float: left; 
	margin-left: 0px; 
	color: #fff; 
	height: 18px; 
	text-decoration: underline;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 12px;
}
div.welcomeNav a span {
	/*
 padding-right: 10px; 
 display: block; 
 float: left; 
 cursor: pointer; 
 padding-top: 6px; 
 height: 21px;
 */
}
div.welcomeNav a:hover {
	cursor: pointer; 
	color: #6699cc; 
	text-decoration: none;
}

div.welcomeNav ul 
{
	margin: 0;
	padding: 0;
}

div.welcomeNav li {
	padding-right: 0px; 
	display: block; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	float: left; 
}

.nav1container
{
	width: 100%;
	background: #cccccc url('../images/imgStandardBackground.png');
	clear:both;
}	


.welcomeText
{
	display: block; 
	padding-left: 10px; 
	float: left; 
	margin-left: 0px; 
	color: #fff; 
	height: 18px; 
	padding-top: 4px;
	padding-bottom: 4px;
}


/*Breadcrumbs*/
#ctl00_Breadcrumbs_divBreadcrumbWrapper
{
	background-color: #d6dce6;
	border: 1px solid #77F;
	padding: 1em 1em 1em 0em;
	width: 860px;
	margin: 10px 0px 10px 0px;
}

.breadcrumbList
{
	padding: 5px;
	margin: 0px 0px 15px 0px;
}

.breadcrumbList li
{
	float: left;
	padding-right: 10px;
	list-style: none;
}

.anchorCancelStyle
{
	margin: 0;
	padding: 0;
}

.welcomeSeparator
{
	display: block; 
	float: left; 
	margin-left: 0px; 
	color: #fff; 
	height: 18px; 
	padding-top: 4px;
	padding-bottom: 4px;
}


#pnlQuickLinks
{
	width:860px;
}

.quickLinksSpan
{
	float:left;
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.quicklinks
{
	margin: 0;
	padding: 5px 0px 5px 0px;
}

.quicklinks li
{
	float: left;
	padding-right: 10px;
	list-style: none;
}

.cssDataGridAppInfo
{
 border: 0px;
 margin: 2px 4px 4px 2px;
 width: 800px;
 border: 1px solid #000000;
}

.cssDataGridAppInfoHeaderItem
{
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #D6DCE6; /*#333399;*/
 color: #000000;
}



.cssDataGridAppInfo TD
{
 border: 0px;
 padding: 3px;
}
.cssDataGridAppInfo a
{
color: #003366;
text-decoration: underline;
}
.cssDataGridAppInfo a:hover
{
color: #003366;
text-decoration: none;
}
.cssDataGridAppInfo .cssDataGridAppInfoAlternatingItem TD
{
 border: 0px;
 background-color: #E3E3E3;
}

.cssAppInfo
{
	background-color: #d6dce6;
	border: 1px solid black;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 800px;
	
}

.cssAppInfo TR TD
{
	padding: 5px;
}

.cssBasicAppInfo
{
	line-height: 18px;
}

.hideback
{
	display: none;
}

/*END MEGS+ LAF Changes - PCR-017*/



/******Sporadic Calendar*****/
.cssDataGridSporadicCalendar
{
 border: 1px;
 margin: 2px 4px 4px 2px;
 width: 800px;
}


.cssDataGridSporadicCalAltHeaderItem
{
 border: 1px solid #000000;
 padding: 4px;
 text-align: center;
 font-weight: bold;
 background-color: #c6d9ff;
 color: #000000;
 
}

.cssDataGridSporadicCalAltHeaderItem TH
{
	text-align: center;
	padding: 3px;
}


.cssDataGridSporadicCalendarHeaderItem_CENTER
{
 border: 1px;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #333399;
 color: #FFFFFF;
}


.cssDataGridSporadicCalendarGroupHeaderItem
{
 border: 1px;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #AAAAAA;
 color: #FFFFFF;
}
.cssDataGridSporadicCalendarFooterItem
{
 border: 1px;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #eeeeee;
 color: #FFFFFF;
}
.cssDataGridSporadicCalendar TD
{
 border: 1px;
 padding: 3px;
}
.cssDataGridSporadicCalendar a
{
color: #003366;
text-decoration: underline;
}
.cssDataGridSporadicCalendar a:hover
{
color: #003366;
text-decoration: none;
}
.cssDataGridSporadicCalendar .cssDataGridSporadicCalendarAlternatingItem TD
{
 border: 1px;
 background-color: #E3E3E3;
}

.sporadicCalendar_mainPanel
{
	padding: 10px;
}

.sporadicCalendar_MonthName
{
	padding-top: 10px;
}

.sporadicCalendar_siteName
{
	padding-top: 10px;
	padding-bottom: 10px;
}

.sporadicCalendar_sectionTop
{
	padding: 3px;
	border: 1px solid #000;
	width: 794px;
	margin-bottom: 5px;
	background-color: #E1E2F2;
	
	
}


.defaultList
{
	padding-bottom:1em;
  padding-left:2em;
  counter-reset: item
}

.defaultList li
{
	padding-top: 3px;
	display:block;
}

.defaultList li:before
{
	content: counter(item) ". ";
	counter-increment: item;
	font-weight: bold;
}

/******END Sporadic Calendar*****/


/*****Program of study status page*****/

.programOfStudyStatusbuttonRow
{
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: 1px solid #000;
	
	width: 794px;
	margin-bottom: 5px;
	background-color: #E8E8E8;	
	text-align:right;
}


.cssDataGridProgramOfStudy
{
 border: 1px;
 margin: 2px 4px 4px 2px;
 width: 800px;
}



.cssDataGridProgramOfStudyAltHeaderItem
{
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #c6d9ff;
 color: #000000;
 
}

.cssDataGridProgramOfStudyAltHeaderItem TH
{
	text-align: left;
	padding: 3px;
}

.cssDataGridProgramOfStudyFooterItem
{
 border: 1px;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #eeeeee;
 color: #FFFFFF;
}
.cssDataGridProgramOfStudy TD
{
 border: 1px;
 padding: 3px;
}
.cssDataGridProgramOfStudy a
{
color: #003366;
text-decoration: underline;
}
.cssDataGridProgramOfStudy a:hover
{
color: #003366;
text-decoration: none;
}
.cssDataGridProgramOfStudyAlternatingItem 
{

 background-color: #E3E3E3;
}

/*****END Program of study status page*****/


/*****BEGIN LEA Allocation Page******/

/******Sporadic Calendar*****/
.cssDataGridLEAAllocation
{
 border: 1px;
 margin: 2px 4px 4px 2px;
 width: 800px;
}


.cssDataGridLEAAllocationAltHeaderItem
{
 border: 1px solid #000000;
 padding: 4px;
 text-align: center;
 font-weight: bold;
 background-color: #c6d9ff;
 color: #000000;
 
}

.cssDataGridLEAAllocationAltHeaderItem TH
{
	text-align: center;
	padding: 3px;
}


.cssDataGridLEAAllocationHeaderItem_CENTER
{
 border: 1px;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #333399;
 color: #FFFFFF;
}


.cssDataGridLEAAllocationGroupHeaderItem
{
 border: 1px;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #AAAAAA;
 color: #FFFFFF;
}
.cssDataGridLEAAllocationFooterItem
{
 border: 1px;
 padding: 4px;
 text-align: right;
 font-weight: bold;
 background-color: #eeeeee;
 color: #FFFFFF;
}
.cssDataGridLEAAllocation TD
{
 border: 1px;
 padding: 3px;
}
.cssDataGridLEAAllocation a
{
color: #003366;
text-decoration: underline;
}
.cssDataGridLEAAllocation a:hover
{
color: #003366;
text-decoration: none;
}
.cssDataGridLEAAllocation .cssDataGridLEAAllocationAlternatingItem TD
{
 border: 1px;
 background-color: #E3E3E3;
}

.cssTextbox_RigthAlign
{
	text-align: right;
}
/********END LEA Allocation********/

/*******START SubRecip*******/
.cssDataGridSubRecip
{
 border: 1px solid black;
 margin: 2px 4px 4px 2px;
 width: 800px;
}


.cssDataGridSubRecipAltHeaderItem
{
 border: 1px solid #000000;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 /*background-color: #c6d9ff;*/
 color: #000000;
 
}

.cssDataGridSubRecipAltHeaderItem TH
{
	text-align: left;
	border: 1px solid #000000;
	padding: 3px;
}


.cssDataGridSubRecipHeaderItem_CENTER
{
 border: 1px;
 border: 1px solid #000000;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #333399;
 color: #FFFFFF;
}


.cssDataGridSubRecipGroupHeaderItem
{
 border: 1px solid #000000;
 padding: 4px;
 text-align: left;
 font-weight: bold;
 background-color: #AAAAAA;
 color: #FFFFFF;
}
.cssDataGridSubRecipFooterItem
{
 border: 1px;
 padding: 4px;
 text-align: right;
 font-weight: bold;
 background-color: #eeeeee;
 color: #FFFFFF;
}
.cssDataGridSubRecip TD
{
 border: 1px solid #000000;
 padding: 3px;
}
.cssDataGridSubRecip a
{
color: #003366;
text-decoration: underline;
}
.cssDataGridSubRecip a:hover
{
color: #003366;
text-decoration: none;
}
.cssDataGridSubRecip .cssDataGridSubRecipAlternatingItem TD
{
 border: 1px solid #000000;
 background-color: #E3E3E3;
}
/*END SUB RECIP*/

.cssHidden
{
	display: none;
}

.cssDataGridSubRecipWide
{
 border: 1px solid black;
 margin: 2px 4px 4px 2px;
}
.cssDataGridSubRecipWide TD
{
 border: 1px solid #000000;
 padding: 3px;
}
.cssDataGridSubRecipWide a
{
color: #003366;
text-decoration: underline;
}
.cssDataGridSubRecipWide a:hover
{
color: #003366;
text-decoration: none;
}
.cssDataGridSubRecipWide .cssDataGridSubRecipAlternatingItem TD
{
 border: 1px solid #000000;
 background-color: #E3E3E3;
}


/*******************************
Review Panels
*******************************/


/*STYLES FOR TESTING*/
#sidebar {
       width: 740px;
       margin: 0px;
       padding: 0px;
       border-spacing: 0px;
       background-color: Red;
       float:left;
}
#content {
width: 740px;
padding: 0px;
margin:0px;
border-spacing: 0px;
background-color:Blue;
        float: right;
}


#container
{
 margin: 0px;
 padding: 0px;
 border-spacing: 0px; 
}

/*END STYLES FOR TESTING*/


/*

HTML Element Base Styles

*/

/*
Named Styles

#tabContainer-2
{
 overflow:scroll; 
 height: 300px;
}
*/



#RevPanelContainer
{
  background-color:#D8D8D8;
  height:300px; 
  width:1500px;
}
  




#divNavigationTabs
{
  height:20px; 
  width:740px;
}


#tblNewComment
{
 width:740px; 
 height:250px; 
 border: 1px Solid Black;
}
 
 
#divRightButtons
{
  
  float:right;
  width: 650px;
}

#divLeftButtons
{
  float:right;
  width:200px;   
}


#tblHistory
{
  width:740px; 
  height:250px;
  border: 1px Solid Black;
  padding: 1px;
  margin: 0px;
  border-spacing: 0px;
}

#tblHistory tr td
{
  border: 1px Solid Black;  
  margin: 0px;
  border-spacing: 0px;
}


#tblQuestionList
{
  width:715px; 
  height:250px;
  border: 1px Solid Black;
  padding: 1px;
  margin: 0px;
  border-spacing: 0px;
}

#tblQuestionList tr td
{
  border: 1px Solid Black;  
  margin: 0px;
  border-spacing: 0px;
}






/*
Style Classes
*/

.RevPanel_medTextBold
{
   
  font-weight: bold;
}



.RevPanel_tableHeader
{
  background-color: #BBBBFF; 
}

.columnWidth_NewComment
{
  width: 30em; 
  
}


.navTabsList
{
  display: inline; 
  margin: 0px;
  padding: 0px;
  
}

.navTabsList li
{
  display: inline; 
  margin: 0px;
  padding: 0px;
  
}


/************REVIEWPANEL***********/
#ctl00_cphPageContent_revPanelOnPage_upnContainer
{
    position:fixed !important;
        bottom: 30px;
  left: 0px;
    width:100%;/*auto;*/
    background-color:#D8D8D8;
    height:auto;   
}



.RevPanelContainer
{
  background-color:#D8D8D8;
  height:350px; 
  width:100%;/*1500px;*/
    bottom: 30px;
  left: 0px;
  border-top: 3px solid black;
  z-index: 1000;
  overflow:hidden;
}
 

 
#RevPanelDiv_buttonHolder 
{
	background-color:#D8D8D8;
	width:100%;/*1500px;*/
	position:fixed;	
	height: 30px;
	bottom: 0px;
	
	
}

.RevPanelContainer_Closed
{
  background-color:#D8D8D8;
  height:10px; 
  width:100%;/*1500px;*/
  position:fixed;
  bottom: 20px;
  left: 0px;
  z-index: 1000;
}

#ctl00_cphPageContent_revPanelOnPage_wholeContainer
{
 height:100%;
 width: 100%;/*1490px;*/
}


.RevPanelUIButton
{
	Float:right;
	
}



.RevPanel_divContentLeft
{
  background-color:#F2F2F2;
  height:80% !important; /*290px;*/
  width:49%;/*740px;*/
  float:left;
  margin:5px;
  padding: 0px;
  border-spacing: 0px;
  overflow: scroll;
  z-index: 1000;
  border-left: 3px solid black;
}


#divContentRight
{
  background-color:#F2F2F2; 
  height:80% !important; /*290px;*/
  width:48%;/*720px; */
  float:right; 
    /*margin:5px; */ 
  overflow:scroll; 
}


.cssDataGridReviewAlternatingItem
{
 background-color: #E3E3E3;
}



#divNavigationTabs
{
  clear:both;
  height:20px; 
  width:49%;/*740px;*/
}


#tblNewComment
{
 width:49%;/*740px;*/
 height:250px; 
 border: 1px Solid Black;
}
 
 
#divRightButtons
{
  
  float:right;
  
}

#divLeftButtons
{
  float:right;   
  
}


#tblHistory
{
  width:49%;/*740px;*/
  height:250px;
  border: 1px Solid Black;
  padding: 1px;
  margin: 0px;
  border-spacing: 0px;
}

#tblHistory tr td
{
  border: 1px Solid Black;  
  margin: 0px;
  border-spacing: 0px;
}


#tblQuestionList
{
  width:48%;/*715px;*/ 
  height:250px;
  border: 1px Solid Black;
  padding: 1px;
  margin: 0px;
  border-spacing: 0px;
}

#tblQuestionList tr td
{
  border: 1px Solid Black;  
  margin: 0px;
  border-spacing: 0px;
}



