/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #efeef0;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	text-align: center;
}

#skip-navigation{
	height: 0px;	
}

img {
	display: block;
	margin: 0px;
	padding: 0px;
}

#wrap{
	background-color: #efeef0;
	background-image:url(../images/bg-strip.jpg);
	margin: 0 auto;
	text-align: left;
	width: 980px;
}
* html #wrap {  /* This is the Tan hack */
	width: 980px; 
	w\idth: 980px;
	}

#header{
	position: relative;
 	width: 980px;
}

#content {
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 10px;
	padding-bottom: 0px;	
}

#centerc-home {
	margin: 0px;
	padding: 0px;
	width: 932px;
}

#centerc-onecolumn {
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	width: 932px;
}

#centerc{
	display: inline;
	float:left;
	margin-left:200px;
	padding: 0px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 20px;
	width:682px;
}
* html #centerc {  /* This is the Tan hack */
	width: 732px; 
	w\idth: 682px; 
	}

#leftc{
	float:left;
	margin-left:-932px;
	padding: 0px;
	width: 200px;
}
* html #leftc {  /* This is the Tan hack */
	width: 200px; 
	w\idth: 200px; 
	}

#foot{
	clear: both;
	background-image:url(../images/footer.jpg);
	height:61px;
	padding-left: 24px;
	padding-right: 24px;
	width: 932px;
}
* html #foot {  /* This is the Tan hack */
	width: 980px; 
	w\idth: 932px; 
	}

/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header_graphic{
}

#headerlinks {
	float: right;
	padding-right: 24px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#headerlinks ul {
	list-style: none;
	margin: 0px;
	padding: 0px;

}
#headerlinks ul li {
	display: inline;
	padding: 0;
	margin: 0px; 
}
#headerlinks ul li a, #headerlinks ul li a:visited {
	color:#ffffff;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;   
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 9px;
	padding-top: 5px;
	text-decoration: none;
}
#headerlinks ul li a:hover, #headerlinks ul li a:active {	
	color:#ffffff;
}
.headerlinkstext {
	color:#ffffff;
	display: block;
	float: left;
	font-size: 0.9em;
	font-weight: bold;   
	padding-bottom: 5px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 5px;
	text-decoration: none;
}



#navigation{
	float: right;
	margin-right: 24px;
}



/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {

	list-style: none;
	margin: 0px;
	padding: 0px;

}
#navigation ul li {
	display: inline;
	padding: 0;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
	color:#ffffff;
	display: block;
	float: left;
	font-size: 1.2em;
	padding-left:4px;
	padding-top: 5px;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	color:#ffffff;
}


#navigation-courses {
	background-color: #009900;
}
#navigation-trainers {
	background-color: #003399;
}
#navigation-centres {
	background-color: #cc0000;
}

.navtext {
	color:#ffffff;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight: bold;   
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 5px;
	text-decoration: none;
}


/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/
#menu-courses a, #menu-courses a:hover, #menu-courses a:visited, #menu-courses a:active {
	color:#009900 !important;
}
#menu-trainers a, #menu-trainers a:hover, #menu-trainers a:visited, #menu-trainers a:active {
	color:#003399 !important;
}
#menu-centres a, #menu-centres a:hover, #menu-centres a:visited, #menu-centres a:active {
	color:#CC0000 !important;
}


#menuheader-courses {
	background-image:url(../images/itc-course-menu-bg.jpg);
	padding: 5px;
	color:#009900;
	font-size: 1.1em;
	font-weight: bold;
}
#menuheader-trainers {
	background-image:url(../images/itc-trainer-menu-bg.jpg);
	padding: 5px;
	color:#003399;
	font-size: 1.1em;
	font-weight: bold;
}

#menuheader-centres {
	background-image:url(../images/itc-centre-menu-bg.jpg);
	padding: 5px;
	color:#CC0000;
	font-size: 1.1em;
	font-weight: bold;
}

#menu ul {
	border-left: 1px solid #cccccc;
	border-right:  1px solid #cccccc;
	color: #666666;
	font-size: 0.9em;
	list-style-type:none;
	margin: 0px;
	margin-left: 1px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
}
#menu ul li {
	border-bottom: 1px dotted #cccccc;
	padding-top: 8px;
	padding-bottom: 8px;
}

#menu ul li a, #menu ul li a:visited {
	color: #666666;
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 190px;
}
* html #menu ul li a, #menu ul li a:visited {  /* This is the Tan hack */
	width: 190px; 
	w\idth: 190px; 
	}
	
	
