body{		
	margin:0;
	padding:0;  
	font-family: Arial, Helvetica, sans-serif; 
	color:#000099;
	font-size:medium;
}

h1{
	font-size:120%;
}

h2{
	font-size:100%;
	margin-top:0;		/* Need this for Firefox so there isn't a space at the top of the heading */
}

h3{
	font-size:90%;
}

h3.space{
	padding-top:10px;
}
		
h1.prnt{	font-family: Geneva, Arial, Helvetica, sans-serif; 
			color:#000000; 
}
			
h2.prnt{	font-family: Geneva, Arial, Helvetica, sans-serif; 
			color:#000000; 
}

h3.blueBg{	background-color:#B9D3F0;
			padding:6px;
			font-size:100%;
}

#header{
	width:100%;
	border:none;
	background-color:#4ea0c2;
}

#content{
	width:98%;
	border:none;
	margin:0 auto;
}

#main{
	width:80%;
}

#mainWide{
	width:95%;
}

#header #logo{
	float:left;
	padding:10px;
	border:none;
}

a.nav_nicpld{
	color:#FFFFFF;
	text-decoration:none;
	padding:0 10px 0 40px;
	font-size:90%;
}

a.nav_nicpld:hover{
	color:#FFFFFF;
	text-decoration:underline;
}


.txtSm{	color: #000099; 
		font-size:90%;
}


ul{
	font-size:90%;
}

ul li{
	padding:4px 0;
}
			
.txtSmBold{	color: #000099; 
			font-size:90%; 
			font-weight:bold;
}

.txtBk{	color:#000000;
}

.txtSmBk{	color: #000000; 
			font-size:90%;
}

.txtBkVer {  font-family: Verdana, Arial, Helvetica, sans-serif; 
			font-size:90%; 
			color:#000000}

.errorMsg{
	color:#FF0000;
	padding-top:10px;
	clear:both;
}

.normal{
	color:#000099!important;
}

.returnLink{
	padding-top:40px;
	font-size:90%;
}


.txtRed{	color: #FF0000;	/* 09/05/07 - previously using color: #CC0000; */
}
			
.txtRedSm{	color: #FF0000;
			font-size:90%;
}


.print{	font-family: "Times New Roman", Times, serif;
		color:#000000;
}

.printSm{	font-family: "Times New Roman", Times, serif;
			font-size:90%;
			color:#000000;
}
	
		
.printLg{	font-family: "Times New Roman", Times, serif;
			font-size:110%;
			color:#000000;
}
	
.printBig{	font-family: "Times New Roman", Times, serif;
			font-size:120%;
			color:#000000;
}
			
.printBigBig{	font-family: "Times New Roman", Times, serif;
				font-size:130%;
				color:#000000;
}

.textarea{  	font-family: Verdana, Arial, Helvetica, sans-serif; 
				font-size:90%
}

.textareaGrey{ 	font-family: Verdana, Arial, Helvetica, sans-serif; 
				color: #999999;
}
	

a{	
	color:#000099;
}

a:hover{	
	color:#0033FF;
}

/* 
a:visited{  
	color:#660066;
}
*/

/* for white text links */
a.navWhite{	text-decoration:none;
				color:#FFFFFF;
				font-size:90%;
}

a.navWhite:hover{	text-decoration:underline;
					color:#FFFFFF;		
					font-size:90%;
}

/* for blue navigational links - only underline on hover */								
a.nav{		
	text-decoration:none;
	color:#FFFFFF;
	font-size:90%;
}

a.nav:hover{
	text-decoration:underline;
}

/* for cycle navigational links - underline always*/								
a.navCycle{		color:#000099;
				font-size:90%;
}

a.navCycle:hover{	color:#0033FF;
					font-size:90%;
}

a.whiteNav{		text-decoration:none;
				color:#FFFFFF;
				font-size:90%;
}

a.whiteNav:hover{	text-decoration:underline;
					color:#FFFFFF;		
}

/* background colours for highlighting */		

.bgLight{	background-color:#EEE5DE;
}

.bgBlue{	
	/* background-color:#B9D3F0; - orig */
	background-color:#4ea0c2;
}

.bgBlueDk{	background-color:#3C6FAC;
}

.bgBlueMed{	background-color:#79A6D4;
}

.bgBlueLt{ background-color:#D8ECFF;
}

.highlightBlue {
	background-color: #D8ECFF; /* light blue */
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}

.highlight {
	background-color: #EEE5DE; /* light pink */
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}

.greyBg{
	background-color:#E3E1DD;
}

.bgOther{
	background-color:#C75B5B;
}

#breadcrumb{	
	padding:10px 0 10px 0;
		font-size:90%;
}

