/* MAIN LAYOUT: The style below is for the main layout used on the Master Page. The 
current layout is based around a fixed 3 column layout with a header and a footer. */

#main {
	margin:0; 
	padding:0;
	width:960px;
	border: 5px solid #DDDDDD;
	margin-left: auto;
	margin-right: auto;
	min-height: 600px;
	height: auto;
	overflow: hidden;
}

#headerContent 
{
	background-image: url(../../images/MainHeader_1024v2.png);
	width: 960px;
	height: 120px;
}

/* dBarrows 13/11/09 added 2nd header to allow for more "menu" links */
#header2Content 
{
	background-image: url(../../images/MainHeader_1024v2.png);
	width: 960px;
	height: 40px;
}

#leftPanel {
	float:left;
	width:0px;
	margin:0px; 
	padding:0px;
}
#rightPanel {
	float:left;
	width:250px;
	margin:0; padding:20px;
}
#centrePanel 
{
	float: left;
	margin:0px 0px;
	padding: 10px;
	min-height: 600px;
	height: auto;
}
#footerContent
{
	float: left;
	height: 25px;
	margin-bottom: 25px;
	width: 100%;
}
/* END OF MAIN LAYOUT */

/* STANDARD STYLING OF HTML COMPONENTS */

/* The styling for the body is specified in Accessbility Guidelines for Generator (based on Becta) */
body 
{
	font: 76.1%/150% verdana, helvetica,;
}

h1
{
	font-size: 150%;
	color: #3996BD;
}

h2
{
	font-size: 120%;
	color: #3996BD;	
}
h3
{
	font-size: 110%;
	color: #3996BD;	
}
input
{
	font-family: verdana;
	font-size: 100%;	
}

select
{
	font-family: verdana;
	font-size: 100%;	
}
textarea
{
	font-family: verdana;
	font-size: 100%;	
}

.SkipLinks
{
	display:none;
}

.Textbox
{
	font-family: verdana;
	font-size: 75%;	
}

.Copyright
{
	font-size: 9px;
	font-weight: bold;
}

.SmallUserMessages
{
	font-family: Arial;
	font-size: 9px;
	text-align: right;
}

.GeneralError
{
	font-size: 75%;
	font-weight: bold;
	color: #CC0033;
	padding: 3px;
	border: 1px solid #CC0033;
}
.GeneralSuccess
{
	font-size: 75%;
	font-weight: bold;
	color: #186149;
	padding: 3px;

}

#navigationTable
{
	position: absolute;
	margin-top: 99px;
	margin-left: 10px;
}

.MainMenu
{
	color: #104052;
}

.MainMenuDynamic
{
	color: #104052;
	background: #D2EEED;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:1px;
}

#topMenuItem
{
	color: white;
	text-decoration: none;
}

.Header_UserFullName
{
	color: #FFFFFF;
	position: absolute;
	margin-left: 456px;
	margin-top: 70px;
	font-size: 10pt;
	font-weight: bold;
	width: 500px;
	text-align: right;
}

.Header_OrganisationName
{
	color: #E3F4FB;
	font-size: 10pt;
	position: absolute;
	margin-left: 456px;
	margin-top: 84px;
	width: 500px;
	text-align: right;
}

.Header_LoginStatus
{
	position: absolute;
	margin-top: 99px;
	margin-left: 910px;
	text-align: right;
}

.Header_PrintLink
{
	position: absolute;
	margin-top: 0px;
	left: 800px;
	text-align: right;
}

#sizer
{
	position: absolute;
	margin-top: 34px;
	margin-left: 735px;
	text-align: right;	
}

.currentRegistrationStep
{
	color: #3996BD;
}

.RegistrationSideBar
{
	color: #3996BD;
	padding-right: 10px;
}

.RegistrationSideBar TD
{
	background: #E3F4FB;
	border-bottom: 2px solid #CBEAF8;
	border-right: 2px solid #CBEAF8;
	padding-top: 6px;
}

#registrationProgressTable
{
	color: #BBBBBB;
}

.SelectedOrganisationLabel
{
	font-size: 13pt;
	color: #3996BD;
	
}

