#topPanel1{
  overflow:auto;
  float:left;
  border-right:solid 2px #d6d6d6;
  padding:6px 6px 0px 6px;
  width:330px;
  w\idth:318px;
  height:618px;
  he\ight:612px;
}


#topPanel2{
  overflow:auto;
  float:left;
  padding:6px 6px 0px 6px;
  width:331px;
  w\idth:319px;

  height:618px;
  he\ight:612px;
}

#topnews-list span.date,
#topPanel1 span.date,
#topPanel2 span.date {
  font-size:0.923em;
  font-weight:bold;
  color:#6d6f72;
}

#topPanel1 ul, #topPanel2 ul {
  list-style:none;
  margin:20px 0px 6px 0px;
  padding:0px;
}

#topPanel1 ul {
  margin-top:3px;
}

#topPanel1 ul li, #topPanel2 ul li{
  overflow:hidden;
  margin:0px 0px 17px 0px;
  padding:0px;
  width:100%;
}

#topPanel2 ul li table {
}

#topPanel2 ul li table td {
  vertical-align:top;
  padding:0px 3px 0px 0px;
}

#topPanel2 ul li table td span.date {
  font-weight:bold;
  font-size: 	0.846em;
  color:#565656;

}

#topPanel2 h3.morenews a{
  color:#015CA9;
  text-align:center;
  display:block;
}


#topPanel1 ul li div.txt {
  float:left;
  width:190px;
  height:104px;
}


#topPanel1 ul li div.thumb {
  float:right;
  width:117px;
  height:93px;
}



#topPanel1 h3 {
  font-size: 0.923em;
}

#topPanel1 h3 a{
  color:#015ca9;
}

/**
* Special panel that appears on landing/homepage Above the advert
*/
#specPanel1{
  border-top:solid 2px #d6d6d6;
  overflow:hidden;
  width:100%;
  height:182px;
}

.tabbedbox {
  overflow:hidden;

}

#main-col .tabbedbox ul.tabs {
  list-style:none;
  overflow:hidden;
  margin:0px;
  padding:0px;
  width:100%;
}

#main-col .tabbedbox ul.tabs li{
  float:left;
  text-align:center;
  /*width:164px;*/
  width:25%;
  margin:0px 0px 0px -2px;
  padding:3px 0px;
  border-right:solid 2px #d6d6d6;
  border-bottom:solid 2px #d6d6d6;
}

#main-col .tabbedbox ul.tabs li.last {
  border-right:0px;
}

#main-col .tabbedbox ul.tabs li.active {
  border-bottom:0px;
}

#main-col  .tabbedbox ul.tabs li a{
  font-weight:bold;
  color:#015ca9;
  font-size:0.923em;
}

#main-col .tabbedbox div.tabcontent {
  padding:12px;
  /*width:517px;
  w\idth:493px;*/
  width:642px;
  w\idth:618px;
  margin-bottom:150px;
}


div.tabcontent div.article {
  overflow:hidden;
  float:left;
  width:306px;
}

div.tabcontent div.article div.thumb {
  width:120px;
  float:left;
  margin:12px 12px 36px 12px;
}

div.tabcontent div.txt {
  float:left;
  width:164px;
}

div.tabcontent div.wzone {
  float:left;
  width:164px;
}

div.tabcontent div.wzonewide {
  float:left;
  width:470px;
}

div.smallsquaread{
  float:right;
  padding:10px 0px;
  margin-right:0px;
  width:125px;
  w\idth:115px;
  height:125px;
  he\ight:115px;
}

#lpAdPanel-dfp,
#lpAdPanel{
  overflow:hidden;
  border-top:solid 2px #d6d6d6;
  border-bottom:solid 2px #d6d6d6;
  text-align:center;
  width:100%;
  padding:21px 0px;
  height:130px;
  he\ight:70px;
}

#lpAdPanel-dfp #banner-zone-k-dfp,
#lpAdPanel #banner-zone-k-dfp,
#lpAdPanel-dfp #banner-zone-k,
#lpAdPanel #banner-zone-k {
  padding:6px;
  border:0px ; /*added with careers-centre work 2012.02.06 */
}

#lpAdPanel-dfp #banner-zone-k-dfp #div.inner,
#lpAdPanel-dfp #banner-zone-k #div.inner,
#lpAdPanel #banner-zone-k-dfp #div.inner,
#lpAdPanel #banner-zone-k #div.inner{
  width:468px;
  height:60px;
  margin:6px auto 6px auto !important;
}


/**
* Special panel that appears on landing/homepage below the advert
*/
#specPanel2{
  border-bottom:solid 2px #d6d6d6;
  overflow:hidden;
  width:100%;
  height:182px;
}


/*
* Basic container for the flexible layout boxes at the bottom of landing pages.
*/
#flexiContainer{
  overflow:hidden;
  width:100%;
  margin-bottom:-2px;
}

div.flexi {
  font-size:0.9em;
  min-height:230px;
  height:auto !important;
  height:230px;
}


/*
* A Single box
* This is the unit of measure for all others
*/
#flexiContainer .box1x1{
  width:330px;
  w\idth:318px;
  height:262px;
  he\ight:250px;
}

#flexiContainer .box {
  position:relative;
  overflow:hidden;
  float:left;
  padding:6px;
  border-bottom:solid 2px #d6d6d6;
}

#flexiContainer .lbox {
  border-right:solid 2px #d6d6d6;
  width:331px !important;
  w\idth:319px !important;
}


/*
* a Two Box Column
*/
#flexiContainer .box1x2{
  width:330px;
  w\idth:318px;
  height:526px;
  he\ight:514px;
}

/*
* a 3 box column
*/
#flexiContainer .box1x3{
  width:330px;
  w\idth:318px;
  height:790px;
  he\ight:778px;
}

