/*
=====================================================
=	1) BASE SETTINGS
=====================================================
*/

html, body 
{
    font-family: arial,verdana,helvetica,sans-serif;    
    color: #333;
    font-size: small;
    
}

/* Default - switch everything off */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#menubox ul,
#menubox il
{
	margin: 0px;
  padding: 0px;
  list-style: none;
}


/* Anchors  */
a
{
    color: #333;    
}

a:hover
{
    color: black;
}

.clear /* for forcing nested divs to display in FF */
{
    clear: both;
}

/*
=====================================================
=	2) PAGE TEMPLATE - EVERY PAGE GETS THESE BITS
=====================================================
*/

/* ************************************************** */
/* ***** CENTERING MAIN OUTER CONTAINER         ***** */
/* ************************************************** */

div#outercontainer 
{
	 width: 800px;  
	/* width: auto; */  
	height: 100%;
	margin: 0 auto;
	/* border: 1px solid yellow; */	
}

/* **************************************** */
/* ***** HEADER / BANNER BLOCK / MENU ***** */
/* **************************************** */

div#bannerbox
{	
	width: 100%; 
	height: auto !important;
	/* overflow: hidden; /* container grows to include inner floats */		
	/* border: 1px solid red; */  			
}

div#banner
{
	/* NO WIDTH SO FITS TO ABOVE - OVERCOMES BORDER PROBLEM */
	min-height: 51px; 
	height: auto !important;    
    height: 51px;
    /* overflow: hidden; */    
    background: url(../images/banner_pic.png) no-repeat right top #D4E6FF;      
    border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-bottom: -1px; 	
	/* border: 1px solid green; */ 
    
}

div#banner-leftparts /* logo div above the tabs div */
{
	float: left;
	width: 100%;
	height:auto !important;
	/* overflow: hidden; */	
	/* border: 1px solid green;*/   	
}

div#banner-leftimage /* i-nfer logo div */
{
	height:34px; 
	/* width:710px; */
	background: url(../images/infer_logo.gif) no-repeat 10px 2px;
	/* border: 1px solid orange; */     	
}

div#banner-rightbox /* relocated logout/help stuff */
{
	float: right;
	padding-right: 100px; 
	/* padding-left: 650px; */
	height:34px;
	/* border: 1px solid yellow; */       	
}

div#toplogout /* relocated logout */
{	
	padding-top: 4px;
	overflow: hidden;      	
}

div#toplogout a /* relocated logout */
{	
	color: #00678F;
	font-weight: normal;
	font-size: 0.77em;      	
}

div#toplogout a:hover /* relocated logout */
{	
	color: black;      	
}

div#tophelp /* relocated help */
{
	
	margin-top: -13px; 
	margin-left: 36px;
	overflow: hidden;  	     	
}

div#menubox /* sits below logo div */
{
	min-height:16px;
	height:auto !important;
	/* overflow: hidden; */	
}

div#menubox ul
{    
}

li.menuoption
{
    float:left;
    background:url("../images/menu_right_grey.gif") no-repeat right top;
    margin:0;
    padding:0;
    /* border: 1px solid green; */  
}

li.menuoptionselected
{
    float:left;
    background:url("../images/menu_right_blue.gif") no-repeat right top;
    margin:0;
    padding:0;
    /* border: 1px solid green; */  
}

li.menuoption a,
li.menuoptionselected a
{
    display:block;        
    padding-top: 0.20em;
    padding-left: 1.5em; 
    padding-right: 1.0em;
    padding-bottom: 0.10em;     
	text-decoration: none;
	float: left;
	font-weight: normal;
	font-size: 0.77em;
}

.menuoption a
{    
    background:url("../images/menu_left_grey.gif") no-repeat left top;    
	color: #00678F;
}

.menuoptionselected a
{
    background:url("../images/menu_left_blue.gif") no-repeat left top;     
    color: white;	
}

.menuoptionselected :hover
{	
	color: #CCCCCC;
}

.menuoption :hover
{	
	color: black;
}

#menubarbottombox
{	
	width: 100%;
	min-width: 100%;
	/* margin-top: -2px; */	
    /* display: inline; */
    /* border: 1px solid purple; */ 	
}