#cycle{
	width:100%;
	float:left;
}

#assessCycle{
	width:100%;
	float:left;
}


#cycleNotes{
	width:23%;
	margin-left:2%;
	float:left;
}

#cycleAssessNotes{
	width:23%;
	margin-left:2%;
	float:left;
	font-size:90%;
}


#cycleAssessNotes .assess{
	border:1px solid #4ea0c2;
	padding:1px 6px;
}



#tabNav{
	float:left;
	width:80%;
	margin:0;
	padding:6px 0 0 0;
	list-style:none;
	background: url(../images/cpd/navBtm.gif) repeat-x bottom left;
}

#tabNav li{
	float:left;
	margin:0;
	padding:0;
	font-size:110%;
}

#tabNav a{
	float:left;
	display:block;
	margin:0 8px 0 0;
	padding:4px 8px;
	color:#000066;
	text-decoration:none;
	border:1px solid #4ea0c2;
	border-bottom:none;
}

#tabNav #info a{
	background-color:#D8ECFF;
}

#tabNav #reflect a{
	background-color:#F5AC8B;
}

#tabNav #plan a{
	background-color:#8CC2B2;
}

#tabNav #action a{
	background-color:#96B8D4;
}

#tabNav #eval a{
	background-color:#EEC8A1;
}

#tabNav #infoCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#003366;
}

#tabNav #reflectCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#D83631;
}

#tabNav #planCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#007259;
}

#tabNav #actionCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#22567E;
}

#tabNav #evalCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#D98930;
}

#tabNav #grey a{
	background:#FFFFFF url(../images/cpd/tabs/bg_grey.gif) repeat-x top left;
	color:#999999;
	border-color:#999999;
}

#tabNav a:hover{
	color:#5280BC;
}

#assessCycle #tabNav{
	width:70%!important;
}

#text{
	margin:0 0 10px 0;
	background-color:#FFF;
	float:left;
	width:80%;
	border:1px solid #4ea0c2;
	border-top:none;
}

#assessCycle #text{
	width:70%!important;
}

.stage{
	padding:20px 20px 10px 20px;
	clear:both;
}

#cycle ul{
	margin-bottom:0;
}

#cycle #activities{
	margin-top:30px;
}



/* this is an alteration to the #reflectBox, #planBox, #actionBox, #evalBox styles for the exemplar pages (unit 4) */
#cycle #reflectBox, #assessCycle #reflectBox{
	width:80%;
	margin:0 auto 20px auto;
}

#cycle #planBox, #assessCycle #planBox{
	width:80%;
	margin:0 auto 20px auto;
}

#cycle .actionBox, #assessCycle #actionBox{
	width:80%;
	margin:0 auto 20px auto;
}

#cycle #evalBox, #assessCycle #evalBox{
	width:80%;
	margin:0 auto 20px auto;
}


.reflect{
	color:#D83631;
}	
.plan{
	color:#007259;
}	
.action{
	color:#22567E;
}	
.eval{
	color:#D98930;
}


#reflectBox{
	border:1px solid #D83631;
	width:60%;
	padding:10px 10px 10px 20px;
	margin:0 0 20px 110px;
}

#planBox{
	border:1px solid #007259;
	width:60%;
	padding:10px 10px 10px 20px;
	margin:0 0 20px 110px;
}