/*
* a 4 box column
*/
#flexiContainer .box1x4{
  width:330px;
  w\idth:318px;
  height:1054px;
  he\ight:1042px;
}


/*
* Size of two boxes
* I.E. a row
*/
#flexiContainer .box2x1{
  padding:6px;
  width:663px;
  w\idth:651px;
  height:262px;
  he\ight:250px;
}

/*
* size of 4 boxes
*/
#flexiContainer .box2x2{
  padding:6px;
  width:663px;
  w\idth:651px;
  height:526px;
  he\ight:514px;
}

/*
* size of 6 boxes
*/
#flexiContainer .box2x3{
  padding:6px;
  width:663px;
  w\idth:651px;
  height:790px;
  he\ight:778px;
}

/*
* size of 8 Boxes
*/
#flexiContainer .box2x4{
  padding:6px;
  width:663px;
  w\idth:651px;
  height:1054px;
  he\ight:1042px;
}


/*box contents positioning*/


#flexiContainer div.img-left div.newsimg,
#flexiContainer div.half div.newsimg
 {
  float:left;
  width:49%;
  margin-right:6px;
}

#flexiContainer div.img-left div.newstext,
#flexiContainer div.half div.newstext {
  float:right;
  width:49%;
}

#flexiContainer div.img-right div.newsimg {
  float:right;
  width:140px;
  margin-right:6px;
}
#flexiContainer div.img-right div.newstext {
  float:left;
  width:49%;
}

#flexiContainer div.img-above div.newsimg {
  clear:both;
}
flexiContainer div.img-above div.newstext {
  clear:both;
}

#flexiContainer div.img-below div.newsimg {
  clear:both;
}
#flexiContainer div.img-below div.newstext {
  clear:both;
}

#flexiContainer div.img-behind div.newsimg {
  position:absolute;
  z-index:0;
}

#flexiContainer div.img-behind div.newstext {
  position:absolute;
  bottom:18px;
  padding:6px 18px 6px 6px;
  height:112px;
  he\ight:100px;
  z-index:5;
  overflow:hidden;
}

#flexiContainer div.img-behind div.newsblanket {
  position:absolute;
  z-index:2;
  bottom:0px;
  left:0px;
  width:100%;
  height:125px;
  background:#ffffff;
  opacity:0.65;
  filter:alpha(opacity=65);
}



/**
* New 1x1 box positioning
**/

#flexiContainer div.b1x1-img-left div.newsimg {
  float:left;
  width:100px;
  margin-right:6px;
}

#flexiContainer div.b1x1-img-left div.newstext {
  float:right;
  width:192px;
}

#flexiContainer div.b1x1-img-right div.newsimg {
  float:right;
  width:100px;
  margin-right:6px;
}
#flexiContainer div.b1x1-img-right div.newstext {
  float:left;
  width:192px;
}

#flexiContainer div.b1x1-img-above div.newsimg,
#flexiContainer div.b1x1-img-above div.newstext,
#flexiContainer div.b1x1-img-below div.newsimg,
#flexiContainer div.b1x1-img-below div.newstext {
  clear:both;
}

#flexiContainer div.b1x1-img-behind div.newsimg {
  position:absolute;
  z-index:0;
}

#flexiContainer div.b1x1-img-behind div.newstext {
  position:absolute;
  bottom:18px;
  padding:6px 18px 6px 6px;
  height:112px;
  he\ight:100px;
  width:300px;
  w\idth:276px;
  z-index:5;
  overflow:hidden;
}

#flexiContainer div.b1x1-img-behind div.newsblanket {
  position:absolute;
  z-index:2;
  bottom:10px;
  /*bottom:3px;*/
  /*left:6px;*/
  width:300px;
  height:125px;
  background:#121f20;
  opacity:0.65;
  filter:alpha(opacity=65);
}


#flexiContainer div.b1x1-img-behind h4 a {
  color:#ffffff;
  font-size:1.4em;
}


#flexiContainer div.b1x1-img-above,
#flexiContainer div.b1x1-img-left,
#flexiContainer div.b1x1-img-right {
  padding:12px 14px !important ;
  width:328px;
  w\idth:300px;
  height:250px;
  he\ight:238px;
}


#flexiContainer div.lbox.b1x1-img-above,
#flexiContainer div.lbox.b1x1-img-left,
#flexiContainer div.lbox.b1x1-img-right {
  padding:12px 15px 12px 16px !important ;
  width:331px !important;
  w\idth:300px !important;
}

#flexiContainer div.lbox.b1x1-img-behind {
  padding:12px 15px 0px 16px !important ;
  width:331px !important;
  w\idth:300px !important;
}

#flexiContainer div.rbox.b1x1-img-behind {
  padding:12px 14px 0px 14px !important ;
  width:328px;
  w\idth:300px;
}

/**
* Directory Search
**/
#flexiContainer div.directory-search {
  background:url(/img/directory-search-panel-bg.gif) 12px 12px no-repeat;
}

#flexiContainer div.directory-search form {
  position:absolute;
  bottom:18px;
  left:12px;
}

#flexiContainer div.directory-search form div.fields {
  margin-bottom:6px;
}

#flexiContainer div.directory-search input.txt,
#flexiContainer div.directory-search input.txtlong {
  width:200px;
  font-size:0.923em;
  border:solid 1px #d6d6d6;
}

#flexiContainer div.directory-search input.txtlong {
  width:300px;
}


#flexiContainer div.directory-search input.submit {
  background:#2484C5;
  font-size:0.923em;
  color:#ffffff;
  font-weight:bold;
  border:0px;
  text-align:center;
  width:90px;
  margin-left:6px;
}