/* ------------------ Portal ------------------------ */
/* these are the flyouts */
.menus
{
  background-color: #008080;
  position: absolute;
  visibility: hidden;
  z-index: 5;
}
.menuItem
{
  text-decoration: none;
  background-color: #008080;
  white-space: nowrap;
  color: #9966cc;  
}
.menuItemOn
{
  text-decoration: none;
  background-color: #008080;
  color: #4682b4;
  white-space: nowrap;
  cursor: hand;
}

#MenuBar
{
  padding: .2em 0 .2em 0;
  margin: 0;
}

#MainMenu
{
  margin: 0 0 2em 0;
  padding: 0em;
}

#MainMenu li 
{
  border-bottom: solid 1px #9999cc;
  background-color: #ffffff;
  display: list-item;
  list-style: none;
  padding: .2em .2em .2em .5em;
  margin: .2em .1em .2em 0;
  font-size: 0.9em;
  font-weight: normal;
  color: #9999cc;

}

#MainMenu li:hover
{
  background-color: #f0f8ff;
	color: #4682b4;
	
}


#MainMenu li a 
{
	text-decoration: none;
	color: #4682b4;

}

#MainMenu li a:hover
{
	text-decoration: none;
  background-color: #f0f8ff;
	color: #9999cc;
        font-style: underline;

}


HR
{
  color: f0f8ff;
}

/* ---------------- End Portal -------------------------*/

body
{
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 80%;
  margin: 0.5em;
  border: 1px solid #4682b4;
}

#PrintHeader
{
  display: none;
}
.PersonImage
{
  border: 1px solid Black; 
  width: 120px;
  height: auto;
}

.InstituteLogo
{
  border: solid 1px white;
}

.RightMessage
{
	background-color: #ffffff;
	padding: 1em;
	border: solid 1px white;
	margin: 6px;
	float: right;
}

div#Header
{
  background-color: #ffffff;
  padding: 0em;
  border-bottom: solid 1px white; 
}

div#leftpanel
{
  border-right: 1px solid white; 
  border-bottom: 1px solid white;
  background-color: #f0f8ff;
  float: left;
  width: 20%;
  padding: .2em .8em 0em .8em;
}

div#container
{
}

div#content
{
  float: left;
  width: 75%;
  padding: .2em .2em 0em .8em;
}

div#ReportContent
{
  margin-left: 8px;
  margin-right: 4px;
  padding-left: 2pt;
  padding-right: 2pt;
  background-color: #FDFDF2;
}

div#cleardiv
{
  clear: both;
  height: .1em;
}

#footer
{
  background-color: #008080;
  color: black;
  font-size: 0.9em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top: 1px solid #008080; 
}

#footer a
{
	color: lightgrey;
	text-decoration: none;
}

#footer a:hover
{
	color: lightgrey;
	text-decoration: underline;
}


.FooterPEPi
{
  text-align: right;
}

.FooterLinks
{
	text-align: left;
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 20px;
	margin-left: 8px;
}


.FooterItem
{
  display: inline;
  margin: 0.5em;
}
.threesixty
{
  font-size: .8em;
  background-color: #fff;
}
.threesixty img
{
  border-style: none;
}

.ToolBar
{
  border-bottom: solid 1px Black;
  background-color: #008080;
  padding-left: .5em;
}
.ToolbarItem
{
  padding: .4em 0em .4em 0em;
  color: White;
  font-size: 1em;
  font-weight: bold;
}

.ToolbarItem a
{
  color: white;
  padding: .4em 0em .4em 0em;
}

.ToolbarItem a:hover
{
  color: #FAB700;
}

.Seperator
{
  display: inline;
  color: white;
  font-weight:normal;
  padding: 0 .4em 0 .4em;
}

.PrintBar
{
  background-color: #9AB8FE;
  font-size: 0.9em;
  padding: 6px 0px 6px 6px;
  border-bottom: solid 1px black;
}

span.key
{
  text-decoration: underline;
}

H1, H2, H3, H4, H5, H6
{
  color: #4682b4;
  font-size: 110%;  
  font-weight: bold;
  margin: 8px 0 8px 0;
  border-bottom: solid 1px Black;
}