.actionBox{
	border:1px solid #22567E;
	width:60%;
	padding:10px 10px 10px 20px;
	margin:0 0 20px 110px;
	position:relative;
}

#evalBox{
	border:1px solid #D98930;
	width:60%;
	padding:10px 10px 10px 20px;
	margin:0 0 20px 110px;
}

#text ul li{
	padding-bottom:8px;
}

#text .response{
	width:80%;
	margin:0 auto 10px auto;
	clear:both;
	
}

#text textarea.styled{
	width:98%;
	height:200px;
	padding:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:90%;
	margin-bottom:10px;
	float:left;
}

.cycleSubmitted{
	color:#000000;
	font-size:90%;
	margin-bottom:30px;
}

.counter{
	width:40%;
	float:left;
	font-size:90%;
}

.submitBtn{
	width:120px;
	padding:6px;
	border:1px solid #999999;
	float:right;
	margin:20px 0;
	cursor:pointer;	
}

.swot{
	width:150px;
}

.btn{
	width:120px;
	padding:6px;
	border:1px solid #999999;
	float:left;
	margin:20px 0;
	cursor:pointer;	
}

.rightTxt{
	position:absolute;
	top:10px;
	right:10px;
	font-size:90%;
}

.note{
	float:left;
	width:100%;
	font-size:90%;
	margin:20px 0;
}
	
.swotBox{
	width:80%;
	padding:10px 10px 10px 20px;
	margin:0 auto;
	border:1px solid #C25A7C;
	font-size:90%;
}	

.swotBox li{
	padding:1px;
}


	
/* 
textarea#styled {
	width: 600px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}
*/



/* 
#tabNav{
	float:left;
	width:96%;
	margin:0;
	padding:6px 0 0 0;
	list-style:none;
	background: url(../images/cpd/admin/navBtm.gif) repeat-x bottom left;
}


#tabNav li{
	float:left;
	margin:0;
	padding:0;
	font-size:110%;
}

#tabNav a{
	float:left;
	display:block;
	margin:0 8px 0 0;
	padding:4px 8px;
	color:#000066;
	text-decoration:none;
	border:1px solid #5280BC;
	border-bottom:none;
}



#tabNav #reflect a{
	background-color:#F5AC8B;
	
}

#tabNav #plan a{
	background-color:#8CC2B2;
}

#tabNav #action a{
	background-color:#96B8D4;
}

#tabNav #eval a{
	background-color:#EEC8A1;
}

#tabNav # a{
	background-color:#D8ECFF;
}

#tabNav #infoCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#003366;
	font-weight:bold;
}

#tabNav #reflectCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#D83631;
	font-weight:bold;
}

#tabNav #planCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#007259;
	font-weight:bold;
}

#tabNav #actionCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#22567E;
	font-weight:bold;
}

#tabNav #evalCurrent a{
	padding-bottom:5px;
	background-color:#FFFFFF;
	color:#D98930;
	font-weight:bold;
}

#tabNav #grey a{
	background:#FFFFFF url(../images/cpd/tabs/bg_grey.gif) repeat-x top left;
	color:#999999;
	border-color:#666666;
}

#tabNav a:hover{
	color:#5280BC;
}


#text{
	margin:0;
	padding:5px 20px 10px 20px;
	background-color:#FFFFFF;
	float:left;
	width:90%;
	border:1px solid #5280BC;
	border-top:none;
}




.reflectBox{
	width:80%;
	margin:0 0 0 50px;
	padding:2px;
	border:2px solid #D83631;
}

.planBox{
	width:80%;
	margin:0 0 0 50px;
	padding:2px;
	border:2px solid #007259;
}

.actionBox{
	width:80%;
	margin:0 0 0 50px;
	padding:2px;
	border:2px solid #22567E;
}

.evalBox{
	width:80%;
	margin:0 0 0 50px;
	padding:2px;
	border:2px solid #D98930;
}

.reflectAssessBox{
	width:92%;
	margin:0 0 0 10px;
	padding:2px;
	border:2px solid #D83631;
}

.planAssessBox{
	width:92%;
	margin:0 0 0 10px;
	padding:2px;
	border:2px solid #007259;
}

.actionAssessBox{
	width:92%;
	margin:0 0 0 10px;
	padding:2px;
	border:2px solid #22567E;
}

.evalAssessBox{
	width:92%;
	margin:0 0 0 10px;
	padding:2px;
	border:2px solid #D98930;
}

*/