#menubarbottom
{    
    height: 6px; 
    /* min-height: 6px;
    height: auto ! important; */  
    font-size: 6px; /* Else too high in Firefox */ 
    border-right: 1px solid #999999;
	border-left: 1px solid #999999;
    background-color: #00678F;     
    /* border: 1px solid green; */   
}


/* ******************** */
/* ***** FOOTER ******* */
/* ******************** */

#footerbarbottombox
{	
	width: 100%;
	min-width: 100%;
	/* height: auto !important; */
	/* overflow: hidden; */
	clear: both; 		
    /* display: inline; */
		
}

#footerbarbottom
{    
    height: 6px;
    font-size: 6px; /* Else too high in Firefox */
    border-right: 1px solid #999999;
	border-left: 1px solid #999999;
    background-color: #00678F; 
    /* border: 1px solid purple; */ 
    
}

div#footer-infobar
{	
	/* width: 100%; */
	padding-left: 20px;
	padding-right: 20px; 
	min-height: 20px;	
	height: auto !important;
	height: 20px; 	
	background-color: #D4E6FF;
	/* border: 1px solid red; */
	border-right: 1px solid #999999;
	border-left: 1px solid #999999; 
	     		 
}

div#footer-bottombit
{	
	height: 6px; 	
	background-color: #D4E6FF;
	/* border: 1px solid red; */
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 18px;
	border-bottom: 1px solid #999999;     		 
}

div#footer-rightgraphic
{	
	width: 100%;	
	height: 25px;	
	float: right;
	background: url(../images/footer_rightcurve.gif) right bottom no-repeat;    		 
}

div#footer-leftgraphic
{	
	z-index: -1;
	width: 100%;	
	height: 25px;
	float: left;
	margin-top: -20px; 
	background: url(../images/footer_leftcurve.gif) left bottom no-repeat;
	/* border: 1px solid green; */ 
}

.footertext
{
    float: left;
    font-size: x-small;
    color: #00678F;
    margin: 5px 0px 0px 5px;
}

/* ******************************************************* */
/* ***** WORKING AREA                                ***** */
/* *****   graphic used for single pixel grey border ***** */
/* *****   left and right                            ***** */
/* *****   Canvas with space around it               ***** */
/* *****   apart from bottom						 ***** */
/* ******************************************************* */

div#workingareawrapper-leftborder
{	
	width: 100%;
	height: auto;
	float: left;
	background-image: url(../images/border.gif);
    background-position: left;
    background-repeat: repeat-y;
	/* border: 1px solid blue; */ 		 
}

div#workingareawrapper-rightborder
{	
	width: 100%;
	height: auto;
	float: right;
	background-image: url(../images/border.gif);
    background-position: right;
    background-repeat: repeat-y;
	/* border: 1px solid blue; */		 
}

div#workingarea-canvas /* excludes 1 px border left & right */
{	
	margin: 0 1px 0 1px;	
    background-color: #EFECF4;  
    /* background-color: yellow;*/  
    /* border: 2px dotted black; */   
}

div#workingarea-canvas2 /* HEAD TEACHER */
{	
	margin: 0 1px 0 1px;	
    background-color: #EEF1E8;
    /* border: 2px dotted green; */     
}

div#workingarea-canvas3 /* ADMIN */
{	
	margin: 0 1px 0 1px;	
    background-color: #FBF3E7;
    /* border: 2px dotted pink; */   
}	

/*
=====================================================
=	3) PAGE (FORM) COMMON ELEMENTS
=====================================================
*/

.workrow
{	 
	clear: both;
	width: 96%;	 /* DON'T add to 100 use 99 - ie6 rounding bug */ 	
	float: left;
	display: inline;
	margin-left: 1.5%;
	margin-right: 1%;
	margin-top: .5em;
	/* overflow: hidden; */	
	/* border: 1px solid orange; */  	
}

.workline
{	 
	clear: both;
	width: 100%;	  	
	float: left;
	display: inline;	
	margin-top: .5em;	
	/* border: 1px solid purple; */ 	
}

.workcol,
.workcol-right
{	
	/* display: inline; */
	padding-bottom: 0px;	
	/* border: 1px solid green; */       
}

.workcol
{	
	float: left; 	
	margin-right: 10px;	   
}