H1
{
  font-size: 1.2em;
}

H2
{
  font-size: 1.1em;
}

H3
{
  font-size: 1.0em;
}

H4
{
  font-size: 0.9em;
}

H5
{
  font-size: 0.8em;
}

/* Not sold on this style - may revert back to std windows */
Input.Button
{
  font-size: 0.9em;
  font-weight: bold;
  border: solid 1px #999999;
  background-color: #F1F1F1;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 2px;
  margin-left: 1px;
  margin-right: 1px;
  line-height: 18px;
}

Input.Button:Hover
{
  border-color: #4682b4;
}

.MailMergeBody
{
  font-size: 1em;
  padding: 1.0em;
}

.MailMergeTable
{
  border-collapse: collapse;
  font-size: 1em;
  border: solid 1px black;
  width: 100%;
}

.MailMergeTable TH
{
  border-bottom: solid 1px black;
  text-align: left;
}

.MailMergeBalance
{
  border-top: solid 2px black;
  border-bottom: solid 2px black;
  background-color: LightGrey;
  font-weight: bold;
}

Table.DataEntry
{
  font-size: 1em;
  border-collapse: collapse;
}

.DataEntry TR
{
}

.DataEntry TD
{
  padding: 0px 0px 6px 4px;
}
.ButtonPanel
{
  border-collapse: collapse;
  width: 100%;
}
.ControlPanel
{
  text-align: right;
  margin-top: 10px;
  padding: 5px 0px 5px 0px;
  border-top: solid 1px #4682b4;
}

.SavePanel
{
  text-align: right;
  margin-top: 10px;
  padding: 5px 0px 5px 0px;
  border-top: solid 1px LightGrey;
  width: 100%;
}
.SavePanel a
{
  padding: 5px;
}
.DataGrid
{
  border-collapse: collapse;
  border: solid 1px #008080;
  padding: 2px;
  margin: 5px 0 5px 0;
  overflow: auto;
  width: 93%;
}
.DataGrid caption
{
	color: #4682b4;
	font-weight: bold;
	margin: 8px 0;
	padding-bottom: 4px;
	font-size: 1.0em;
	text-align: left;
	padding-top: 14px;
}
.DataGridHeader
{
  color: White;
  background-color: #008080;
  text-align: left;
}
.DataGridHeader img
{
  border: 0;
}
.DataGridFooter
{
  background-color: lightgrey;
}

.Row
{
}
.EditCell
{
  width: 50px;
}
.EditCell img
{
  padding: 3px;
}
.Row img
{
  vertical-align: top;
  border: 0;
}
.AlternateRow
{
  background-color: #F1F1F1;
}
.AlternateRow img
{
  border: 0;
}
.SelectedRow
{
  font-weight: bold;
}

.HighlightedRow
{
  color: lightgrey;
  background-color: #7684c9;
}

.DataGridButtons
{
  padding: 0px 2px 0px 2px;
}

.NoData
{
  color: #4682b4;
  margin-bottom: 1em;
  border-bottom: solid 1px #4682b4;
}
.DataGridPaging
{
  text-align: right;
  font-size: 0.8em;
  font-weight: normal;
  background-color: lightgrey;
}
.DataGridPaging th
{
  font-weight: normal;
}

.NoticeItem
{
  position: absolute;
  width: 240px;
  border: solid 1px black;
  z-index: 5;
  visibility: hidden;
  float: right;
}

.NoticeHeader
{
  font-size: 1em;
  font-weight: bolder;
  background-color: #ccc;
  color: #4682b4;
  padding: 4px;
  border-bottom: solid 1px black;
}

.NoticeBody
{
  padding: 4px;
  font-size: 0.8em;
  background-color: white;
  border-bottom: solid 1px gray;
}

.NoticeFooter
{
  background-color: white;
  color: gray;
  font-size: 0.7em;
  width: 100%;
}

.AnnouncementItem
{
  width: 96%;
  border: solid 1px black;
}

/* The below styles cover the readonly (click the more.. hyperlink) not the front page */
.AnnouncementHeader
{
  font-size: 1.2em;
  font-weight: bolder;
  background-color: #7684c9;
  color: white;
  padding: 0.4em;
  border-bottom: solid 1px black;
}