#menu ul li a:hover, #menu ul li a:active {
	color:#999999;
	font-weight:bold;
	text-decoration: none;
	width: 190px;
}	

* html #menu ul li a:hover, #menu ul li a:active {  /* This is the Tan hack */
	width: 190px; 
	w\idth: 190px; 
	}
	
	
	
.menu_header {
	border-bottom: 1px solid #666666;
	display: block;  
	font-weight: bold;	
	padding-bottom: 5px; 
	padding-left: 0px;	
	padding-right: 0px;	
	padding-top: 5px; 
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 200px;
}
* html .menu_header {  /* This is the Tan hack */
	width: 200px; 
	w\idth: 200px; 
	}


.menutext {
	color:#666666;
	display: block;
	float: left;
	font-size: 0.9em;
	font-weight: bold;   
	padding-bottom: 5px;
	padding-top: 5px;
	text-decoration: none;
}

.menu-listbottom  {

	border-bottom: 1px dotted #cccccc;
	padding: 0px;
}


/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/


#footerleft
{
    float: left;
}
#footerleft ul
{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    position: absolute;
	white-space: nowrap;
	
}
#footerleft ul li
{
	color: #999999;
	display: inline;
	font-size: 0.9em;
	margin: 0;	
	padding-right: 11px;	
}
#footerleft ul li a
{		
	color: #666666;
	text-decoration: none;
}
#footerleft ul li a:hover, #footerleft ul li a:active, #footerleft ul li a:focus
{	
    color: #666666;
	text-decoration: none;	
}
#footerright
{
    float: right;
}
#footerright ul
{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
    white-space: nowrap;
}
#footerright ul li
{
	color: #999999;
	display: inline;
	font-size: 0.9em;
	margin: 0;	
}
#footerright ul li a
{		
	color: #666666;
	text-decoration: none;
}
#footerright ul li a:hover, #footerright ul li a:active, #footerright ul li a:focus
{	
    color: #666666;
	text-decoration: none;	
}

#validated {
	clear:both;
	padding-top:5px;	
}

/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

h1 {
	color: #666666;
	font-size: 1.3em;
	font-weight: bold;	
}

h2 {
	color: #666666;
	font-size: 1.2em;
	font-weight: bold;
}

h3 {
	color: #666666;
	font-size: 1.1em;
	font-weight: bold;	 
}

a, a:visited {
	color: #009933;
	text-decoration: underline;
}
a:hover {
	color: #006600;
}
img {
	border: 0px;
}

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	text-align: left;	
}
pre {
	font-size: 0.8em;
	background-color: #CCCCCC;
	padding: 10px;
}


/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  padding: 10px;
  padding-top: 10px;
  width: 500px;
  }
legend {
  font-weight: bold;
  padding-bottom: 10px;
  }
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  display:block;
  float: left;
  width: 150px;
  margin-right: 10px;
  padding-bottom: 10px;
  }


/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplacelabel {
	float: left;
	text-align: left;
	width: 160px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplacedata {
	float: left;
	text-align: left;
	margin: 0px;
  } 
 /*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
  } 
div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
	height: 1px;
}
  
/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

/*create a row*/
div.ViewDetailsTableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.ViewDetailsTableReplaceRow div.ViewDetailsTableReplacelabel {
	float: left;
	text-align: left;
	width: 300px;
	margin: 0px;
  }
/*data cell*/
div.ViewDetailsTableReplaceRow div.ViewDetailsTableReplacedata {
	float: left;
	text-align: left;
	margin: 0px;
  } 
 /*data cell*/
div.ViewDetailsTableReplaceRow div.ViewDetailsTableReplaceRight {
	float: right;
	margin: 0px;
  } 
div.ViewDetailsTableReplaceRowClear {
	clear: both;
  }


#top {
	padding-left: 24px;
}

#homemain {
	background-repeat:repeat-y;
	padding-bottom: 10px;
	min-height: 100px;
	height:auto !important;
	height: 100px;
	font-size: 14px;
}
#homemain a, #homemain a:hover, #homemain a:active, #homemain a:visited  {
	color: #ffffff;
	text-decoration: none;
}

#homemain-leftc {
	float: left;
	width: 311px
}
#homemain-leftc-text {
	color: #666666;
	margin: 0px;
	padding: 0px;
}
#homemain-leftc-link {
	background-color: #009900;
	color: #ffffff;
	float: right;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#homemain-centerc {
	float: left;
	width: 311px;
}
#homemain-centerc-text {
	color: #666666;
	margin: 0px;
	padding: 0px;
}
#homemain-centerc-link {
	background-color: #003399;
	color: #ffffff;
	float: right;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

