html, body
{
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body
{
    font-family: Segoe UI, Verdana;
	font-size: 10pt;
	text-align: center;	/*ie5 fix*/
	font-weight: normal;
}

/*anything in tabs inherits this text style from webresource.axd*/
.ajax__tab_xp,
.ajax__tab_body
{
    font-family: Segoe UI, Verdana !important;
	font-size: 10pt !important;
}

h1
{
    font-family: Segoe UI, Verdana;
    font-size: 10pt;
}

h2
{
    font-family: Segoe UI, Verdana;
    font-size: 10pt;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}

p
{
	text-align: justify;
	font-family: Segoe UI, Verdana;
    font-size: 10pt;
    font-weight: normal;
    margin: 0px 0px 10px 0px;
}

a:focus
{
  -moz-outline: none;
}

select,
input,
textarea
{
	font-family : Segoe UI, Verdana;
	font-size: 10pt;
	color:#000;
}

.ajax__tab_xp ajax__tab_container ajax__tab_default
{
	width:100%;
}

em
{
	font-weight: bold;
	font-style: normal;
}

.help-text ul
{
    margin: 0px 0px 0px 16px;
    list-style-type: square;
}

.help-text ul li
{
    margin: 0px 0px 0px 0px;
    color: #3B60C4;
}

.help-text ul li a
{
    color: #3B60C4;
    text-decoration: none;
}

#Searchbar
{
	/*font-size:1.1em;*/
	
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	left:5px;
}

#containerPopup
{
	width: 100%;
	text-align: left;
}

/* The main container for the page that houses the titlebar, contents tree and main content, not footer */
.Mastercontainer
{
	height: 100%;
	min-width: 920px;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	text-align: left;
}

#containerPopup
{
	/*font-size:smaller;*/
	min-width: 720px;
}

#header, #header-print
{
	background-color: #66A1C1;
	height: 100px;
	margin: 0px 0px 10px 0px;
	color: #ffffff;
}

#header-print, #bannerTop-print
{
	background-color: White;
}

#popup-tabs
{
	margin-left: 0px;
}

.main, #main-popup
{
	display: block;
	margin: 0px 0px 0px 260px;
	padding: 0px 0px 0px 0px;
}

.main
{
	z-index: -2;
	position: static;
}

#main-popup
{
	margin: 0px 0px 0px 10px;
}


#sidebar
{
	min-width: 250px;
    left: 10px;
	float: left;
	width: 250px;
	color: black;
}

#footerpopup,
#footer
{
	clear: both;
	height: 34px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
#footerpopup
{
	position: relative;
	margin: -10px 0px 0px 0px;
}

#footer-print
{
	position: relative;
	/*clear: both;*/
	height: 64px;
	/*overflow: hidden;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#footer-print
{
	background-color: White;
}

#copyright-details
{
	text-align: right;
	margin: 5px 10px 0px 0px;
	text-align: right;
	color: White;
}

#bannerTop
{
    background-color: #4A7DD6;
    height: 50px;
}

#institute
{
    position: absolute;
    top: 8px;
    right: 10px;
    color: white;
    text-align: right;
}

#tabs
{
	margin: 0px 10px 10px 0px;
	height: 400px;
}

.navigationStatus
{
    position: relative;
	padding: 10px 10px 10px 10px;
	color: Black;
	margin: 10px 0px 0px 10px;
	background-color: White;
}

.blueback
{
	background-color: white;
	color: Black;
}

.help
{
	cursor:pointer;
	text-decoration:none;
	font-size:10pt;
	font-weight:bold;
}

.spacer{ clear:both; height: 3px; }

.spacer4
{
	margin-left:25px;
}

.spacer5
{
}

.spacer6
{
	margin-left:4px;
}

.spacer7
{
	margin-left:10px;
}

.rightAlign
{
	text-align:right;
}

.collapse
{
	position:relative;
	left:5px;	
	margin-right: 2px;
}

.sectionTitle
{
	width: 80%;
}

.sectionHeader
{
	height: 0px;
	/*font-size: 0.9em;*/
}

.margin-bottom5px
{
	margin-bottom: 5px;
}

#navigation
{

	padding: 0px 10px 10px 10px;
	color: black;
	margin: 0px 0px 0px 10px;
	background-color: White;
}

#page-title
{
	margin: 0px 10px 0px 0px;
	padding: 10px 10px 0px 10px;
}

*html #page-title
{
	height: 100px;
	width: 94%;
	margin: -50px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	clear : both;
}

#page-titlepopup
{
	margin: 0px 10px 10px 0px;
	padding:10px 10px 10px 10px ;
	background-color: white;
	color: #525252;
}

* html .buttons
{
	margin: 40px 10px 10px 0px;
}

.help-pages
{
	/*font-size:0.8em;*/
}

.help-pages p, li
{
	position:relative;
	text-decoration:none;
	left:10px;
	width:97%;
}

.help-pages ol
{
	list-style-type:disc;
}

.help-image
{
}
.image-div
{
	text-align: center;
}

/*#page-title p
{
    margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}*/

#page-titlepopup h1,
#page-title h1
{
	margin-top: 0px;
	padding: 10px 10px 10px 10px;
}

.AnswerFrameRO
{
	border: solid 1px gray;
	padding: 2px;
	min-height:100px;
}

.AnswerFrameTextBox
{
	border: solid 1px gray;
	padding: 2px;
	min-height:15px;
}

.main a:visited, #main-popup a:visited
{
	color: #000; /*#525252;*/
	text-decoration: none;
}

.main a:link, #main-popup a:link
{
	color: #000; /*#ED7423; #525252;*/
	text-decoration: none;
}

.main a:hover, #main-popup a:hover
{
	text-decoration: underline;
}

.RecurrenceInputNumeric
{
	text-align:right;
	float:none;
}

.AnswerInputNumeric
{
	background-color:#e9edff;	
	text-align:right;
	float:none;
	border-bottom: outset;
	border-right: outset;
}

.AnswerInputNumericSmall
{
	background-color:#e9edff;
	text-align:right;
	float:none;
	border-bottom: outset;
	border-right: outset;
	width:90px;
}

.AnswerInputText
{
	background-color:#e9edff;	
	border-bottom: outset;
	border-right: outset;
}

.AnswerInputTextFullWidth
{
	background-color:#e9edff;	
	border-bottom: outset;
	border-right: outset;
	width:99%;
}

.AnswerInputText98Width
{
	background-color:#e9edff;	
	border-bottom: outset;
	border-right: outset;
	width:98%;
}

.AnswerInputdate
{
	background-color:#e9edff;	
	border-bottom: outset;
	border-right: outset;
	width:80px;
}

.QuestionBullets ol
{
	list-style-type:disc;
	margin-top: 5px;
}

.QuestionBullets ol li
{
    vertical-align: text-top;
    top:-5px;
}

.VersionBullet
{
	list-style-type:disc;
}

#logoLeft
{
	display:none;
	float:left;
}

/* Buttons located at the bottom of the screen i.e. Back */
.pageButton
{
	min-width: 80px;
	display: inline;
	float: left;
	text-align: center;
	text-decoration: none;
	color: black;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	/*border: solid 1px White;*/
	height: 62px;
	width:10px;
	list-style-image:url(../images/Back2.gif) ;
}

.pageButton img
{
	height: 32px;
	width: 32px;
	border-style: none;
	margin: 0px 0px 0px 34px;
	padding: 0px 0px 0px 34px;
}

.pageButton ul li
{
	margin: -10px 0px 0px 17px;
}

.pageButton span
{
	display: block;
	text-align:center;
	width: 80px;
	border-style: none;
	padding-right: 2px;
	font-weight:bold;
	color: Black;
	text-align: center;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
}

* html .pageButton ul li
{
	margin: 10px 0px 0px 30px;
}

* html .pageButton span
{
	margin: -10px 0px 0px 0px;
}

.pageButton:hover
{
	cursor: pointer;
	height: 64px;
}

.button16x_calendar_dropdown,
.button16x
{
	height: 16px;
	width: 16px;
	cursor:pointer;
}

.button16x_calendar_dropdown
{
    padding-top: -10px;
    position: relative;
    left: -10px;
    cursor : pointer;
}

.titleTextpopup
{
	position:relative;
	width:100%;
	vertical-align: middle;
	height:50px;
}

.titleText
{
    position: relative;
	margin: 0px 0px 0px 0px;
}

* html titleText
{
	position: relative;
	margin: 0px 0px 0px 0px;
	z-index: 1;
}

.titleButtonsmain,
.titleButtons
{
	position: absolute;
	float: right;
	margin-right: 10px;
	margin-top: 3px;
	width: 100px;
	height: 30px;
}

* html .titlebutton img
{
	position: relative;
	margin: 0px 0px 0px 0px;
	z-index: 100;
}

* html .titleButtonsmain,
* html .titleButtons
{
	position: relative;
	top: 0;
	margin: 0px 0px 2px 0px;
	z-index: 100;
}

.titleButtonsmain a,
.titleButtons a
{
	border-style: none;
	text-decoration: none;
}

.titleButton img
{
	border-style: none;
	cursor: pointer;
	margin: 12px 15px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:relative;
	z-index:200;
}

.titleButtonFlags
{
	position:relative;
	padding: 0px 0px 0px 0px;
}

.titleButtonFlags img
{
	border-style: none;
	cursor: pointer;
	position:relative;
	top:3px;
	left:95px;
}

.tableEvents
{
    display:block;
	position: relative;
	top: -37px;
}

.TimeLineEventCells
{
    position:absolute;
}

.labelPassChangeError
{
	color: Red;
}

.popupMenu
{
	visibility:hidden;
	background-color: #FFFFE7;
	padding: 10px 10px 10px 10px;
	border: solid 1px Black;
	position:relative;
	margin-left:70px;
	z-index:300;
}


.popupHover
{
}

.buttonLink
{
	display: inline;
	float: left;
	width: 64px;
}

.buttonQNav
{
	width: 20px;
	height: 20px;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	color : Blue;
}

#questions a
{
	text-decoration: none;
}

#questions a:hover
{
	text-decoration: underline;
}

.Highlightquestion,
.Highlightquestion a
{
	cursor: pointer;
	text-decoration: none;
	color: Blue;
}

.modalBackground 
{
	FILTER: alpha(opacity=70);	
	BACKGROUND-COLOR: gray;	
	opacity: 0.7;
	-moz-opacity: 0.7;
}

.modalPopup
{
	border: solid 1px #000; /*#add1ff;*/
}

.modalPopup-Green
{
	border: solid 1px #82C128;
}

.modalPopup,
.modalPopup-Green
{
	padding-right: 10px;	
	padding-left: 10px;	
	padding-bottom: 10px;	
	padding-top: 10px;	
	background-color: white;
	min-width: 410px;
	max-width: 710px;
	color: black;
	clear:both;
	position:fixed !important;
	vertical-align:middle;
	top:130px !important;
}

.modalPopup-Green
{
	max-width: 750px;
}

.evidenceItems
{
	position: relative;
	height: 160px;
	border: solid 1px #000; /*#6F9DD9;*/
	padding: 10px 10px 10px 10px;
	margin-right:9px;
}

#Title
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position:relative;


	z-index:100;
}

#Title h1
{
	padding: 10px 0px 10px 10px;
	margin: 0px 0px 10px 0px;
}

.Title
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.Title h1
{
	padding: 10px 0px 10px 10px;
	margin: 0px 0px 10px 0px;
}

.login-control,
.recover-control
{
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 10px;
	width: 380px;
}

.login-titletext,
.recover-titletext
{
	padding: 10px 10px 10px 10px;
	margin: 10px 10px 10px 10px;
	width: 380px;
}

.form-welcome-page
{
	color: Black;
}

.sub-title,
.red-title,
.ClassView-SubTitle
{
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	min-height: 40px;
	height: 40px;
	width:100%;
	float:left;
}

.ChartsContainer
{
	width:100%;
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	position:relative;
	/*height: 330px;*/
}

.ClassView-SubTitle
{
}


.currentgoalstitle
{
	position:static;
	width:100%;
	left:5px;
	color: Black;
	background-image: url(../images/gradient.gif);
	background-repeat: repeat;
	height:30px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.DeleteGoal
{
	position:relative;
}


.welcome-table /*welcome ilp */
{
	position:relative;
	width:100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.welcome-table-row /*welcome ilp */
{
	position:relative;
	width:100%;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.welcome-table-cell /*welcome ilp */
{
	position:relative;
	width:100%;
	padding: 10px 10px 10px 20px;
	right:10px;
	margin: 0px 0px 0px 0px;
}

.sub-title h1,
.ClassView-SubTitle h1
{
	margin: 0px 0px 0px 0px;
	height:20px;
}

.ClassView-SubTitle h1
{
	left : 0px;
	margin-right:0px;
}


.red-title h1
{
	border: solid 1px #000; /*#add1ff;*/
	color: Black;
	background-image: url(../images/red-gradient.gif);
	background-repeat:  repeat;
}

.detailsview
{
	position: relative;

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: White;
}

.datagrid a
{
    text-decoration:none;
}

.datagrid
{
	position:static !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

* html .datagrid
{
	margin: 0px 0px 0px 0px;
}

.datagrid-headerstyle a:link,
.datagrid-headerstyle a:visited
{
    text-decoration: none;
}

.datagrid-headerstyle a:hover
{
    text-decoration: underline;
}

.datagrid-headerstyle,
.datagrid-headerstyle-green,
.datagrid-headerstyle-orange
{
	font-weight: bold;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-family: Segoe UI, Verdana;
	font-size: 10pt;
	
}

.emptytable-green
.emptytable
{
    padding: 0px 0px 0px 0px;
	height:25px;
}

.datagrid-rowstyle
{
	vertical-align:top;
	background-color: White;
}
.datagrid-alternatingrowstyle
{
	vertical-align:top;
	background-color: #eeeeee;
}

#Description,
#Description2,
#Description3,
#Description4,
.Description
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: justify;
	line-height: 18px;
}

* html #Description
{
}

.image
{
	padding: 0px 0px 0px 10px;
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
}

#content
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	
.content
{
	margin: 0px 0px 0px 0px;
}

.content h2 
{
	padding: 10px 0px 0px 52px;
	margin: 0px 0px 0px 0px;
}

.content p
{
	text-align: justify;
}

.text-control
{
	width: 200px;
}

.text-search
{
	width : 100%;
}

.control-label-Status
{
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	color : #525252;
	font-family : Segoe UI, Verdana;
}

.control-label,
.control-label-login,
.control-label-popup,
.Recipient-Search-Label
{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 10px;
	color : Black;
	font-family : Segoe UI, Verdana;
}

.control-header
{
    margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 10px;
	font-family : Segoe UI, Verdana;
}

.control-label-popup
{
	padding: 3px 0px 0px 0px;
}

.control-label-nopad
{
	position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	color : Black;
	font-family : Segoe UI, Verdana;
}

.control-rb-nopad
{
	position:relative;
	margin: 0px 0px 0px -3px;
	padding: 0px 0px 0px 0px;
	color : Black;
	font-family : Segoe UI, Verdana;
}

.control-text
{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 10px; 
	color : Black;
	font-family : Segoe UI, Verdana;
}

.control-text-nopad
{
	color : Black;
	font-family : Segoe UI, Verdana;
}

.control-label-login
{
	text-align: right;	
}

.control-hyperlink
{
}

.control-combo
{
	width : 400px;
}

#breadcrumbs
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

#breadcrumbs a:link, #breadcrumbs a:visited 
{

	text-decoration: none;
	font-weight: bold;
}

#breadcrumbs a:hover
{

	text-decoration: underline;
}

.control-copyright
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

.control-copyright a:link, .control-copyright a:visited 
{
	color: #525252;
}

.guideance_list_bullet
{
	list-style-type:disc;
}

.guideance_list_dash
{
	
	list-style-type:square;
}

.guideance_list_none
{
	list-style-type:none;
}

#questions
{
	padding: 0px 0px 10px 0px;
	color: black;
}

.status-checkbox
{
	vertical-align:middle;
}

.status-flag
{
	vertical-align:middle;
	padding-top:3px;
	width:16px;
	height:16px;
}

.texttop
{
	vertical-align:top;
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 10px;
}

.emailsupporttext
{
	vertical-align:top;
}

.status-checkbox
{
	vertical-align: top;
}

.status-flag
{
	vertical-align: top;
}

.StatusDiv
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.StatusTable
{
	max-width: 200px;
	width: 200px;
	margin: 0px 0px 0px -4px;
	padding: 0px 0px 0px 0px;
}

.version-link
{

	text-align: right;
}

.copyright-data
{
	right: 0px;
	position: absolute;
}

.mandatory
{
	background-color: #FFFFAA;
}

.control-mandatory,
.control-mandatory-popup,
.control-mandatory-memobox
{
	background-color: #FFFFAA;
}

.control-text-nopad-mandatory
{
	color : Black;
	background-color: #FFFFAA;
}

.control-FileUpload-mandatory
{
	background-color: #FFFFAA;
}

.control-mandatory-memobox
{
	width : 600px;
}

.control-memobox
{
	width : 600px;
}

.control-memobox-size
{
	width:99%;
}

.control-mandatory-memobox-size
{
	background-color: #FFFFAA;
	width:99%;
}

.banner-Green,
.banner
{
    position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

.navbanner h1,
.banner h1,
.banner-Green h1,
.banner-recipients h1
{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 10px;
}

.navbanner h1,
.banner-Green h1,
.banner h1
{
	text-align:center;
}

.navbanner
{
	padding-top:10px !important;
}

.form-fields
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: solid 1px transparent;
	float:left;
	width:100%;
}

.form-welcome-page
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color : Black;
}

.control-date-large
.control-date
{
	width:80px;
}

.control-mandatory-date
{
	background-color: #FFFFAA;
	width:80px;
}

.control-mandatory,
.control-mandatory-emailaddress,
.control-mandatory-combo-left,
.control-mandatory-combo
{
    background-color: #FFFFAA;
    width : 250px;
}

.control-combo
{
    width : 250px;
	margin-bottom : 2px;
	margin-top : 2px;
}

.control-mandatory-nosize
{
	background-color: #FFFFAA;
}

.control-mandatory-combo
{
    width : 205px;
}

.control-mandatory-combo-small
{
	width : 150px;
}

.control-mandatory-combo-left
{
	width : 205px;
	position:relative;
	left:-78px;
}


/*buttons style is listed twice in the colour style sheets and in the standandard css any updates apply to all*/
/*primay colour button */
.pageButton-back,
.pageButton-ask,
.pageButton-submit,
.pageButton-cancel,
.pageButton-Approve,
.pageButton-ViewDiary,
.pageButton-goals,
.pageButton-save,
.pageButton-add,
.pageButton-plan,
.pageButton-message,
.pageButton-remove,
.pageButton-restore,
.pageButton-evidence,
.pageButton-assign,
.pageButton-edit,
.pageButton-showall,
.pageButton-recall,
.pageButton-Login,
/* buttons that need colors */
.pageButton-addlink,
.pageButton-adddocument,
.pageButton-addtext,
.pageButton-mailnext,
.pageButton-mailprevious,
.pageButton-futuregoals,
.pageButton-previousgoals,
.pageButton-addgoals,
/*Alternate colour button */
.pageButton-cancelgreen,
.pageButton-GreenSave,
.pageButton-AddGreen,
.pageButton-mentorlink,
.pageButton-mentortask,
.pageButton-mentorobservation,
.pageButton-AddGreen,
.pageButton-mentorsaveobservation,
.pageButton-mentorfile,
.pageButton-mentortext,
.pageButton-mentorremove,
.pageButton-BehaviourFormProperties
{
	width:10px;
}

.iconhyperlink:hover
{
    text-decoration:none !important;
}

.print,
.padlock-locked,
.word-document,
.icon-edit,
.icon-staff-performance-objectives,
.icon-staff-performance-objectivesTableHeader,
.icon-comment-small,
.icon-globe-small,
.icon-remove-small,
.icon-time-small,
.icon-clock-small,
.icon-padlock-open-small,
.icon-no-small,
.icon-arrow-down-small,
.icon-arrow-up-small,
.icon-print-small,
.icon-key,
.icon-bubble,
.icon-light,
.icon-visibleTrue,
.icon-add,
.icon-AttachmentType1,
.icon-AttachmentType2,
.icon-AttachmentType3,
.icon-AttachmentType4,
.icon-AttachmentTypegreen1,
.icon-AttachmentTypegreen2,
.icon-AttachmentTypegreen3,
.icon-AttachmentTypegreen4,
.icon-AttachmentTypeOrange1,
.icon-AttachmentTypeOrange2,
.icon-AttachmentTypeOrange3,
.icon-AttachmentTypeOrange4,
.icon-RecipientType1,
.icon-RecipientType2,
.icon-RecipientType3,
.icon-RecipientType4,
.icon-RecipientType0,
.icon-future-small
{
    width: 16px;
    height: 16px;
    background-repeat:no-repeat;
    cursor:pointer;
    text-decoration:none !important;
}

.icon-no-small
{
    cursor:default;
}

.datagrid .padlock-locked
{
    margin-left:3px;
}

.icon-staff-performance-objectivesTableHeader
{
    cursor:default;
}

.icon-med-add,
.icon-med-remove
{
	width: 22px;
    height: 22px;
    text-decoration:none !important;
    cursor:pointer;
}

.icon-mail,
.icon-graph,
.icon-word,
.icon-print,
.icon-help,
.icon-class,
.icon-diary,
.icon-arrowLeft,
.icon-arrowRight,
.icon-upload
{
    float: right;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    cursor:pointer;
}

.icon-Empty,
.icon-Exclamation,
.icon-ExclamationHeader
{
	width: 16px;
    height: 16px;
}

.icon-Empty
{
	background-image: url(../images/Empty.gif);
}

.icon-ExclamationHeader,
.icon-Exclamation
{
	background-image: url(../images/Exclamation.gif);
}

.inputNumeric
{
	text-align:right;
}

.commentsFooter
{
	 position: relative;
	 left: -50px;
}

.QuestionsCommentsFooter
{
	 position:static;
}

.searchButton
{
	margin: 10px 0px 0px 0px;
	cursor: pointer;
	position: static;
	right: 0px;
}

.listForms
{
	margin: 10px 10px 10px 0px;
	width: 205px;
}

.StatusKeylinks
{
	color:Blue;
	text-decoration: none;
}

.StatusKeylinks:hover
{
	text-decoration: underline;
}

.hyperlink
{
	text-decoration: none;
}

.hyperlinkunderlined
{
	text-decoration:underline;
	cursor:pointer;
}

.hyperlink:hover
{
	text-decoration: underline;
}

.hyperlinkunderlined:hover
{
	text-decoration: underline;
}


.pageButton-welcome h1:hover
{
	text-decoration: underline;
}

#welcome-marketing
{
	max-width:60%;
	float:right;
	padding: 0px 0px 0px 10px;
}

#productstatement,
#productstatement2
{
	max-width:65%;
	float:left;
}

#productstatement2 p,
.productstatement
{
	text-align: left;
	line-height: 1.5em;
	text-align : justify;
}

#key-roles
{
	width: 100%;
	position: relative;
	clear: both;
}

/* Container for the three graphs on the home page SEF/SDP/SPM */
#Modules
{
	margin: 0px 0px 0px 0px;
}

#Modules p
{
	text-decoration:none;
}

.ShowWelcomeMessage
{
}

.RemovalTextBox
{
	height : 120px;
	width : 430px;
	background-color : #FFFFAA;
}

.element
{
	margin: 0px 20px 0px 20px;
}

.control-label-ofsted
{
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 10px;
	vertical-align : text-top;
	width : 120px;
	text-align: right;
}

.control-text
{

}

.control-mandatory-multiline
{
	background-color: #FFFFAA;
	width : 400px;
	height : 100px;
}

.welcome-page-list
{
}

.welcome-texthome
{
	margin : 0px 0px 0px 10px;
}

.welcome-text,
.welcome-texthome
{
	width : 50%;
	vertical-align : text-top;
	text-decoration : none;
}

.welcome-text h1,
.welcome-texthome h1
{
}

.welcome-text:hover,
.welcome-texthome:hover
{
	text-decoration : underline;
}

.pageButton-welcome
{
	width : 64px;
	height : 64px;
	color: #525252;
}

.tableTimeLine
{
	border: solid 1px #525252;
}

.timeline-completed
{
	background-color: #525252;
}

.timeline-labels
{
}

.timeline-month,
.timeline-month-end
{
    border-left: dotted 1px #525252;
    text-align: center;
}

.timeline-month-end
{
    border-right: dotted 1px #525252;
    text-align: center;
}

#TimeLine
{
	margin: 0px 10px 10px 0px;
	padding: 0px 10px 0px 10px;
	/*max-height: 60px;*/
	overflow: hidden;
}

.welcome-text
{
	width : 45%;
}

.welcome-text h1
{
	text-decoration : none;
	color : Black;
	margin : 0px 0px -8px -8px;
}

.welcome-text h1:hover
{
	color : Orange;
	margin : 0px 0px -8px -8px;
}

.SectionLink,
.SectionLink:visited
{
	color : black;
	text-decoration : none;
}

.SectionLink:hover
{
	color : Black;
	text-decoration : underline;
}

.SectionQuestionTitle
{
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 20px 0px;
	color: #525252;
}

.help-article
{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;	
	height: 40px;
}

.help-article h3
{
    margin: 10px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}

.tablePassword,
.tablePassword tr,
.tablePassword td
{
	border : none;
	margin-top: 10px;
}

.RecoverPassword
{
	height : 25px;
	text-align:center;
}

.Password-Image
{
	border : none;
	height : 15px;
	text-decoration : none;
}

.supportText
{
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 10px;
	font-size: 1.0em;
	width: 360px;
	height:50px;
}

.EmailBtn,
.SupportBtn
{
	float:right;
}

.Password-Link-Text 
{
	vertical-align : text-top;
	text-decoration:underline;
}

.flagTable
{
	margin-top: 5px;
	margin-bottom: -20px;
}

.tableText
{
	position: relative;
	bottom: 3px;
}

.pnlNavigationpopup,
.pnlNavigation
{
	height: 100px;
	z-index: -1;
	margin: 10px 10px 10px 0px;
}

.pnlNavigationpopup
{
	margin: 0px 10px 0px 0px;
}

.ImageLarge
{
	max-height:190px;
	max-width:266px;
	min-height:19px;
	min-width:26px;
}

.CentreSelection
{
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	width : 100%;
}

.ErrorMessage,
.MandatoryMessageLargeFont,
.MandatoryMessage
{
	vertical-align:top;	
	color:Red; 
	text-align:center;
	width : 200px;
}

.MandatoryMessageLargeFont
{
}

.MandatoryMessagepaded
{
	vertical-align:top;
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 7px;	
	color:Red; 
	text-align:center;
}

.CentreName
{
	padding : 5px 0px 5px 0px;
	
}

/**** GOAL WORK AREA ***/
.filledRatingStar 
{
    background-image: url(../images/FilledStar.png);
    background-repeat:no-repeat;
    width : 13px;
    height : 12px;

}
.emptyRatingStar 
{
    background-image: url(../images/EmptyStar.png);
    background-repeat:no-repeat;
    width : 13px;
    height : 12px;
}
.savedRatingStar 
{
    background-image: url(../images/SavedStar.png);
    background-repeat:no-repeat;
    width : 13px;
    height : 12px;
}

.GoalWorkArea
{
}

.leftpane
{
	width : 49%;
	float : left;
}

.rightpane
{
	float : right;
	width : 49%;
}

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

.blogAccordian
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.ObjectivePopupTitle
{
	color: Black;
}

.blogcommenttext
{
	background-color: #FFFFAA;
	min-width: 450px;
}

/* Goal Blog */
.accordionHeader
{
    border: 1px solid #000; /*#add1ff;*/
	background-image: url(../images/blueheader.jpg);
	background-repeat : repeat-x;
    margin-top: 5px;
    cursor: pointer;
    padding-left : 10px;
    margin-right : 10px;
    min-height : 22px;
    padding-top:10px;
    padding-bottom:6px;
    padding-right:6px;
}

.accordionHeader a
{
	color : Black;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected
{
    border: 1px solid #000; /*#add1ff;*/
    background-image: url(../images/blueheader.jpg);
    background-repeat : repeat-x;
    color: Black;
    margin-top: 5px;
    cursor: pointer;
    padding-left : 10px;
    margin-right : 10px;
    text-decoration : none;
    min-height : 22px;
    padding-top:10px;
    padding-bottom:6px;
    padding-right:6px;
}

.accordionHeaderSelected a
{ 
	color: Black;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	text-decoration: none;
}


.workareabuttons
{
	border: solid 1px #000000;
	position: static;
	height : 75px;
	padding-bottom : 10px;
	margin-top : 10px;
}


.bluebuttonspopup
{
	border: solid 1px #000; /*#add1ff;*/
	position: static;
	height : 70px;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	width : 705px;
}

.bluebuttonspopupAction,
.bluebuttonsNoActionTaken,
.Message-Recipients
{
	position: static;
	height : 70px;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	width : 405px;
}

.Message-Recipients
{
	width : 705px;
}

.bluebuttons
{
	border: solid 1px #000; /*#add1ff;*/
	position: static;
	height : 70px;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	width : 705px;
}

.bluebuttons-small
{
	border: solid 1px #000; /*#add1ff;*/
	position: static;
	height : 70px;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	width : 405px;
}


.greenbuttons
{
	border: solid 1px #82C128;
	position: static;
	height : 70px;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	width : 745px;
}

.popupButtons
{
	border: solid 1px #82C128;
	position: static;
	height : 70px;
	margin-top : 10px;
	padding-bottom : 10px;
	margin-bottom : 10px;
	width : 705px;
}

.datarow
{
	background-color : White;
}

.personaltext
{
	margin : 10px;
	color : Black;
}

.goalcontainer
{
	margin-left : 10px;
	margin-right : 10px;
}

.portrait
{
	margin-right : 7px;
}

.PopupLabel
{
	text-align : right;	
	vertical-align : text-top;
}

.PopupLabel-middle
{
	text-align : right;	
	vertical-align :middle;
}

.PopupContent
{
	width : 650px;
}

.PopupTextBox
{
	width : 620px;
}

.PopupTextBox-small
{
	width : 280px;
}

.PopupTextBox-Mandatory
{
	width : 630px;
	background-color: #FFFFAA;
}

.ObservationTable
{
	border: 1px solid #000; /*#add1ff;*/
}

.control-text-nopad-larger
{
	color : Black;
}

.MandatoryMessagepaded
{
	padding: 0px 0px 0px 7px;
	margin: 0px 0px 0px 7px;
	color:Red; 
}

.WarningMessage
{
}

.welcome-leftcell
{
	width : 40%;
	vertical-align : text-top;
}


.welcome-leftcell p
{
	line-height: 1.5em;
	text-align : justify;
}


.welcome-rightcell
{
	position:relative;
	left:-8px;
	width : 60%;
	vertical-align : text-top;
}

.welcome-leftcelltext
{
	width : 80%;
	vertical-align : text-top;
}

.welcome-leftcelltext p
{
	line-height: 1.5em;
	text-align : justify;
	vertical-align : text-top;
}

.welcome-rightcelltext
{
	width : 20%;
	vertical-align : text-top;
}

.staffdivider
{
	padding : 0px 7px 0px 7px;
}

.StaffTree,
.StaffTree:hover
{
	text-decoration : none;
	padding-left : 10px;	
}

.StaffTree_Navigation
{
	text-decoration : none;
}

.StaffTree_Navigation:hover
{
}

.MenuTables
{
	position:relative;
	top:-15px;
	left:-10px;
}

.MenuTablesLinks
{
	position:relative;
	padding-left:10px;
	top:-10px;
}

.BlogHeaderStyleFromMentor,
.BlogHeaderStyleFromStudent,
.BlogHeaderStyle,
.BlogHeaderStyleBlogEntry
{
    cursor: pointer;
    margin: 0px 0px 5px 0px;
    min-height : 28px;
    padding: 5px 0px 0px 10px;
    color:#000;
    background-repeat:repeat-x;
	background-color: #fff;
}

.objectiveDetails
{
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
}

.BlogMessageStyleMessageMentor,
.BlogMessageStyleMessageStudent
{
    cursor: pointer;
    margin: 0px 0px 0px 0px;
    min-height : 22px;
    padding: 0px 5px 5px 5px;
}

.BlogAccordionHeaderSelected
{
}

.BlogAccordionHeaderSelected a
{ 
	color: Black;
	background: none;
	text-decoration: none;
}

.BlogAccordionHeaderSelected a:hover
{
	text-decoration: none;
}

.tableBorder
{
      border-width:1px;
      border-left-style:inset;
      border-bottom-style:outset;
      border-right-style:outset;
      border-top-style:inset;
}

.Headers
{
	vertical-align : text-top;
}

.CriteriaComments
{
	width : 320px;
}

.CriteriaComments-rightalign
{
	width : 250px;
	text-align:right;
}

.ObservationHeader
{
	height : 20px;
	padding-left : 5px;
}

.ObservationContents
{
	background-color : #eeeeee;
	padding-left : 5px;
	color : Black;
}

.Padding
{
	padding : 10px 10px 0px 10px;
}

.ObservationCommentHeader
{
	vertical-align: text-top;
	color : Black;
}

.Padding
{
	padding : 10px 10px 0px 10px
}

.ObservationCommentsBox
{
	width : 99%;
}

.MeetingHeader
{
	color : Black;
}

.Status
{
	color : Blue;
	padding-left : 5px;
	text-decoration : none;
}

.StatusHome
{
	color : #fff;
	padding-left : 25px;
	text-decoration : none;
	margin-left: -20px;
}

.StatusHome:link
{
    color: #fff;
}

.Status:visited
{
	color:Blue;
	padding-left : 5px;
}

.PopupTable
{
	width : 710px;
	padding-top : 10px;
	margin-top : 10px;
}

.HomePageChart
{
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 0px;
	padding-bottom:0px;
	height: 150px;
	min-width : 70px;
	text-align : center;
}

.PieChart
{
	text-align :center;
	margin: 0px 0px 0px 0px;
}

.Columns
{
	height : 400px;
}

.PieChart
{
	height : 100px;
}

.SEFMainChart
{
}

.LegendLabel
{
	font-size : 0.8em;
	font-weight : bold;
}

.SEFGraphTitle
{
	padding: 20px 10px 10px 20px;
	margin: 0px 0px 0px 0px;
}

.SDPLabelTitle
{
}

.CalenderControl
{
	padding-left : 4px;
	height: 16px;
	width: 16px;
}

.welcome-statement
{
	line-height:18px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.imgHomeStatus
{
	position:relative;
	top:5px;
}

.imgHomeStatus2
{
	position:relative;
	top:3px;
}

.tableDetail
{
	margin : 0px 3px 0px 13px;
}

.bluebanner
{
	border: solid 1px #000; /*#add1ff;*/
	color: #fff;
	background-image: url(../images/gradient.gif);
	background-repeat:  repeat;
	height:35px;
	left : 5px;
	right : 10px;
	margin : 0px 5px 0px 15px;
}

.bluebannerIcon
{
	float:right; 
	text-align:right;
}

.bluebannerIconimg
{
	top:-10px; 
	position:relative;
}

/* Derventio Admin Page Styles */
.DATextBox,
.DATextBoxMandatory
{
	width: 260px;
}

.DATextBoxSmall,
.DATextBoxMandatorySmall
{
	width: 160px;
}

.DATextBoxDate
{
	width: 80px;
}

.DATextBoxSmall,
.DATextBoxMandatorySmall,
.DATextBoxMandatory,
.DALabelTitle
.DATextBoxDate,
.DALabel,
.DATextBox
{
}

.DALabelTitle
{
}

.DATextBoxDate,
.DATextBoxMandatory,
.DATextBoxMandatorySmall
{
	background-color: #FFFFAA;
}

.ajax__tab_default .ajax__tab_header 
{
	white-space:normal!important;
}

.ajax__tab_default .ajax__tab_outer 
{
	display:-moz-inline-box;
	display:inline-block;
}

.ajax__tab_default .ajax__tab_inner 
{
	display:-moz-inline-box;
	display:inline-block;
}

.ajax__tab_default .ajax__tab_tab 
{
	margin-right:4px;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	display:-moz-inline-box;
	display:inline-block;
}

.ajax__tab_header
{
	background-color:#eee !important;
	border:solid 1px #999999;
}

.blackText
{
	color:Black;
}

.HiddenField
{
	display : none;
}

.Ultimate-Editor-Container
{
	clear : both;
}

.Student-Address
{

}

.Bullets li
{
	position : static;
}

/************************************************************************************************
*                                      Question Grading                                         *
************************************************************************************************/ 
.ColorPicker
{
	width : 14px;
	height : 14px;
	border : solid 1px Black;
	margin-bottom:3px;
}

.ColorPickerButton
{
	background-image: url(../images/cp_button.png);
}

.QuestionGrade-Table
{
	width : 100%;
	margin-bottom: 10px;
}

.QuestionGrade-Row
{
	width : 100%;
	height : 20px;
}

.QuestionGrade-Cell
{
	width : 20%;
	padding-left : 10px;
	color : Black;
	cursor : pointer;
	border : solid 1px #000; /*#6F9DD9;*/
}

.QuestionGrade-Cell-Selected
{
	width : 20%;
	padding-left : 10px;
	color : Black;
	cursor : pointer;
	border : dashed 1px #000; /*#6F9DD9;*/
}

.Comments-GradingContainer
{
	margin : 15px 13px 0px 4px;
}

.emailLabel_Settings
{
	margin-left : 10pt;
}

.Recipient
{
	margin-right : 10px;
	width : 99%;
	cursor : pointer;
}

#breadcrumbsPopup
{
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	color: #525252;
}

.mentorSummaryObservationsPieChart
{
	margin: 1px 10px 10px 10px;
}

/* Container for three graph headings on welcome page */
.welcome-graph-headercell
{
	background-color: Transparent;
	padding: 10px;
	text-align: center;
	margin: 0px 10px 0px 0px;
}

.welcome-graph-cell
{
	background-color: Transparent;
}

.welcome-graph-keycell
{
	background-color: Transparent;
	padding: 0px;
	padding-left: 30px;
}

.welcome-sef-dropdown
{
	text-align: center;
	margin-top: 10px;
	padding-top:10px;
	height: 0px;
}

.WelcomeGraphContainer
{
	width:32% !important;
	float:left;
	margin-right: 0px;
}

.ClassView-StudentsCell
{
	width : 100px;
	text-align : Left;
	padding-left : 10px;
	width: 115px;
	float : left;
	margin : 0px 5px 10px 5px;
	cursor:pointer;
}

.ClassView-StudentName
{
	clear : left;
	float : left;
	width : 100%;
	color : Black;
	cursor : pointer;
	width : 110px;
}

.ClassView-StudentPortrait
{
	cursor : pointer;
	width : 110px;
	height : 110px;
}

.ClassView-SubTitleText
{
	width:100%;
}

.Recipient-Search
{
	width : 555px;
}

.Recipient-Search-Label
{
	padding-top: 5px;
	vertical-align : top;
}

.holderClasses
{
	float:none;
	position: relative;
}

.student-Search
{
    margin-bottom: 10px;
}

.student-Search,
.student-Search-Row
{
	width : 100%;
}

.student-Search-Label
{
	width : 70px;
}

.student-Search-TextBox
{
	width : 100%;
	padding-right : 10px;
}

.student-Search-Button
{
	width : 50px;
}

.ajax__calendar_container 
{
    z-index : 1000; 
}

.InvisibleItem,
.InvisibleHeader
{
    display: none;
}

.EditorContainer 
{
    background-color:#9EBEF5;
	padding:2px;
}

.answerframetablefullwidth,
.answerframetable
{
	width:100%;
}

.answerframetablehalfwidth
{
	width:45%;
}

.answerframetablemajoritywidth
{
	width:65%;
}

.answerframetablequarterwidth
{
	width:25%;
}

.answerframetableyesno
{
	width:20%;
}

.answerframetablesmallnumeric
{
	width:90px;
}

.answerframeminmax
{
	width:180px;
}

.answerframetablecheckbox
{
	width:50px;
}

.answerframetablecheckboxLong
{
	width:120px;
}

#Title
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
}

.titleText
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.GridContainer
{
	float:left;
	width:100%;
	position:relative;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 1px;
}

#settings-options
{
    position: relative;
}

.option-block-green-Home,
.option-block-red-Home,
.option-block-blue-Home
{
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 0px 0px 0px 0px;
}
.option-header-green-Home,
.option-header-red-Home,
.option-header-blue-Home
{
    height: 40px;
    padding-left: 10px;
}

.option-block-green,
.option-block-grey,
.option-block-red,
.option-block-blue,
.option-block-yellow,
.option-block-orange
{
    width: 225px;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    height: 140px;
    padding: 0px 0px 0px 0px;
}

.option-header-grey,
.option-header-green,
.option-header-red,
.option-header-blue,
.option-header-yellow,
.option-header-orange
{
    width: 215px;
    height: 40px;
    padding-left: 10px;
}

.option-image
{
    width: 42px;
    float: left;
    display: none;
}

.option-title
{
    color: #fff;
    height: 30px;
    padding-top: 10px;
    overflow:hidden; /*added so long titles dont wrap*/
    margin-right:10px;
}

.option-title a:link,
.option-title a:visited
{
    color: #fff;
}

.option-body
{
    width: 225px;
}

.option-body p 
{/*added so long text gets cut off*/
    overflow:hidden; 
    max-height:88px;
}

.option-body-full
{
	width: 100%;
}

.option-body-full p,
.option-body p
{
    text-align:left;
    margin: 5px 5px 5px 5px;
}

.float-fix
{
    clear: both;
}

.status-icon
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 32px;
}

.icon-stats-small-NavBar,
.icon-stats-small
{
    float: right;
    top: 0px;
    right: 0px;
    width: 16px;
    height: 16px;
    z-index: 100;
    margin-top: 12px;
    margin-right: 10px;
}
.icon-stats-small-NavBar
{
	position:absolute;
	top:-10px;
	left:40px;
}

.EditorToolbar
{
    background-color: transparent;
}

.popupTitleButtons
{
    position: absolute;
    width: 200px;
    top: 0px;
    right: 0px;
}

.ajax__tab_xp .ajax__tab_body
{
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.holderButtons
{
   margin: 0px 0px 0px 0px; 
   padding: 0px 0px 0px 0px;
}

.MailBanner
{
	height:0px;
	top:20px;
	margin-top:10px;
	text-align:right;
	position:relative;
	z-index:10000;
}

.bottomboundary
{
	margin:0px;
	padding:0px;
	clear:both;
}

/* Main icons (top right) */

#title-icons-popup,
#title-icons
{
    position: absolute;
    top: 4px;
    right: 4px;
    height: 32px;
    width: 250px;
    z-index: 100;
}

#title-icons
{
	top:196px;
	right:20px;
}

#title-icons-popup
{
	z-index: 1000;
}

.pleasewait
{
	border: black 1px solid; 
    font-weight: bold; 
    font-size: 12px; 
    z-index: 300; 
    font-family: Segoe UI, Verdana; 
    vertical-align:middle;
    text-align:center;
    background-color: #c0c0c0;
    clear:both;
	position:fixed !important;
	left:46%;
	top:25%;
}

.AccordionStyle
{
	border:solid 1px black;
}

.titleText
{
	margin-bottom:10px;
	position:static;
}

.tableTimeLine
{
	display:inline-table;
}

.tableEvents img
{
	left:11px; /*safari chrome firefox comprimise ideal would be 10px/12px */
	position:relative;
	top:16px;
}

.disabledtextbox
{
    border: none 0px transparent;
}

.ajax__tab_disabled
{
    display:none;
}

h1 a:hover
{
    text-decoration:none !important;
}


/*this affects chrome and safari only
this is a fix for the time line images not being in the correct position*/
body>form>div>div>div>div>table>tbody>tr>td>table>tbody>tr>td>img:nth-child(1)
{
	top:13px;
}


/*style for opera only*/
@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0) 
{
/*buttons style is listed twice in the colour style sheets and in the standandard css any updates apply to all*/
    /*primay colour button */
    .pageButton-back,
    .pageButton-ask,
    .pageButton-submit,
    .pageButton-cancel,
    .pageButton-Approve,
    .pageButton-ViewDiary,
    .pageButton-goals,
    .pageButton-save,
    .pageButton-add,
    .pageButton-plan,
    .pageButton-message,
    .pageButton-remove,
    .pageButton-restore,
    .pageButton-evidence,
    .pageButton-assign,
    .pageButton-edit,
    .pageButton-showall,
    .pageButton-recall,
    .pageButton-Login,
    /* buttons that need colors */
    .pageButton-addlink,
    .pageButton-adddocument,
    .pageButton-addtext,
    .pageButton-mailnext,
    .pageButton-mailprevious,
    .pageButton-futuregoals,
    .pageButton-previousgoals,
    .pageButton-addgoals,
    /*Alternate colour button */
    .pageButton-cancelgreen,
    .pageButton-GreenSave,
    .pageButton-AddGreen,
    .pageButton-mentorlink,
    .pageButton-mentortask,
    .pageButton-mentorobservation,
    .pageButton-AddGreen,
    .pageButton-mentorsaveobservation,
    .pageButton-mentorfile,
    .pageButton-mentortext,
    .pageButton-mentorremove,
    .pageButton-BehaviourFormProperties
    {
	    width:35px;
	    height:35px;
	    background-repeat:no-repeat;
	    background-position:left top;
	    left:-30px;
    }
    
    
    /*modifications to display the time line correctly*/
    .tableEvents img
    {
	    top:0px;
    }
    
    .tableEvents
    {
        left:-100%;
	    top: -9px;
    }
    
}

.EvidenceFolder,
.EvidenceFolderAlt
{
    width:30px;
    height:30px;
    cursor:pointer;
    margin-left:65px;
}

/*fix for mac opera*/
.control-mandatory-time
{
    width:50px !important;
}

.titleButton
{
	text-decoration:none !important;
}

.labelNone
{
    margin-left : 5px;
    padding-left : 5px;
}

.popupContents
{
    text-align : left;
}

.AddRecipientColumn
{
    padding-left : 10px;
}

.ClassStudentCountColumns
{
    text-align : center;
}

.recoverPassword-Login

{
    text-align : -moz-center;
}

.TimeLineEventCells img
{
    top:14px;
}

/*********************************************************************************************************
*                                               REPORTS                                                  *
*********************************************************************************************************/
.reportTableSelection
{
    width : 100%;
}

.reportTableSelection_ColumnOne
{
    font-weight : bold;
    vertical-align : middle;
    text-align : right;
}

.reportTableSelection_ColumnTwo
{
    width : 100%;
    vertical-align : middle;
}

.reportTableSelection_ColumnThree
{
    padding-left : 10px;
    vertical-align : middle;
}

.reportTableSelection_ReportCombo
{
    width : 425px;
}

.imageCalender_Reports
{
	float : right;
	padding : 0px, 10px, 0px, 10px;
	margin : 0px, 10px, 0px, 10px;
}


#ctl00_ctl11_TreeView1 td
{
    vertical-align:top;
}

#ctl00_ctl11_TreeView1 img
{
    margin-top:3px;
}


/*navigation on the partners login*/
.partnersNavcontainer
{
    margin:10px 0px 10px 0px;
}

.partnersNav
{
    margin:10px 0px 10px 5px;
}

.partnersNavSubitem
{
    margin-left:10px;
}

.partnersNav a
{
}