/* REGISTRATION STYLING */
.ExtendedOrganisationDetailsTable
{
	border-bottom: 1px solid #CCCCCC;
	width: 100%;
	padding-bottom: 5px;
}

.OrganisationDetailsLabel
{
	width: 250px;
}


/* REVIEW DETAILS CONTROL */

.ReviewDetails
{
	color: #3996BD;
	padding-right: 10px;
}

.ReviewDetails TD
{
	font-size: 80%;
	background: #E3F4FB;
	border-bottom: 2px solid #CBEAF8;
	border-right: 2px solid #CBEAF8;
	padding-top: 1px;
}


/* STYLING OF PROGRESS BARS */

div.progress-container {
  border: 1px solid #ccc; 
  width: 200px; 
  margin: 2px 5px 2px 0; 
  padding: 1px; 
  float: left; 
  background: white;
}

.ProgressLabel
{
	text-align: center;
	font-size: 12px;
}

div.progress-container div {
	background-color: #ACE97C; 
	background-image: url(../../images/ProgressBar_GreenGradient.png);
}



.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td { 
    border:solid 1px #EAD900;
    background: #FFFBCE;
}


.highlight
{
	background: #FFFBCE;
	border-style: solid;
	border-color: #EAD900;
}

.redHighlight 
{ 
    background: #F8BEBF;
	border-style: solid;
	border-color: #FF0000; 
}

.greenHighlight 
{ 
     font-size: medium; 
     color: Green; 
}

tr.rowHover,
tr.rowHover td
{
	background:#D2EEED;
	color:#000;
	text-shadow: 1px 1px 0px #ddd; /* Works on Opera, Safari, Chrome and FireFox 3.1 (beta) */
}

tr.rowSelected,
tr.rowSelected td
{
	background:#3996BD;
	color:#FFFFFF;
	text-shadow: 1px 1px 0px #ddd; /* Works on Opera, Safari, Chrome and FireFox 3.1 (beta) */
}

.gridDefault
{
	padding: 5px 5px 5px 5px;
	
}
.gridDefault TD
{
	border-left: none;
	border-bottom: solid 1px #DDDDDD;
	padding: 5px 5px 5px 5px;
}

.gridDefault_SelectedRow
{
	background: #E3F4FB;
	background-image: url(../../images/GridRowGradient.png);
}

.gridDefault_PageStyle
{
	border: 1px solid #3996BD;
	font-weight: bold; 
}

.gridDefault_PageStyle span
{
	border: 2px solid #3996BD;
	padding: 1px 4px 1px 4px;
	background: #E3F4FB;
	color: #3996BD;
}

.gridDefault_PageStyle a
{
	border: 2px solid #DDDDDD;
	padding: 1px 4px 1px 4px;
	background: #EEEEEE;
	color: #BBBBBB;
}

.gridDefault_HeaderStyle
{
	text-align: left;
	color: #3996BD;
	background: #E3F4FB;
}

.gridDefault_HeaderStyle th
{
	border-top: none;
	border-left: none;
	border-bottom: 3px solid #CBEAF8;
	border-right: 2px solid #CBEAF8;
}

/* Create a Review */ 

.ReviewTypeName
{
	vertical-align: top;
}
.ReviewTypeDescription{
    width: 750px;
    font-size: 80%;
}

/* View Review Questions */ 

.QuestionCategoryHeading
{
	font-size: 120%;
	color: #3996BD;
	border-bottom: 1px solid #E3F4FB;
}

.QuestionSubCategoryHeading
{
	font-size: 110%;
	color: #3996BD;	
	border-bottom: 1px solid #E3F4FB;
}

.QuestionSubCategoryDescription
{
	font-weight: bold;
	font-size: 105%;
}

.QuestionPageInfo
{
	font-size: 120%;
	font-weight: bold;
	color: #3996BD;	
	background: #E3F4FB;
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #3996BD; 
}

.QuestionTable TD
{
	border-bottom: solid 1px #DDDDDD;
}

.QuestionNumberLabel
{
	border: 1px solid #3996BD;
	background: #E3F4FB;
	font-weight: bold;
}

.QuestionText_TD
{
	max-width: 320px;
	vertical-align: top;
}

.QuestionText
{
	font-size: 90%;
}


