html, body {
    font-family:century gothic, trebuchet ms, arial;
    font-size:13px;
    margin:0px;
    padding:0px;
    text-align:center;
}
strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

li{
	list-style-position: inside;
 	list-style-type: disc;
}

label {
	cursor: pointer;
	margin-right: 50px;
}

#outer {
    background:url('../images/outerbgrpt.gif') repeat-y top left;
    margin:0 auto;
    width:780px;
    padding:10px 0 0 0;
}

#container {
    margin:0 auto;
    width:750px;
}

/* New Navigation */

#navholder {
    background:url(../images/navbg.gif) top left no-repeat;
    height:32px;
    margin:0px 10px 0 10px;
    width:730px;
}

#nav {
    font:normal 11px 'trebuchet ms','arial';
    margin:0 auto;
    padding:0;
    display:inline-block;
}

#nav ul {
    float:left;
    line-height:32px;
    list-style:none;
    margin:0;
    padding:0 10px 0 10px;
}

#nav li {
    display:inline;
    padding:0;
}

#nav a {
    color:#ffffff; /* need because it will use default link color */
    float:left;
    padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
    text-decoration:none;
}

#nav a span {
    display:block;
    float:none;
    padding:0 10px 0 7px;
}

#nav a span img {
    border:none;
    margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#nav a:hover{
    background: url(../images/leftnavbg.gif) no-repeat left center;
}

#nav a:hover span {
    background:url(../images/rightnavbg.gif) no-repeat right center;
}

#nav a.right {
    float:right; /* Client Area Button -> <a class="right"> */
}

#flashbox {
    height:160px;
    background:url('../images/flashplaceholder.jpg') top left no-repeat;
}

#content {
    background:#ffffff;
}


a {text-decoration:none; color:#003698;}
a:hover{text-decoration:underline; color:#003698;}
h1 {font-family:century gothic, arial; color:#79a9d6; font-size:22px; font-weight:normal;margin: 20px 0 20px 0;}
h2 {font-family:century gothic, arial; color:#79a9d6; font-size:18px; font-weight:normal;margin: 16px 0 16px 0;}
h3 {font-family:century gothic, arial; color:#79a9d6; font-size:16px; font-weight:normal;margin: 14px 0 14px 0;}
h4 {font-family:century gothic, arial; color:#79a9d6; font-size:12px; font-weight:normal;margin: 10px 0 10px 0;}

#leftcontent {
    background:white;
    color:#003698;
    float:left;
    margin:20px 0px 0px 30px;
    padding:0px 0px 10px 0px;
    text-align:left;
    width:345px;
}

#rightcontent {
    color:#003698;
    float:right;
    margin:20px 0px 0px 0px;
    text-align:left;
    width:345px;
}

#wholecontent {
    background:white;
    color:#003698;
    margin:auto;
    padding:0;
    text-align:left;
    width:690px;
}

#location {
    background:url('../images/locationbg.gif') top left repeat-y;
    margin:0 0 20px 0;
    padding:0 0 0 10px;
}



#latestnews {
    min-height:110px; background:url('../images/boxbg.gif') no-repeat top left; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:20px; padding-left:10px; padding-right:0px; padding-top:5px; padding-bottom:0px
}

#latestnews h2 {
    color:#ffffff;
}

#knowledgecentre {
    min-height:110px; background:url('../images/boxbg.gif') no-repeat top left; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:20px; padding-left:10px; padding-right:0px; padding-top:5px; padding-bottom:0px
}

#knowledgecentre h2 {
    color:#ffffff;
}

#clear {
    clear:both;
}

#outerbgbottom {
    height:30px;
    background:url('../images/outerbgbottom.gif') no-repeat top left;
}

#footnote {
    font-size:10px; color:#003698;
}







.jsPe{
	display:none;
}


 

  td.cbnav
  {
  	width:25%;
  	vertical-align: top;
  	background:url(../images/cbbg.png) top left repeat-y;	
  }
 
  td.cbnav table{
 	width:100%;
 	height:100%;
 	margin:0px;
 }
 
  td.cbnav table tr td.selected{
  	background-color: #ff0000;
  }
  
 
 
 
 
  
  a.iconButton{
  	background-repeat:no-repeat;
	cursor:pointer;
	display:inline-block;
	height:16px;
	padding-left:18px;
  }
  
  a.iconButton span{
  	display:none;
  }
  
  a.addButton{
  	background-image: url('../images/add.png');
  }
  
  a.viewUserButton{
  	background-image: url('../images/user_go.png');
  }
  
  a.viewGroupButton{
  	background-image: url('../images/group_go.png');
  }
  
  a.viewOrganisationButton{
  	background-image: url('../images/building_go.png');
  }
  
  a.tickButton{
  	background-image: url('../images/tick.png');
  }
  
  a.crossButton{
  	background-image: url('../images/cross.png');
  }
  
  a.addFeedbackButton{
  	background-image: url('../images/comment_add.png');
  }
  
  a.slideUpButton{
  	background-image: url('../images/control_up.png');
  }
  
  a.viewCourseButton{
  	background-image: url('../images/application_go.png');
  }
  
  a.editCourseButton{
  	background-image: url('../images/application_lightning.png');
  }
  
  a.viewProgrammeButton{
  	background-image: url('../images/page_white_go.png');
  }
  
  a.viewAssessorButton{
  	background-image: url('../images/cup_go.png');
  }  
  
  a.prevButton{
  	background-image: url('../images/resultset_previous.png');
  }
  
  a.nextButton{
  	background-image: url('../images/resultset_next.png');
  }
  
  a.upButton{
  	background-image: url('../images/resultset_up.png');
  }


  