.AnnouncementBody
{
  padding: .4em;
  font-size: 1em;
  background-color: ivory;
  border-bottom: solid 1px gray;
}

.AnnouncementFooter
{
  background-color: ivory;
  color: gray;
  font-size: 0.7em;
  width: 100%;
  padding: 0.2em 0em 0.2em 0em;
}

/* Exception screen */
.Main
{
  height: 78%;
  width: 100%;
  padding: 0 1em 0 1em;
}

TABLE.Exception
{
  text-align: left;
}

.Entry
{
  padding: 1em;
}

.Msg
{
  text-align: left;
  color: #4682b4;
  font-size: .8em;
}

/* End Exception screen */
TextArea
{
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 1em;
}

.Emergency
{
  color: #4682b4;
}
.Error
{
  border: solid 1px black;
  padding: .2em;
  background-color: #4682b4;
  color: White;
}

.Critical
{
  border: solid 1px black;
  padding: .2em;
  background-color: #4682b4;
  color: White;
  font-weight: bold;
  text-decoration: blink;
}

.Success
{
  border: solid 1px black;
  padding: .2em;
  background-color: #9AB8FE;
  color: black;
}

.Warning
{
  border: solid 1px black;
  padding: .2em;
  background-color: Yellow;
  color: Black;
}

table.Timetable
{
  border: solid 2px Black;
  border-collapse: collapse;
  empty-cells: show !important;
  margin: 20px 0 10px 20px;
}

table.Timetable caption
{
  font-size: 1.2em;
  font-weight: bold;
  padding: 5px;
  text-decoration: underline;
}
table.Timetable th
{
  border: solid 2px Black;
  font-size: 0.8em;
}
table.Timetable th.DayOfWeek
{
  font-size: 1em;
  background-color: Steel#4682b4;
  color: White;
}
table.Timetable a
{
  text-decoration: none;
}
table.Timetable th.DayOfWeek a img
{
  border: none;
  background-color: white;
  margin: 0 5px 0 0;
}
table.Timetable td
{
  border: solid 1px Black;
  font-size: 1em;
  background-color: LightGrey;
}
table.Timetable td.Timetabled
{
  background-color: Ivory;
  text-align: center;
}
table.Timetable td.Timetabled a img
{
  border: none;
  margin: 0 5px 0 0;
}
table.Timetabled td.Timetabled span.Navigate
{
  text-align: left;
}
table.Timetable td.TimeCell
{
  background-color: White;
}
table.DataEntry td
{
  margin: 2px 2px 0 3px;
}
table.DataEntry td a
{
  margin: 0 2px 0 3px;
}
.TimetableReportLink
{
  font-size: 1.5em;
  margin-left: 100px;
  padding: 5px;
}
table.CompanyHeading td
{
  text-align: center;
}
div#CoTitle
{
  font-size: 1.5em;
  font-weight: bold;
  color: #000080;
}
div#Motto
{
  font-size: 0.8em;
  font-weight: bold;
  font-style: italic;
  color: #000080;
}
div#ABN
{
  font-size: 0.8em;
  font-weight: bold;
  color: #000080;
}
table.CompanyDetail
{
  width: 90%;
  font-size: 0.8em;
}
table.ReceiptHeader
{
  width: 90%;
  font-size: 0.8em;
}
table.AccountDetails
{
  font-size: 0.8em;
  margin: 1em;
  border-collapse: collapse;
  border: solid 1px black;
}
table.AccountDetails td
{
  padding: 1em;
}
table.PaymentDetails
{
  width: 90%;
  font-size: 0.8em;
  border-collapse: collapse;
}
table.PaymentDetails td
{
  border: solid 1px black;
}
table.PaymentMethod
{
  font-size: 0.8em;
  margin: 1em;
}

.EditorLabelBold
{
  font-weight:bold;
}