.workcol-right
{	
	float: right;	
	margin-left: 10px;  
}

.tabstrip-css
{	
	clear: both;
	float: right;
	width: auto;
	display: inline;
	/* overflow: hidden;*/	
	/* border: 5px dotted yellow; */  
}

.workcol select,
.workcol-right select /* want select box to fill div */
{	
	width: 100%; 
	display: inline;
	padding: 0;
	margin: 0;
	overflow: auto;
	/* background-color: yellow; */
	/* border: 5px solid red; */ 
}

.workcol input,
.workcol-right input 
{
	margin: 0px;
}


.workrow h2,
.workcol h2,
.workcol-right h2
{
	color: #00678F;
	font-size: small;
	font-weight: normal;
	padding: 0px 0px .1em 0px;
}

/* Heading styles */

h2.sectionheading
{
    font-weight: normal;
    font-size: large;
}

.myhr
{
	width: 100%;
	min-width: 100%;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	border-bottom: 1px solid gray;
}

.formlabel
{
	font-size: small;
	color: #00678F;
	float: left;
}

.formtable td
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;
}

.pageinfo
{
	color: gray;
	font-size: small;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

.histhilite
{
	color: Red;
	font-size: small;
	font-weight: bold;
}

/*
=====================================================
=	4) REPORT TABLES - CUSTOM DATAGRID
=====================================================
*/

.div-scrolly 
{	
	width: 100%; 
	height: 300px;
	overflow-x: hidden;	
	overflow-y: scroll;
	overflow:-moz-scrollbars-vertical !important; /* Netscape8 fix */
	overflow: auto !important;  
	/* overflow-y: auto !important; */ 
	overflow-x: hidden !important;
	border-bottom: 1px solid #ACA899;
	/* border: 1px solid red; */ 
	/* visibility: hidden; */  
}

.ReportTableCont
{    
	width: 100%;
	height: auto;
	/* overflow: auto; */
	margin-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	font-size: small;
	color: #666;
	float: left;
	/* border: 1px solid green; */
}

.ReportTableContTabbed
{
	width: 100%;
	height: auto;
	/* overflow: auto; */
	
	margin-top: -1px;
	
	padding: 0px;
	font-size: small;
	color: #666;
	float: left;
	/* border: 1px solid green; */
}

.RepTabStripCont
{    
	margin-top: 0px;
	width: 100%;
	/* border: 2px solid green; */ 
}

.ReportTable,
.ReportTableBody 
{    
    width: 100%;
    border-collapse:collapse;
    border: 1px;   
}

.GridTable 
{	
	float: left;
	table-layout: fixed;   
	border-collapse:collapse;
}

.GridTable2 
{
	width: 100%;
	float: left; 
	border-collapse:collapse;
}

.ReportTableFull
{
    /* border: 1px solid #ccc; */  
    width: 100%;
    border-collapse:collapse;
    border: 1px;     
}

/* ReportTable used for replacement table header, so always of type heder */
.ReportTable th,
.ReportTable td
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;
    border-right: 1px solid #F5F5F5;  /* gridline color - header */
    color: #666;
    font-weight: bold;
}

/* Other tables default is non-header */
.GridTable  th,
.GridTable  td,
.GridTable2  th,
.GridTable2  td,
.ReportTableFull th,
.ReportTableFull td
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;    
}

.ReportTableBody td,
.ReportTableFull td
{
	font-size: 1.00em;
    padding: 2px 10px 2px 5px;
    border-right: 1px solid #ECE9D8;  /* gridline color - body */
}

.ReportTableBody td a,
.ReportTableFull td a
{
	/* color: #666; */
	/* font-weight: bold; */ 	
    text-decoration: underline; 	
}

.ReportTableBody td a:hover,
.ReportTableFull td a:hover
{
	color: black;
	/* font-weight: bold; */ 	
}

/*  - Data Grid Item Style & Alternating Item Style -  */
.GridItemStyle
{
	background-color: #FFFFFF;
}
.GridAlternatingItemStyle
{
	background-color: #F5F5F5;
}


.result0,
.result1
{ 

	margin: 5px !important;
	text-align:center;
	width:2em;
	display:inline-block;
	border:solid 1px #000000;
}