.box h2{
	padding:0;
	margin:4px;
}

.box li{
	margin:0;
	padding:3px 0;
}

#tabNav #tab a{
	/*background:#FDEEF4 url(../images/cpd/tabs/bg_pink.gif) repeat-x top left;*/
	background-color:#EEE5DE;
}

#tabNav #current a{
	color:#000066;
	padding-bottom:5px;
	border-color:#5280BC;
	background: #FFFFFF url(../images/cpd/admin/on_bg.gif) repeat-x top left;
}

#tabNav #notavail a{
	color:#666666;
	border-color:#5280BC;
	background: #FFFFFF url(../images/cpd/admin/on_bg.gif) repeat-x top left;
}

#padding{
	margin:10px;
}

.padding{
	margin:10px;
}

/*  ---------------- new navigation for 2008 --------------- */

/* Contains links to assessment / reassessment sections */
.assessBox{
	width:200px;
	border-bottom:2px solid #78A890;
	background-color:#FFFFFF;
	margin:0 0 12px 0;
}

.assessBox h2{
	color:#FFFFFF;
	font-size:90%;
	margin:0;
	padding:6px 0 6px 8px;
	width:100%;
	background: url(../images/cpd/assessBox.gif) no-repeat top left;
}

.assessBox ul{
	margin:0;
	padding:6px 10px;
	list-style:none;
	border-right:2px solid #78A890;
	border-left:2px solid #78A890;
}

.assessBox ul li{
	padding:4px;
}

.assessBox a{
	text-decoration:none;
	font-size:100%;
	color:#000099;
}

.assessBox a:hover{
	text-decoration:none;
	color:#0033FF;
}

/* box for supervisor section links */
.superviseBox{
	width:200px;
	border-bottom:2px solid #D17979;
	background-color:#FFFFFF;
	margin:0 0 12px 0;
	padding-top:10px;
}

.superviseBox h2{
	color:#FFFFFF;
	font-size:90%;
	margin:0;
	padding:6px 0 6px 8px;
	width:100%;
	background: url(../images/cpd/new08/superviseBox_top.gif) no-repeat top left;
}

.superviseBox ul{
	margin:0;
	padding:6px 10px;
	list-style:none;
	border-right:2px solid #D17979;
	border-left:2px solid #D17979;
}

.superviseBox ul li{
	padding:4px;
}

.superviseBox a{
	text-decoration:none;
	font-size:100%;
	color:#000099;
}

.superviseBox a:hover{
	text-decoration:none;
	color:#0033FF;
}



/* View Portfolios and Create a new Cycle links */
.portOptions ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.portOptions li{
	/* background: url(../images/cpd/new08/box.gif) no-repeat top left; */
	margin:4px 0;
	padding:8px 10px 8px 8px;
}

.portOptions a{
	text-decoration:none;
	color:#000099;
	vertical-align:top;
}

.portOptions a:hover{
	text-decoration:underline;
	color:#0033FF;
}

.portOptions h2{
	margin:0;
	font-size:90%;
}

.viewPort{
	background:url(../images/cpd/portfolio.gif) no-repeat 0 0;
	padding:8px 0 0 30px;
}

.summary{
	background:url(../images/cpd/summary.gif) no-repeat 0 0;
	padding:6px 0 0 30px;
}

.cycle{
	background:url(../images/cpd/add.gif) no-repeat 0 0;
	padding:6px 0 0 30px;
}

.printicon{
	/* background:url(../images/cpd/print.gif) no-repeat 0 0; */
	 background:url(../images/cpd/print/print.gif) no-repeat 0 2px;
	padding:0 0 0 20px;
}