.AnswerTable
{
	font-size: 9pt;
	font-weight: bold;
	text-align: center;

}

.AnswerTable TD
{
	text-align: center;
	padding: 0px 7px 0px 7px;
	border-bottom: none;
	width: 50px;
}

.AnswerTable TD span
{
	font-size: 75%;
	font-weight: bold;
	text-align: left;
}


.ConversationTable TH
{
	color: #666666;
	text-align: left;
	border-bottom: solid 2px #D3ECF5;
}

.ConversationTable TD
{
	border-bottom: solid 1px #D3ECF5;
	padding: 5px 10px 5px 10px;
}

.ConversationTable_Name_TD
{
	font-weight: bold;
	color: #1E799B;
}

.UserTaskList
{
	border: 2px solid #CBEAF8;
	list-style-type: square;
	padding-left: 20px;
	font-size: 85%;
	background: #E3F4FB;
}

/* STYLING OF AJAX POPUP */

.popUpStyle
    {
        background-color: #b7b7b7;
        padding:15px;      
        filter: alpha(opacity=50);
        opacity: 0.5;
    }
    
.MaturityLevel_Highlight,.MaturityLevel_Beginning, .MaturityLevel_Developing, .MaturityLevel_Performing,.MaturityLevel_Pioneering 
{
	width: 100px;
	height: 17px;
	border: 1px solid #2286AD;
	cursor: hand;
}   

.MaturityLevel_Highlight
{
	background: #FF9933;
	/*border: 1px solid #FF6600;*/
	background-image: url(../../images/MaturityLevelHighlight_Arrow.png);
	border: none;
}    
.MaturityLevel_Beginning
{
	background: #D2EDF7;
	background-image: url(../../images/MaturityLevel1_Arrow.png);
	border: none;
}

.MaturityLevel_Developing 
{
	background: #A6D2E3;
	background-image: url(../../images/MaturityLevel2_Arrow.png);
	border: none;
}

.MaturityLevel_Performing
{
	background: #4BA4C7;
	background-image: url(../../images/MaturityLevel3_Arrow.png);
	border: none;
}

.MaturityLevel_Pioneering 
{
	background: #266780;
	background-image: url(../../images/MaturityLevel4_Arrow.png);
	border: none;
}

.MaturityDescriptionContainer
{
	font-size: 75%;
}

/* Used for Reporting */

.GeneralChart
{
	font-size: 24px%;
}

.ChartList
{
	padding: 5px;
}
.ChartList TD
{
	font-size: 80%;
	border-bottom: 1px solid #E3F4FB; 
}

.RecentHistoryComment
{
	text-align: center;
	color: #333333;
	font-style: oblique;
}

.ReviewSelectionBox
{
	width: 170px;
}

.ReviewSelectionBox TD
{
	width: 168px;
	word-wrap: break-word;
}

.ReviewSelectionBox TD label
{
	max-width: 150px;
	word-wrap: break-word;
}

/* IMPROVEMENT */

.ImprovementPanel
{
	width: 100%;
	margin-top: 10px;
}   
.ImprovementTypeContainer
{
    width: 100%;
}
.ImprovementLevelHeading
{
	margin-bottom: 5px;
	width: 100%;
	font-size: 140%;
	font-weight: bold;
	color: #3996BD;
	margin-bottom: 5px;
}
.ImprovementDescriptionContainer
{
    width: 500px;
	border-bottom: 1px solid #CCCCCC;
}
.ImprovementLinkContainer
{
	width: 650px;
    font-size: 75%;
    position: relative;
    left: 50px;
    margin-bottom: 10px;
}
.ImprovementAreaContainer,.ImprovementAreaContainer_Recommended
{
    width: 90%;
	float: none;
	overflow: visible;
    padding: 5px 5px 5px 5px;
	margin-bottom: 20px;
}

.ImprovementAreaContainer
{
	border: 7px solid #CCCCCC;
}

.ImprovementAreaContainer_Recommended
{
	border: 2px dotted #3996BD;
	background: #EBF8FE;
}
.MaturityContainer
{
	height: 50px;
}

/* CONTENT MANAGEMENT */

.gvContent_DateCreated
{
	font-size: 85%;
	color: #666666;
}