.GridItemStyle .result0,
.GridItemStyle .result1
{ 
	background-color: #F5F5F5;
}

.GridAlternatingItemStyle .result0,
.GridAlternatingItemStyle .result1
{
	background-color: #ffffff;
}


/*  - Data Grid Header, Footer, Pager styles -  */
.GridHeaderStyle
{
	background-color: #D4E6FF;
	color: #666;
}

/* Any cells under this class must be header types */
.GridHeaderStyle td,
.GridHeaderStyle th
{
	background-color: #D4E6FF;
	/* border-right: 1px solid #F5F5F5;  gridline color - header 
	border-bottom: 1px solid #ECE9D8;   gridline color - header body separator */
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #ACA899;
    color: #666;
    font-weight: bold;
}

.GridHeaderStyle td a
{	
	color: #666;
	font-weight: bold;	
    text-decoration: none; 	
}

.GridHeaderStyle td a:hover
{	
	color: black;
	font-weight: bold;	
}

.GridFooterStyle
{
	background-color: #DDD7BF;
	color: #999666;
}

.GridPagerStyle
{
	background-color:#EAE6D5;
	color: gray;
}


/*  - Styles for columns in datagrid table -  */

.RightJust
{
    text-align: right;    
}

.RightJustTest1,
.RightJustTest1 a
{
    text-align: right;
    color:Gray;    
}

.LeftJust
{
    text-align: left;    
}

.CenterJust
{
    text-align: center;    
}

.UpHighlight
{
    /* color: Green; /* Was Green now needs bold */
    font-weight: bold;    
}

.DownHighlight
{
    /* color: Red; /* Was Red now needs bold */
    font-weight: bold;    
}

/*
=====================================================
=	5) PAGE - LOGIN
=====================================================
*/

#loginlinks
{
	font-size: x-small;
	list-style: none;
}

#loginlinks li
{
	margin: 0px;
	padding-bottom: 0.3em;
}

.inputline
{
	padding: 2px 0px 2px 0px;		
	float: left;
}

.inputline label
{
	font-size: x-small;
	color: #333;
	float: left;
}

.inputline input
{
	float: right;
	width: 183px;
}

#login-pic 
{
	width: 100%;
	/* margin: -1% -1% 0% -1%; /* negate usual working area pad */
	min-height: 300px;
	height: auto !important; 
	height: 300px;  
	float: right;
	background: url(../images/login_pic.png) right top no-repeat;
	background-color: #E9E4D8;    
}

/*
=====================================================
=	6) SCHOOL SETTINGS
=====================================================
*/

#satabsboxcontent /* Fixed size box to match tab controls */
{
	padding: 20px;
	font-size: small;
	color: #666;
	float: left;
	width: 262px;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	margin-top: -1px;
	z-index: 0;
}

.admintab
{
	background-color: yellow; /* as per admin color */
	font-size: small;
	color: #b2b2b2; 
}

.admintabsel
{
	background-color: yellow; /* as per admin color */
	font-size: small;
	color: #00678F; 
}

.licencetable
{	 
	BORDER-COLLAPSE: collapse;
	BORDER-BOTTOM: 1px solid #ACA899; 
    BORDER-RIGHT: 1px solid #ACA899;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;  
}

.licencetable th
{    
    font-size: .85em;
    font-weight: Bold; 
    padding: 2px 10px 2px 5px;
    text-align: left;
}

.licencetable td
{    
    font-size: .85em;
    padding: 2px 10px 2px 5px;
    text-align: left;
    border-right: 1px solid #ECE9D8;
}

.licencetableheadrow
{
	background-color:#D4E6FF;		
}

.licencetableheadrow th,
.licencetableheadrow td
{	
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #ACA899;
}

.licencetable th a
{
	/* color: #666; */
	/* font-weight: bold; */ 	
    text-decoration: none; 	
}

.licencetable th a:hover
{
	color: black;
	font-weight: bold; 	
}

.TargetDropDown
{
	width: 40px;
}

.spacercol
{
	width: 1px;
	padding: none;
	margin: none;
}

/*
=====================================================
=	7) POP-UP FLOATING DIVS
=====================================================
*/

.Qbox {
  background-color: #EFECF4; 
  border: 1px solid gray;
  color: #000000;
  padding-right: 0px;
  position: absolute;
  width: 820px;
  /* border: 1px solid green; */ 
}