.remove{
	background:url(../images/cpd/delete.gif) no-repeat 0 0;
	padding:2px 0 0 30px;
}
	
.next{
	background:url(../images/cpd/next.gif) no-repeat top right;
	padding:10px 30px 0 0;
}
	

 
/* Cycles belonging to the current portfolio period */
#cycleList{
	width:200px;
	background-color:#FFFFFF;
	/* border-bottom:2px solid #79A6D4; */
	border-bottom:2px solid #4ea0c2;
	padding-top:6px;
	font-size:90%;
}

#cycleList h2{
	background: url(../images/cpd//cycleBox.gif) no-repeat top left;
	color:#FFFFFF;
	margin:0;
	padding:6px 0 6px 8px;
}

#cycleList .noCycles{
	border:2px solid #4ea0c2;
	border-bottom:none;
	padding:6px;
	margin:0;
	text-align:center;
}

#cycleList .cycleTypeList{
	border:2px solid #4ea0c2;
	padding:8px 6px;
	border-top:none;
	border-bottom:none;
}

#cycleList .cycleTypeList h3{
	margin:0;
	padding:4px;
	border-bottom:1px solid #CCCCCC;
	color:#4ea0c2;
}

#cycleList .cycleTypeList ul{
	list-style-type:none;
	margin:0;
	padding:4px 0;
}

#cycleList .cycleTypeList li{
	padding:4px 0;
}

#cycleList .cycleTypeList li a{
	text-decoration:none;
}

#cycleList .cycleTypeList li a:hover{
	text-decoration:underline;
}

.submitBox{
	border:2px solid #FF6633;
	padding:10px;
	font-size:90%;
	text-align:center;
	width:95%;
	margin:10px auto;
}

.submitBox h2{
	color:#FF6633;
}

.address{
	border-top:1px solid #4ea0c2;
	margin:20px 0;
	font-size:90%;
	text-align:center;
}

#displayTbl
{
width:100%;
border-collapse:collapse;
margin-bottom:20px;
font-size:90%;
}
#displayTbl td, #displayTbl th 
{
border:1px solid #CCCCCC;
padding:5px 7px;
vertical-align:top;
}
#displayTbl th 
{
text-align:left;
padding:10px;
/* background-color:#EAF2D3; */
background-color:#E3E1DD;
}
#displayTbl th.center{
	text-align:center!important;
}
#displayTbl th.normal{
	font-weight:normal!important;
}
#infoTbl{
	width:90%;
	font-size:90%;
	border-collapse:collapse;
	margin-top:10px;
}
#infoTbl td, #infoTbl th {
	padding:10px 5px;
	vertical-align:top;
}

#infoTbl th{
	text-align:left;
}



#smallTbl{
	width:90%;
	font-size:90%;
	border-collapse:collapse;
	margin-bottom:20px;
}
#smallTbl td, #smallTbl th {
	padding:6px 5px;
	vertical-align:top;
}

#smallTbl th{
	text-align:left;
	font-weight:normal;
}


.selectBox{
	width:100%;
	font-size:90%;
	/* text-align:center;
	padding:6px;
	border:1px solid #4ea0c2; */
}

.break{
	width:100%;
	height:40px;
}

.mainCenter{
	width:80%;
	margin:0 auto;
}

.mainCenter img{
	padding-right:20px;
}

.mainCenter p{
	vertical-align:middle;
}

.important{
	background:url(../images/cpd/exclam.gif) no-repeat 4px 4px;		/* exclamation mark */
	padding-left:45px;
	font-size:90%;
}

.status{
	/* border:1px solid #4ea0c2; */
	border:2px solid #CCCCCC;
	padding:10px;
	width:90%;
	margin:0 auto;
	font-size:90%;
}

.addCycle{
	padding:30px 0 20px 0;
	font-size:90%;
	text-align:center;

}

#wide-narrow #col1{
	width:75%;
	float:left;
	margin-right:5%;
}

#wide-narrow #col2{
	width:20%;
	float:right;
}

.nonBold{
	font-weight:normal!important;
}