/*
 *
 * Copyright (C) 2010 Carbon Creative. 
 * Author: Dave Cunningham (dave@carboncreative.net)
 *
 * 1. Global Styles
 * 2. Link Styles
 * 3. Typography
 * 4. Layout Styles
 * 5. Navigation Styles
 * 6. Content styles 
 * 7. Forms
*/


/* Colours 

Dark Blue - #124e97
Light Blue - #e0eaf5
Yellow - #ebca3a

*/



/* ****************************/
/* 1. Global Styles */
/* ****************************/


body { background:#fff url(../_images/bak-main.jpg) center top no-repeat;  text-align:center; font-size:62.5%;}
 

.left { float:left !important; }
.right { float:right !important; }
.marginpic { margin:0 15px 10px 0px !important;}

.maintext img { border-top:5px solid #e0eaf4; border-bottom:5px solid #e0eaf4;} 

.clear-left {clear:left; float:left;}
.clear-right {clear:right; float:right;}


.relative {position:relative;}
.absolute {position:absolute; top:0;}

#content ol { list-style: decimal; }
#content ul { list-style-type: disc; padding: 0 0 0 20px; margin: 0 0 0 0px; float:left;}
#content ul li { width:100%;}

.margin-leftright20 { margin:0px 20px;}
.margin-top5 { margin-top:5px;}
.marginbot { margin:0 0 20px 0px !important; float:left; width:100%;}
.leadingpara { font-size:16px; width:100%; float:left;}
.nomargin { margin:0px !important;}
.indent { position:absolute; text-indent:-100000px;}
.largetext { font-size:18px;}
.noborder { border:0px !important;}

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.hide { display:none;}
.table420 { width:420px; border-right:1px solid #CCC;  border-bottom:1px solid #CCC; margin:0 0 20px 0;}
.table420 tr td { padding:10px; border-left:1px solid #CCC; border-top:1px solid #CCC;}

.pfullwidth p {width:420px !important; float:left;}
.pfullwidth ol {width:420px !important; float:left; padding:0 0 0 20px; margin:0 0 20px 0;}
.pfullwidth ul { margin:0 0 20px 0 !important; padding:0 0 0 20px;}

/* ****************************/
/* 2. Link Styles */
/* ****************************/

a { color: #043b69; text-decoration: underline; }
a:hover { color: #4983bf; outline: none; }
a:active { outline: none; }


/* ****************************/
/* 3. Typography */
/* ****************************/

body {font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size:14px;}

h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;font-size:24px;font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;line-height:1.3em;}

h1 { color: #124e97;  float:left;}
h2 { color: #124e97;  float:left; font-weight:300; margin:10px 0 10px 0; font-size:20px; width:420px; clear:both;}
#wrapper-content-inner-full h1 { color: #a69e76; font-weight: 100; font-family:"Times New Roman", Times, serif; border-top:1px dotted #a69e76; border-bottom:1px dotted #a69e76; line-height:45px; float:left; width:920px; margin:10px 0 10px 0; text-transform:uppercase;}
#front-c2 h2 { text-transform:uppercase; font-size:13px; margin:6px 0; width:215px;}
#front-c2  { color:#124e97;}
#front-c2 p  { line-height:16px; margin:5px 0;}
#front-c3 { line-height:18px; color:#124e97;}
#front-c3 span {color:#ebca3a; margin:0 0 5px 0;}
#front-c3 em { color:#7ab2dc;}

.quote { color:#124e97; font-size:16px; font-style:italic; line-height:20px;} 

p { margin:0 0 8px 0; }
strong, b { font-weight: bold; }
#box-information { line-height:20px; font-size:12px; z-index:100;}
#box-information strong { font-size:25px; font-weight:lighter; text-transform:uppercase; font-family:"Times New Roman", Times, serif; margin:0 0 10px 0; width:210px; float:left;}

#content { color:#000; line-height:25px; font-size:12px; min-height:500px; height:500px; height:auto !important;}
#content  .leadingpara { color:#124e97;}
.maintext  .leadingpara { color:#124e97; border-bottom:3px solid #7ab2dc; padding:0 0 10px 0; font-weight:400;}

#content-full { color:#686867; line-height:25px; font-size:12px;}



#breadcrumb a { text-decoration:none; padding:0 5px 0 0;  color:#a69e76; font-size:12px;}
#breadcrumb a:hover {color:#686867;}

/* ****************************/
/* 4. Layout Styles */
/* ****************************/

#wrapper { width:950px; margin:0 auto; text-align:left; position:relative;}
	#header-img {height:360px; width:950px; color:#fff; float:left;}	
	.img-top { top:49px;}
	.logo {left:50%; margin:51px 0 0 69px; z-index:0;}	
	#content {float:left; padding:50px 20px 20px 20px;}


	#footer { position:relative; float:left; height:104px; background:url(../_images/bak-bot.gif); width:100%;}
	
	#footer2 { position:relative; float:left; height:104px; background:#fff; width:100%;}
		
#inner-menu { width:326px; float:left;}



/* ****************************/
/* 5. Navigation Styles */
/* ****************************/


	#inner-menu  a:hover, #inner-menu  .current_page_item a { background:#565b54; color:#fff;}			
	.current_page_parent a { font-weight:bold !important;}

	.innermenu  {display:block; float:right; margin:0 20px 200px 0 !important; padding:5px; position:relative; width:210px; color:#124e97;}
	.innermenu ul { margin:0 0 0 -10px !important;}
	.innermenu li { list-style:none;}
	.innermenu  strong  {font-size:16px; font-weight:400; margin:0 0 10px 0px !important; display:block; text-transform:uppercase; font-size:13px;}	
	.innermenu li .selected { font-weight:bold; border-bottom:1px solid #124e97}
	.innermenu li a  { text-transform:uppercase; border-bottom:1px solid #FFF; float:left; width:195px;  color:#124e97; line-height:16px;  font-size:11px;font-weight:normal !important; text-decoration:none; padding:10px 0;}	
	.innermenu li a:hover  { border-bottom:1px solid #124e97;}
	
	
		.innermenu .current_page_item a { font-weight:bold !important; border-bottom:1px solid #fff}
		.innermenu  .children li { display:none;}
			.innermenu  .current_page_item .children li { display:block; margin:0 0 0 -10px;}
				.innermenu  .current_page_parent .children li { display:block; margin:0 0 0 -10px;}
					.innermenu .current_page_parent a {font-weight:bold !important;}
												
				.innermenu  	.current_page_item   .children a {font-weight:bold !important;  color:#000 !important;  padding:0 0 0 10px; width:185px !important;}
				.innermenu  	.current_page_item   .children a:hover {font-weight:bold !important;}
				
				.innermenu .children .current_page_item a {border-bottom:1px solid #000;}
				.innermenu .current-cat	 a {border-bottom:1px solid #ebca3a !important; font-weight:bold !important;}	
	
				.innermenu .children .page_item  a {font-weight:bold !important;  color:#000 !important;  padding:0 0 0 10px; width:185px !important;}
	
	/* footer Link */
	#footlink-row1 { margin:20px 20px 10px 20px; float:left; width:960px;}
	#footlink-row1 li { float:left;}


	

	/* Inner menu */
	
	
		#inner-menu  a { line-height:30px; text-transform:uppercase; text-decoration:none; font-family:"Times New Roman", Times, serif; text-align:right; display:block; padding:10px; color:#686867;}
			#inner-menu  a:hover, #inner-menu  a.selected { background:#f3f3ec; color:#a69e76;}
	

	/* Breadcrumbs */
	
		#breadcrumb { width:594px; float:left;}
		
		
		
/* Navigation */


	/* style the outer div to give it width */
	.menu {font-size:0.85em; padding:0px; width:950px; position:absolute; top:0px; left:50%; margin:0 0 0 -475px;}
	
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {padding:0;margin:0;list-style-type:none; height:54px; background:transparent;}
	
	/* style the sub-level lists */
	.menu ul ul {width:950px;}
	
	/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu ul li {float:left; height:69px; display:block; z-index:10;}
	
	/* style the sub level list items */
	.menu ul ul {-moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius:5px; background:#f0cd27; display:block; width:241px; }
	.menu ul ul li {height:auto; background:url(../_images/list-menu-bak.gif) bottom no-repeat; margin:0 0 0 -30px; width:210px;}
	.menu ul ul li.first {}
	.menu ul ul li.last {}
	.menu  .children { display:none;} 
	.row {clear:both; float:left; margin-bottom: 10px;}
	
	
	/* style the links for the top level */
	
	.menu a, .menu a:visited {display:block; float:left;}
	
		.nav-home {background:url(../_images/nav-home.png) no-repeat; height:69px; width:94px; text-indent:-10000px;}	
			.nav-home a:hover, .nav-home-selected {background:url(../_images/nav-home.png) no-repeat bottom; height:69px; width:94px; text-indent:-10000px;}		
			
		.nav-about  {background:url(../_images/nav-about.png) no-repeat; height:69px; width:179px; text-indent:-10000px;}	
			.nav-about  a:hover, .nav-about-selected {background:url(../_images/nav-about.png) no-repeat bottom; height:69px; width:179px; text-indent:-10000px;}		
			
		.nav-parents { background:url(../_images/nav-parents.png) no-repeat; width:151px;  height:69px; text-indent:-10000px;}
			.nav-parents  a:hover, .nav-parents-selected { background:url(../_images/nav-parents.png) no-repeat bottom; width:151px;  height:69px; text-indent:-10000px;}		
			
		.nav-news { background:url(../_images/nav-news.png) no-repeat; width:153px;  height:69px; text-indent:-10000px;}
			.nav-news  a:hover, .nav-news-selected {background:url(../_images/nav-news.png) no-repeat bottom; width:153px;  height:69px; text-indent:-10000px;}		
			
		.nav-work { background:url(../_images/nav-work.png) no-repeat; width:196px;  height:69px; text-indent:-10000px;}
			.nav-work a:hover, .nav-work-selected{background:url(../_images/nav-work.png) no-repeat bottom; width:196px;  height:69px; text-indent:-10000px; z-index:500;}			
			
		.nav-contact { background:url(../_images/nav-contact.png) no-repeat; width:177px;  height:69px; text-indent:-10000px;}
			.nav-contact a:hover, .nav-contact-selected {background:url(../_images/nav-contact.png) no-repeat bottom; width:177px;  height:69px; text-indent:-10000px;}		
	

	
	/* style the sub level links */
	.menu ul ul a, .menu ul ul a:visited {display:block;  background:url(../_images/list-limenu.gif) left center no-repeat; padding:10px 0 10px 30px; color:#124e97; width:191px; height:100%;}
	
	
	/* style the table so that it takes no part in the layout - required for IE to work */
	.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}
	
	
	/* style the level hovers */
	/* first */
	* html .menu a:hover {color:#fff; border:0; position:relative; z-index:100;}
	.menu li a { color:#000; height:69px; display:block;}
	.menu li:hover {position:relative; background-position:bottom left;}
	.menu :hover > a { background-position:bottom left;}
	
	/* second */
	* html .menu ul ul a:hover {color:#dfb129; background:#e2b93f; position:relative; background:url(../_images/list-limenu.gif) left center no-repeat; z-index:112; height:100%;}
	
	.menu ul ul li a { color:fff; text-decoration:none;}
	
	.menu ul ul li:hover {position:relative;}
	.menu ul ul :hover > a {color:#fff; background:url(../_images/list-limenu.gif) left center no-repeat; z-index:112; height:100%;}
	
	
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {visibility:hidden; position:absolute; height:0; top:68px; left:0; width:150px;}
	

	/* make the second level visible when hover on first level list OR link */
	.menu ul :hover ul {visibility:visible; height:auto; padding:1px 30px 10px 30px; left:0px;}			

/* ****************************/
/* 6. Content styles */
/* ****************************/
		
		.but-placements { position:absolute; margin:-216px 0 0 0;}
		
		.download-prospectus { position:absolute; left:50%; margin:-230px 0 0 45px;}
		.download-prospectus-home { position:absolute; left:50%; margin:-230px 0 0 280px;}
		
		/* content page */
		
		.imgalignright { position:absolute;}
		
		#bak-page { float:left; background:url(../_images/bak-inner-page.jpg) no-repeat; min-height:800px; height:800px; height:auto !important; width:951px; margin:0 0 0 -1px;}
		#bak-page h1 { margin:65px 0 0 40px; font-weight:300; float:left; display:block; width:500px;}
		#bak-page 	#content #front-c3 {float:right; width:155px; position:relative; margin:254px 0 0 0;}		
		#bak-page 	#content #front-c3 img { position:absolute; margin:80px 0px 0 -10px; top:0px;}		
		
		
		#vacancies h1 { margin:0px 0 0 00px; font-weight:300; float:left; display:block; width:600px;}
		#vacancies {width:600px;}
		
		
		.quote { background:#f0ce28; float:right; display:block; padding:15px; width:170px; margin:20px 20px 220px 0px; position:relative;  display:none;}
			.quote img { position:absolute; bottom:-44px; left:20px;}
			
		.quoteinner { background:url(../_images/quote.gif) bottom no-repeat;  float:left; display:block; padding:15px 15px 40px 15px; width:405px; margin:20px 0px 0px 0px; position:relative; clear:both;}
			.quoteinner img { position:absolute; bottom:-44px; left:20px; border:0px !important;}
			
			
		.nav-previous { display:none;}
		.nav-next { display:none;}		
		.maintext { width:430px; float:left; padding:20px 0 0 20px; min-height:500px; height:500px; height:auto !important;}	
		.maintext img { max-width:420px;}
		.maintext-full { width:620px; float:left; padding:20px 0 0 20px;}	
		.maintext-full h2 { width:620px;}
		.maintext p { float:left; width:100%; clear:both;}
		ul.inner-buts {  margin:0px !important;}
		.inner-buts li { list-style:none; margin:0px !important; float:left; padding:0px !important; height:176px; width:217px !important; clear:none !important;}


		.but-topofpage { position:absolute; top:0px; left:50%; margin:-43px 0 0 -50px;}
		
		.img-inner { margin:400px 0 0 0px; float:left;}
		.img-inner-title { margin:400px 0 0 -440px; left:50%;}		
		
		/* front page */
		.img-welcome { margin:350px 0 0 -440px; float:left; left:50%;}
	
		#content #front-c1 { background:#e0eaf5 url(../_images/bak-front-c1.gif) top no-repeat; float:left; width:420px; padding:80px 20px 20px 20px;}
		#content #front-c2 {float:left; width:215px; margin:0 40px 0 40px; padding:80px 0 0 0px; clear:right;}
		#front-c2 .news-title {margin:-80px 0 0 -10px;}
	
			
			
			
		#content #front-c3 {float:right; width:155px; position:relative; margin:120px 0 0 0;}		
			#content #front-c3 img { position:absolute; margin:80px 0px 0 -10px; top:0px;}


		/* inner page 2 col */
		
		#inner-c1  {float:left; width:695px; margin:40px 40px 20px 20px;}
			
		/* footer */	
				
		#footer-inner { width:950px;  margin:0 auto;}
			#footer-inner2 { width:950px;  margin:0 auto; position:relative; color:#999; font-size:12px;}	
			#footer-inner2 p { line-height:40px;}
			#footer-inner2 img { margin:15px 0 0 0;}
			#footer-inner2  a { border-left: 1px solid #CCC; padding:0 0 0 5px; margin:0 0 0 5px; color:#999;}
			#footer-inner2  a:hover { color:#000;}
			.link-credits { position:absolute; top:55px; right:0px;}
			.link-credits a {border-left:0px !important;}
		/* contact slider */
		
			#slidingDiv {display: none; height:275px; margin:-50px 0 0 0; overflow:hidden; margin:0 auto;}
			#contact { width:910px; margin:0  auto;  padding:20px 20px 20px 20px; background:#124e97; height:250px; line-height:18px;}
                        #contact strong { color:#fff; background:#0f4689; text-transform:uppercase; font-size:14px; letter-spacing:2px;  padding:5px; width:420px; display:block; border-top:1px solid #2260ac;}
				#contact a { color:#fff; text-decoration:none; font-weight:bold; border-bottom:1px dotted #2260ac;}
				#contact a:hover { color:#e3ebf6; border-bottom:1px dotted #fff;}				
			#contact #contact-c1 { width:420px; margin:0 30px 0 0; padding:0 0 0 20px; height:200px; float:left; color:#fff;}
			#contact #contact-c2 { width:420px; height:200px; float:left; color:#fff;}
#contact  p { border-bottom:1px solid #2260ac; padding:5px; color:#e3ebf6; margin:0px;}


/* online placements */		

.placement-search { width:96%; padding:2%; background:#FFF; float:left; border-bottom:3px solid #ebca3a;}
.placement-search ul li { float:left; width:100%;}
.placement-search fieldset input { border:1px solid #CCC;}
.placement-search .buttons { margin:0 10px 0 120px;}

 
.placement-list   { float:left; list-style:none; padding:10px 0 10px 0 !important;   margin:10px 0 0 0; width:430px;}
.placement-list   tr { width:100%; float:left; display:block;}
.crci { width:60px; padding:5px; color:#666;}

/* ****************************/
/* 7. Forms */
/* ****************************/
 
  fieldset {width:90%; float:left; clear:both;}
  fieldset label { width:120px; clear:both; display:block;float:left; margin:0 0 10px 0;}
  fieldset input { float:left; padding:5px; margin:0 0 5px 0;}
	  	  
  fieldset ul { margin:10px 0 0px 0; float:left;}
  fieldset li { width:100%; clear:both; padding:10px 0 0 0px; list-style-type:none;}
  fieldset legend { display:none;}
  .button { padding:5px; margin:10px 0 10px 0; clear:both; padding:10px; background:#ebca3a; border:0px; color:#fff; font-size:1.2em; }
  .search-but:hover { background:#ebca3a; color:#FFF; cursor:pointer;} 
  
  .input { width:300px; border:1px solid #e3ebf6; color:#043b69; font-size:1.2em; }
  .textarea { width:350px; height:110px; margin:0 0 0 -3px; padding:5px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.2em;   border:1px solid #e3ebf6; color:#043b69;}  
    
  .inputhidden { position:absolute; left:-1000px;}
  .inputsmall { width:150px;  background:#333; border:1px solid #ccc;  color:#5cc9d3; clear:both;}
  
  
  
  
  /* ****************************/
/* 7. CMS */
/* ****************************/


.attachment-single-post-thumbnail { border:5px solid #eee;}

.alignleft { float:left; margin:0 10px 10px 0;}
.alignright { float:left; margin:0 10px 10px 0;}

table { width:630px; float:left; margin:0px 0 20px 0;}
table th {background:#3d3e3c; padding:10px;}
table td {padding:10px;}
table tr td  { border-bottom:1px solid #ccc;}
table tr td { vertical-align:top;}


.piclenselink { display:none;}


/* Featured News */

.widget-title { display:none;}

.featurednews ul li { list-style:none !important; background:none !important;}
.maintext ul { margin:0 0 20px 0 !important; float:left;}
.featurednews { width:580px; position:relative; float:left; height:300px; overflow:hidden; margin:20px 0 0 0;}
.featurednews h2 { width:200px; line-height:22px}
.featurednews a { text-decoration:none;}
.featurednews a:hover {color:#ccc;}
.featurednews img { float:right; margin:5px 0 0 73px !important; border:0px !important; background:#e1e7f4 !important;}
.featurednews_text { width:200px; height:260px; margin:5px 0 0 0; position:absolute; top:0px;  background:#404040; padding:20px;}

ul.featuredposts {width:580px; list-style:none !important; background:none !important;  float:left; margin:10px 0 0 -20px;}
.featuredposts h2 a { width:580px; font-size:18px !important; line-height:25px;}
.featuredposts h2 { width:560px; font-size:12px !important; line-height:25px; background:#404040; padding:10px; }


.entry-title a { text-decoration:none; padding:0px;}
h2.entry-title { padding:0px !important;; margin:0px !important;; line-height:30px !important;}
.entry-meta { font-size:10px; color:#ebca3a; text-align:left; float:left;}
.entry-meta a {color:#ebca3a; text-decoration:none;}
.entry-utility { display:none;}
.entry-summary { margin:0 0 20px 0;}
#comments { display:none;}


  

/* calender */
 	.calendar-table tr td span {}
 
    .calnk a:hover {
        background-position:0 0;
        text-decoration:none;  
        color:#000000;
        border-bottom:1px dotted #000000;
     }
    .calnk a:visited {
        text-decoration:none;
        color:#000000;
        border-bottom:1px dotted #000000;
    }
    .calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
    }
    .calnk a span { 
        display:none; 
    }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        line-height:1.2em;
    }
    .calendar-table {
        border:0 !important;
        width:100% !important;
        border-collapse:separate !important;
        border-spacing:2px !important;
    }
    .calendar-heading {
        height:25px;
        text-align:center;
        border:0px;
        background-color:#fff;
    }
    .calendar-next {
        width:25%;
        text-align:center;
    }
    .calendar-prev {
        width:25%;
        text-align:center;
    }
    .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
    }
    .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;           		
		background-color:#124e97;
		color:#FFF;
    }
    .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#7ab2dc;
        color:#fff;
    }
    .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:50px;
        height:80px; padding:5px;
        border:1px solid #fff;
	
    }
    .no-events {

    }
    .day-without-date {
        width:50px;
        height:80px; padding:5px;
        border:1px solid #fff;
		 color:#7ab2dc;
    }
    span.weekend {
        color:#0f4689;
    }
    .current-day {
        vertical-align:text-top;
        text-align:left;
        width:50px;
        height:80px;
		 padding:10px;
        border:1px solid #fff;
        background-color:#7ab2dc; color:#FFF;
    }
	
	.current-day a { color:#FFF;}
	
    span.event {
        font-size:0.75em;
    }
    .kjo-link {
        font-size:0.75em;
        text-align:center;
    }
    .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
    }
    .calendar-date-switcher form {
        margin:2px;
    }
    .calendar-date-switcher input {
        border:1px #D6DED5 solid;
        margin:0;
    }
    .calendar-date-switcher select {
        border:1px #D6DED5 solid;
        margin:0;
    }
    .calnk a:hover span span.event-title {
        padding:0;
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
        margin-left:0px;
    }
    .calnk a:hover span span.event-title-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
        margin-left:0px;
    }
    .calnk a:hover span span.event-content-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
        margin-left:0px;
    }
    .page-upcoming-events {
        font-size:80%;
    }
    .page-todays-events {
        font-size:80%;
    }
    .calendar-table table,tbody,tr,td {
        margin:0 !important;
        padding:5px !important;
    }
    table.calendar-table {
        margin-bottom:200px !important;
    }
    .cat-key {
        width:100%;
        margin-top:30px;
        padding:5px;
        border:0 !important;
    }
    .cal-separate {
       border:0 !important;
       margin-top:10px;
    }
    table.cat-key {
       margin-top:5px !important;
       border:1px solid #DFE6DE !important;
       border-collapse:separate !important;
       border-spacing:4px !important;
       margin-left:2px !important;
       width:99.5% !important;
       margin-bottom:5px !important;
    }
    .cat-key td {
       border:0 !important;
    }

.kjo-link { position:absolute; left:-100000px;}