.Hbox {
  background-color: white;
  border: 1px solid #000000;
  color: #000000;
  padding-right: 0px;
  position: absolute;
  width: 600px;
  /* border: 1px solid green; */ 
}

.HboxContainer 
{
  background-color: white;  
  position: absolute;
  width: 600px;
  /* border: 1px solid green; */ 
}

.Qbar {
  display: inline; 
  float: left;
  background-color:#D4E6FF;
  color: #666666;
  font-weight: bold;
  padding: 2px 1em 2px 1em;
  border-bottom: 1px solid gray;  
}

/*
=====================================================
=	8) TEST REPORT
=====================================================
*/

.ProfileTable
{
    /* border: 1px solid red; */ 
}

.ProfileTable th
{
    text-align: left;
    padding-right: 5px;
    padding-left: 0px;
    padding-top: 5px;
    color: #666;  
}


.ProfileTable td
{
    text-align: left;
    padding-right: 5px;
    padding-left: 0px;
    padding-top: 5px;  
}

.ProfileTable ul
 {
    padding-bottom: 0px;
    margin-left: 20px;
}
    
.ProfileTable li
 {  
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 0px;
    margin-top: 2px;
 } 

.ProfileTable2
{
    /* border: 1px solid #ccc; */ 
    margin-top: 6px;    
    border-collapse:collapse;
    BORDER-BOTTOM: 1px solid #ACA899; 
    BORDER-RIGHT: 1px solid #ACA899;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    
}

.ProfileTable2 td,
.ProfileTable2 th
{
    font-size: 1.00em;
    padding: 2px 5px 2px 5px;
    text-align: right;        
    border-right: 1px solid #ECE9D8; 
}

.ProfileTable2HeadRow
{
	background-color:#D4E6FF;
	color: #666;
}

.ProfileTable2HeadRow th,
.ProfileTable2HeadRow td
{	
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #ACA899;
}

.LevProbTable
{
    /* border: 1px solid #ccc; */ 

}

.LevProbTable th
{
    text-align: left;
    padding-right: 5px;
    padding-left: 0px;
    padding-top: 10px;  
}

.LevProbTable td
{
    text-align: right;
    padding-right: 5px;
    padding-left: 0px;
    padding-top: 1px;   
}

.Qcontent {
  display: inline; 
  float: left;
  height: auto;
  width: auto;
  overflow: -moz-scrollbars-vertical;
  /* overflow-y: scroll; */
  /* border: 1px solid blue;  */
}

.Qcontent2 {
  /* float: left;
  display: inline; */
  height: auto;
  width: auto;
  overflow: -moz-scrollbars-vertical;
  padding: 2px 1em 2px 1em;
  /* overflow-y: scroll; */
  /* border: 1px solid red; */ 
}

.Hcontent {
  display: inline; 
  float: left;
  height: 400px;
  width: 574px;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; 
  padding: 2px 1em 2px 1em; 
  /* border: 1px solid blue;  */
}



/*
=====================================================
=	9) TASK2 - PIE PANEL STUDENT LIST
=====================================================
*/

.piepanelleft
{
	width: auto;
	height: auto;
	float: left;	
	margin-right: 0px;
	display: inline; 
	/* border: 1px solid red; */ 
}

.piepanelright
{
	width: auto;
	height: auto;
	float: left;	
	margin-right: 0px;
	display: inline;
	/* border: 1px solid green; */ 
}

.piepane
{
	width: auto;
	height: auto;
	/* float: left; */  	
	padding-left: 10px;
	padding-bottom: 10px;
	/* display: inline; */ 
	/* border: 1px solid yellow; */
}

/*
=====================================================
=	10) TASK4 - UNIT HISTORY HIGHLIGHTING
=====================================================
*/

.unitnotvisited
{
    font-size: .85em;
    padding: 2px 2px 2px 2px;
}
.unitcomplete
{
    font-size: .85em;
    padding: 2px 2px 2px 2px;
    background-color: #99FF99; /* 153,255,153 */
}
.unitincomplete
{
    font-size: .85em;
    padding: 2px 2px 2px 2px;
    background-color: #FFCC99; /* 255,204,153 */
}
/*
=====================================================
=	11) TASK 5 - FIXED LAYOUT TABLE TO LINE-UP HEADER
=====================================================
*/
.T5Name
{
    /* border: 1px solid blue; */ 
    width: 19%;
}
.T5Number
{
    /* border: 1px solid red; */
    text-align: right;  
    width: 9%;
}