.error {
  border: 1px solid red;
  background-color: #ffffee;
  color: #660000;
  width: 690px;
  padding: 5px;
  margin: 5px auto 5px auto;
}

.notify {
  border: 1px solid #336699;
  background-color: #ffffee;
  color: #336699;
  width: 690px;
  padding: 5px;
  margin: 5px auto 5px auto;
}

.warning {
  border: 1px solid #f1d301;
  background-color: #ffffee;
  color: #A99401;
  width: 690px;
  padding: 5px;
  margin: 5px auto 5px auto;
}
    
#subnavholder {
    background:url(../images/submenuback.png) top left repeat-x;
    height:22px;
    margin:0px;
    width:100%;
    text-align:center;
    margin-top: 10px;
}

#subnav {
    font:normal 11px 'trebuchet ms','arial';
    margin:0 auto;
    padding:0;
    display:inline-block;
}

#subnav ul {
    float:left;
    line-height:22px;
    list-style:none;
    margin:0;
    padding:0;
}

#subnav li {
    display:inline;
    padding:0;
}

#subnav a {
    color:#ffffff; /* need because it will use default link color */
    float:left;
    padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
    text-decoration:none;
    background: url(../images/submenuleft.png) no-repeat left center;
}

#subnav a span {
    display:block;
    float:none;
    padding:0 10px 0 7px;
    background:url(../images/submenuright.png) no-repeat right center;
}




.noLink{
	cursor: pointer;
}

.dataTable{
	width:100%;
}

.dataTable th, .dataTable td{
	border:1px solid #aaaaaa;
	padding: 0 5px 0 5px;
}

.dataTable thead{
	background:url(../images/tblheadbg.gif) top left repeat-x;
}
.dataTable th{
	color:black;
	text-align:center;
	padding-right:16px;
}



.dataTable tr.even{
background-color:#dddddd;
}


.dataTables_processing{}
.dataTables_length{}
.dataTables_filter{float:right;}
.dataTables_paginate{}
.paginate_disabled_previous{display:inline-block;width: 16px;height:16px;}
.paginate_enabled_previous{	background:url(../images/resultset_previous.png) top left no-repeat; display:inline-block;width: 16px;height:16px;}
.paginate_disabled_next{display:inline-block;width: 16px;height:16px;}
.paginate_enabled_next{background:url(../images/resultset_next.png) top left no-repeat;display:inline-block;width: 16px;height:16px;}
.dataTables_info{}
.sorting_asc{background: url(../images/sort_up.png) right 50% no-repeat;}
.sorting_desc{background: url(../images/sort_down.png) right 50% no-repeat;}
.dataTables_wrapper{}





.courseBuilderTable td{
	vertical-align:top;	
	padding:0;
}

.courseBuilderTable li{
	display:block;
	list-style-type:none;
	padding: 0 20px 0 5px;
}

.courseBuilderTable li.selected{
	background:url(../images/cbnavbgarr.png) right 50% no-repeat;
}

.courseBuilderTable li.selected a{
	color:#ffffff;
}








.feedbackTable td{
	vertical-align:top;
	padding:0;
}


.feedbackTable textarea{
	width:100%;
	height:100%;
	border: 0px;
}

.feedbackTable select{
	width:100%;
	border: 0px;
}


.detailsTable{
	width:100%;
	margin-top:15px;
}

.detailsTable th{
	background:url(../images/tblheadbg.gif) top left repeat-x;
	color:black;
	text-align:center;
	border:1px solid #aaaaaa;
}

.detailsTable td{
	border:1px solid #aaaaaa;
	padding: 0 5px 0 5px;
	vertical-align:top;
}

.detailsTable td span{
	color:black;
}

.formTable input, .formTable select, .formTable textarea{
	margin-bottom:5px;
}

.formTable td{
	vertical-align:top;
}


.assessmentStatus{border:1px solid black; text-align:center;}
.assessmentStatusYellow{background-color:#F3E7B3; border-color:yellow;}
.assessmentStatusGreen{background-color: #B8E0BA;border-color:green;}
.assessmentStatusRed{background-color:#F0C2C2;border-color:red;}


li.tick {
background:url(../images/tick.png) center left no-repeat;
padding-left: 20px;
list-style: none;
color:green;
}

li.cross {
background:url(../images/cross.png) center left no-repeat;
padding-left: 20px;
list-style: none;
color:red;
}

.panelRow td{
	padding:5px;
}