#popUpCalTable
{
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  font-size: .9em;
  border-top: 1px solid ivory;
  border-left: 1px solid ivory;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  z-index: 5;
}
#popUpCalTable th
{
  font-weight: normal;
  background-color: #363636;
  color: white;
  text-align: center;
  border-bottom: solid 1px #FAB000;
}
#popUpCalTable a
{
  color: white;
  text-decoration: none;
}
#popUpCalTable a:hover
{
  color: #4682b4;
}
#popUpCalTable td a
{
  color: White;
  text-decoration: none;
}
#popUpCalTable td.today a
{
  color: white;
  text-decoration: none;
}
#popUpCalTable td
{
  text-align: center;
  background-color: #CCCCCC;
}
#popUpCalTable tfoot td
{
  font-weight: normal;
  border: none;
  background-color: #363636;  
}

#popUpCalTable td.today
{
  background-color: #0054e3;
  color: white;
}

#idToggleImage
{
  cursor: hand;
}
#calendarTable
{
  font-size: 1em;
  margin-left: .3em;
  margin-right: 1em;
  margin-bottom: 1em;
  border: 1px solid black;
}
#calendarTable th
{
  font-weight: normal;
  background-color: #cccccc;
  text-align: center;
  border-bottom: solid 1px black;
}
#calendarTable a
{
  color: black;
  text-decoration: none;
}
#calendarTable a:hover
{
  color: #4682b4;
}
.dayNames th
{
  font-weight: normal;
  width: 30px;
}
#calendarTable td
{
  text-align: center;
  background-color: white;
}
#calendarTable tfoot td
{
  font-weight: normal;
  border: none;
  background-color: #cccccc;
}

#calendarTable td.today
{
  border: solid 1px #4682b4;
}
#calendarTable td.holiday
{
  background-color: #FFCC00;
}
#calendarTable td.break
{
  background-color: #CDAF95;
}
#calendarTable td.event
{
  background-color: #ebb631;
}
#calendarTable td.we
{
  background-color: #cccccc;
}
#calendarTable td.wetoday
{
  border: solid 2px #4682b4;
  background-color: #cccccc;
}
#calendarTable td.holidaytoday
{
  border: solid 2px #4682b4;
  background-color: #FFCC00;
}
#calendarTable td.breaktoday
{
  border: solid 2px #4682b4;
  background-color: #CDAF95;
}
#calendarTable td.eventtoday
{
  border: solid 2px #4682b4;
  background-color: #ebb631;
}
#StateImage
{
 vertical-align: bottom;
 padding-right: 5px;
}
div#formMessageBox
{
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  z-index: 5;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 3px solid black;
  border-bottom: 3px solid black;
  background-color: white;
  font-size: 0.9em;
}
div#formMessageBox table
{
 width: 500px;
 padding: 0;
}
div#formMessageBox table thead th
{
 background-color: #4682b4;
 color: white;
 font-weight: bold;
 font-size: 1.1em;
}
#formMessageBoxButton
{
 background-color: #ccc;
 text-align: right;
}
.EditCellStateDate
{
  width: 63px;
}
.EditCellText
{
  width: 100px;
}


div#GSTNumberforNZ
{
  font-size: 0.8em;
  font-weight: bold;
  color: #000080;
}



.NSITab
{
  color:red ; 
  border-color: #3399CC;
  border-width:medium;
  background-color:#3399CC ;
}
.NSITabClick
{ 
	/*background: #3399CC ; */	
	 border-left-color:#3399CC ;
	 border-right-color:#3399CC ;
	 border-top-color:#3399CC ;
}
.NSIToolBarHeader
{
  font-size: 0.9em;
  color: #08A5DF;
  padding: 1px;
  text-align:left;
  font-weight:bold;
}
.NSI
{
  display: inline;
  margin-left: .2em;
  color:#3399CC;
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  float: left;
}
.NSIHr
{
	color:#08A5DF;
	padding-bottom:0px;
	
}
.NSITabDefault
{
  color:black ; 
  border-color: #ACCCDE;
  border-width:3px;
  background-color:white ;
  width:300px;
}
.NSITabSelected
{
  color:black ;   
  background-color:#ACCCDE ;
  width:300px;
}
.NSISection4
{
	border:solid 2px #08A5DF;
}
.NSIHeaderText
{
  font-size: 0.9em;
  color: #08A5DF;
  padding: 1px;
  text-align:left;
  
}
div#formProcessMessageBox
{
  position: absolute;
  left: 10px;
  top: 10px;
  visibility: hidden;
  z-index: 5;
  border-top: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
  border-bottom: 3px solid blue;
  background-color: #ccc;
  font-size: 0.9em;
}
div#formProcessMessageBox table
{
	width: 400px;
	padding:  5px 5px 5px 5px;
}
div#formProcessMessageBox table thead th
{
	background-color: blue;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
}
#formProcessMessageBoxButton
{
	/*background-color: white;*/
	text-align: right;
	border : 1px solid blue;
	width:	100px;
}