#homemain-rightc {
	float: left;
	width: 310px;
}
#homemain-rightc-text {
	color: #666666;
	margin: 0px;
	padding: 0px;		
}
#homemain-rightc-link {
	background-color: #cc0000;
	color: #ffffff;
	float: right;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}


#homemain ul {
	border-left: 1px solid #666666;
	color: #666666;
	font-size: 0.9em;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;	
}
.homemain-listright {
	border-right: 1px solid #666666;
}

.homemain-listbottom  {
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	padding: 5px;
}

#homemain ul li  {
	border-top: 1px dotted #666666;
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#homemain ul li a, #homemain ul li a:visited  {	
	color: #666666;
	font-weight:bold;
	text-decoration: none;
}


#homemain ul li a:hover, #homemain ul li a:active {
	color:#999999;
	font-weight:bold;
	text-decoration: none;
}


a.AbuttonLinks, a.AbuttonLinks:visited {
	background-color: #339900;
	border: 3px double #ffffff;
	color: #ffffff;	
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	text-decoration: underline;
}
a.AbuttonLinks:hover {
	background-color: #006600;
	color: #ffffff;
}

#coursedetailspage-left {
	float: left;
	width: 420px;
}

#coursedetailspage-right {
	float: left;
	width: 250px;
}

.public-tablelist {
}
.public-tablelist th {
	color:#666666;
	font-size: 1.0em;
}
.public-tablelist tr {
	border: 1px solid #cccccc;

}
.public-tablelist td {
	border-bottom: 1px solid #cccccc;
}

.public-tablelist a {
	color: #009933;
	text-decoration: underline;
}

/** styles in both admin-style and layout.css **/
.mcq-form-table {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	color: #000000;
}
.mcq-form-table th {
	color:#000000;
	font-size: 1.0em;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.mcq-form-table td {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.cmcq-form-table a {
	color: #009933;
	text-decoration: underline;
}

/** styles in both admin-style and layout.css **/
.cand-eval-form-table {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	color: #000000;
}
.cand-eval-form-table th {
	color:#000000;
	font-size: 1.0em;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.cand-eval-form-table td {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.cand-eval-form-table a {
	color: #009933;
	text-decoration: underline;
}

#candidate-evaluation-form {
  margin: 0px;
  padding: 0px;
  }
#candidate-evaluation-form fieldset {
  border: none;
  padding: 10px;
  padding-top: 10px;
  width: auto;
  }
#candidate-evaluation-form legend {
  font-weight: bold;
  padding-bottom: 10px;
  }
#candidate-evaluation-form input {
  background-color: #ffffff;
  float: left;
  }
#candidate-evaluation-form input.buttons {
  float: none;
}
#candidate-evaluation-form fieldset div {
  padding-bottom: 0px;
  clear: both;
  }
#candidate-evaluation-form label {
  display:block;
  float: left;
  width: 150px;
  margin-right: 10px;
  padding-bottom: 10px;
  }
 
#candidate-evaluation-form dl {
	margin-top: 0px;
	margin-bottom: 0px;
}
#candidate-evaluation-form dt {
	float: left;
	font-weight:normal;
	width: 150px;
}
#candidate-evaluation-form dd {
	margin-left: 150px;
	margin-bottom: 5px;
} 
  



#contact-left {
	float: left;
	width: 600px;
}

#contact-right {
	float: left;
	width: 300px;
}

#courses-titlelinks a, courses-titlelinks a:visited {
	color:#009900;
	text-decoration: underline;
}
#courses-titlelinks a:hover, courses-titlelinks a:active {
	color:#006600;
}

dl {
}
dt {
	float: left;
	font-weight:bold;
	width: 100px;
}
dd {
	margin-left: 100px;
	margin-bottom: 5px;
}

#sitemap-left {
	float: left;
	width: 350px;
}
#sitemap-right {
	float: left;
	width: 350px;
}

#centres-areas {
	float: right;
	text-align: left;
}

#areas-map {
	padding-left: 0px;
}

.vatsmalltext {
	font-size: 0.9em;
}

.sec-form-field {
	display: none;
}

input.InputButtonGreen {
	background-color: #ffffff;
	border: 3px double #339900;
	color: #339900;
}