#T5Header
{
	width: 100%;
	/* margin-right: 17px; */
	
}

#T5HeaderNS
{
	width: 100%; 
	/* margin-right: 19px; */ 	
}

#T5Header th,
#T5Header td,
#T5HeaderNS th,
#T5HeaderNS td
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;
    /* background-color: #AFBFC9; */
    background-color: #EFECF4;    
    color: #716666;
    font-weight: bold;
    text-align: center;
}

/*
=====================================================
=	12) TASK 6 - SPECIFIC
=====================================================
*/

.T6Table,
.T6Table2
{
    /* border: 1px solid #ccc; */ 
    margin-top: 6px;    
    border-collapse:collapse;
    BORDER-TOP-WIDTH: 0px; 
    BORDER-LEFT-WIDTH: 0px; 
    BORDER-BOTTOM-WIDTH: 0px; 
    BORDER-COLLAPSE: collapse; 
    BORDER-RIGHT-WIDTH: 0px;
    
}

.T6Table
{     
    BORDER-BOTTOM: 1px solid #ACA899; 
    BORDER-RIGHT: 1px solid #ACA899;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;    
}

.T6Table td,
.T6Table th
{
    font-size: 1.00em;
    padding: 2px 10px 2px 5px;
    text-align: right;
}

.T6Table2
{
    /* border: 1px solid #ccc; */ 
    margin-top: 3px;
    width: auto;
}

.T6Table2 td,
.T6Table2 th
{
    font-size: 0.85em;
    padding: 1px 10px 1px 5px;
    text-align: right;
}

.T6HeadRow
{
	background-color:#D4E6FF;
}

.T6HeadRowYear
{
	background-color:#99CCFF;
}

.T6Table th
{	
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #ACA899;
}

.T6Table td
{
	border-right: 1px solid #ECE9D8;
}

.T6Table th a
{
	/* color: #666; */
	/* font-weight: bold; */ 	
    text-decoration: none; 	
}

.T6Table th a:hover
{
	color: black;
	font-weight: bold; 	
}

/*
=====================================================
=	13) UNIT EDIT STUFF
=====================================================
*/
.refedittable
{
    /*border: 1px solid red;*/  
    width: 98%;
}

.refedittable th,
.refedittable td
{
    font-size: .85em;
    padding: 2px 10px 2px 5px;
}

#refedittabsboxcontent
{
	padding: 2px;
	font-size: small;
	color: #666;
	float: left;
	width: 98%;
	height: 270px;
	overflow: auto; 
	overflow-y: auto; 
	overflow-x: hidden;	
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	margin-top: -1px;
	z-index: -1; 
}

.refrow
{	
	width: 98%;
	height: auto;
	float: left;
	display: inline;
	/* border: 1px solid blue; */  
}

.refitem
{	
	width: auto;	
	float: left;
	display: inline;
	margin-right: 5px;
	padding-bottom: 5px;
	/* border: 1px solid red; */  
}

/*
=====================================================
=	13) TASK 2 - PROFILE REPORT
=====================================================
*/

.fckblock 
 {
	margin-bottom: 5px;
 }

.fckblock  ul
 {
    padding-bottom: 0px;
    margin-left: 20px;
}
    
.fckblock  ul li
 {  
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 0px;
    margin-top: 2px;
 }
 
 /*
=====================================================
=	RECENT ACTIVITY = HOMEPAGE
=====================================================
*/
.tableimage,
.barimage,
.pieimage
 {	 
    margin-left: 25px;
    margin-top: 1px;    
 }
 .tableimage
 {
	margin-top: 2px;
 } 
 
/*
=====================================================
=	SUPPORT
=====================================================
*/

div#FAQ ul
{
	list-style-type: disc;
}

h3.supportheading
{
	color: #00678F;
	font-weight: normal;
  font-size: larger;
	padding: 0px 0px .1em 0px;
}

.displayright
{
	float: right;
}