div#TabForm table 
{	
	
	border-top: 5px solid #ACCCDE;
	border-bottom: 5px solid #ACCCDE;	 
	background-repeat:repeat;	
}

.sdrtabcolor
{
  font-size: 0.9em;
  font-weight: bold;
  border: solid 1px #ACCCDE;
  background-color: white;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 18px;
  width: 100%;
}
.sdrbuttn
{
  font-size: 0.9em;
  font-weight: bold;
  border: solid 1px #ACCCDE;
  background-color: white;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 18px;
  width: 50%;
}

.sdrTabOnClick
{
  font-size: 0.9em;
  font-weight: bold;
  border: solid 1px #ACCCDE;
  background-color: #ACCCDE;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  line-height: 18px;
  width:100%;
}

div#ExtractFile
{
  position: absolute;
  left: 10px;
  top: 10px;
  visibility: hidden;
  z-index: 5;
  border-top: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
  border-bottom: 3px solid blue;
  background-color: #ccc;
  font-size: 0.9em;
}

div#ExtractFile table thead th
{
	background-color: blue;
	color: white;
	font-weight: bold;
	font-size: 1.1em;
	border-color:Blue;
}
.btnImage
{
	background-color:Red;
	border:White;
	width:20px;
}
.divExtractFile
{
  position: absolute;
  left: 10px;
  top: 10px;
  visibility: hidden;
  z-index: 5;
  border-top: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
  border-bottom: 3px solid blue;
  background-color: #ccc;
  font-size: 0.9em;
}

.tabReports
{
  position: absolute;
  left: 10px;
  top: 10px;
  visibility: hidden;
  /*
position: absolute;
  left: 10px;
  top: 10px;
z-index: 5;
  border-top: 3px solid blue;
  border-left: 3px solid blue;
  border-right: 3px solid blue;
  border-bottom: 3px solid blue;
  background-color: #ccc;
  font-size: 0.9em;*/
}

.tabReportsVisibil
{  
  visibility:visible ;
  
}
input.hide

{
position:absolute;
moz-opacity:0;
filter:alpha(opacity: 0);
opacity: 0;
width:25px;
z-index: 2;
cursorointer; 
}
.highlight
{
 background-color: #FFCC66;
 color:#663399;
}
.highlight img
{
  vertical-align: top;
  border: 0;
}

.highlight
{
 background-color: #FFCC66;
 color:#663399;
}
.highlight img
{
  vertical-align: top;
  border: 0;
}


.TextGreen
{
  color:Green ; 
}
table.StudentDetails
{
  font-size: 0.8em;
  margin: 1em;
  border-collapse: collapse;
  border: solid 1px black;
}
table.StudentDetails td
{
  padding: 1em;
   border: solid 1px black;
}



table.StudentDetailsinner
{
  font-size: 1em;
   margin: -1.2em;
   border :0px;
 
}
table.StudentDetailsinner td
{
    margin-right: -5em;
     
    
 
}


div#bodybold
{
  font-size: 2em;
  font-weight: bold;
 
}
div#bodybold2
{
  font-size: 1.4em;
  font-weight: bold;
 
}
div#bodybold3
{
  font-size: 1em;
  font-weight: bold;
 
}

/*  BT -2597k */
.SubjectData
{
 
 font-weight:bold;
 font-size: 1.0em;
  margin: 1em;
	
}

.InvoiceHeading
{
  font-family:Arial;
  font-size: 14pt;
  font-weight:bold;
}
.HeadingClass
{
  color: #333399;
  font-weight: bold;
  letter-spacing: 2pt;
  margin: 8px 0 8px 0;
  border-bottom: solid 1px LightGrey;
  font-size: 1.2em;
}
.EmergencyCol
{
  color: Red;
}

