/*
  Title:    Umbraco Creative Website Wizard
  Author:    Warren Buckley
  Website:  http://www.creativewebspecialist.co.uk
*/

@import url('KT/tablesorter.css');

#demo-frame > div.demo { padding: 10px !important; };
/*
================================
COMMON STYLES 
================================
*/
iframe{
  border:solid 1px #000;
}
h4{
  font-family:arial black, arial, sans-serif;
  font-size:18px;
  text-transform:uppercase;  
  background-color: #FFF200;
  border-style: solid;
  border-width: 1px 0;
  color: #000000;
  font-weight: bold;
  margin: 15px 0 5px;
  padding: 5px;
  clear:both;
  }
.pad{
  padding:10px;
}
#padding{
  padding:15px;


  width:965px;
}
#javamap{
  /* float:left; */
}
body ul{  
  list-style-image: url("/Assets/images/tick.jpg");
  list-style-position: outside;
  line-height: 2em;
  width:450px;
}
.pointer {
  cursor:pointer;
}
.contactform{
  width:260px;
  height: 190px;
  float:right;
  right:20px;
  padding:10px 20px;
  position:relative;
  clear:right;
  top:20px;
}
.contactform.login{
  background: transparent url("KT/back_login.jpg") no-repeat center top;
}
.contactform table{  
  color:#3399cc;
  font-size:18px;
  font-weight:bold;
  width:100%;
  text-align:left;
}
.contactform table td{  
  text-align:left;
}
.contactform label{
  color:#000000;
  font-size:12px;
  font-weight:normal;
}
.contactform input[type=text], .contactform input[type=password]{
  margin:5px;
  padding:5px;
}
.contactform input[type=checkbox]{
  margin:5px;
}
.contactbody{
  width:640px;
  float:left;
  background-color: #f5f5f5;
}
.contactbody #padding{
  width:600px;
}

.left {float:left;}
.right {float:right}
.hide {display:none;}
.pointer {cursor:pointer;}
.clearBoth {clear:both;}

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

.clearfix {display: inline-block;}  /* for IE/Mac */


a:active, a:focus
{
  outline: none;
}



html, body
{
  margin:0;
  padding:0;
  height:100%;
  
}
body{
  background: #daeef9 url(KT/back_html.jpg) repeat-x bottom center fixed;
  font-family:Arial, Verdana, Sans-Serif;
  color:#000;
 }

#container
{
  min-height:100%;
  position:relative; 
  background: transparent url(KT/back_body.jpg) no-repeat bottom left fixed;
}



/*
================================
MAIN STYLES
================================
*/

a
{
  color:#000;
  text-decoration:none;
  text-decoration: underline;
}

a:hover
{
  background-color:#FFF200;
}

#header a{
  text-decoration: none;
}


a.rightArrow
{
  background:url(/Assets/arrow_right.gif) no-repeat center right;
  padding:0 7px 0 0;
}

a.leftArrow
{
  background:url(/Assets/arrow_left.gif) no-repeat center left;
  padding:0 0 0 7px;
}

/*
================================
HEADER STYLES 
================================
*/

#header{
  width:990px;
  padding:0;
  margin:0px auto -10px auto;
  background: transparent url(KT/back_head.jpg) no-repeat top center;
  border: 10px solid #FFF;
}
#headerbefore{
  height: 60px;
  display:block;
}

#header .container
{
  width:990px;
  height:163px;
  position:relative;
}

#header h1
{
  width:360px;
  display:block;
  text-align:center;
  margin:10px auto;
  text-transform:uppercase;
}

/* CSS if sIFR not enabled START */
#header h1.flashHeader{
  font-family: Arial, Sans-Serif;
  font-size:36px;
  font-weight:bold;
  color:#FFF;
  text-shadow: 3px 3px 5px #333;
}
#header h1.flashHeader strong{
  display:block;
  font-size:46px;
  text-transform:uppercase;
  font-weight:bold;
}
/* CSS if sIFR not enabled END */

#logo{
  margin: -20px 0 0 -37px;
  width:295px;
  height:146px;
  display:block;
  background: transparent url(KT/logo.gif) no-repeat bottom center;
  position:absolute;
  left:0px;
  top:0px;
}

#header .headerLinks
{
  font-size:12px;
  text-align:right;
  
  width:360px;
}

#header .headerLinks a
{
  margin:3px 0 0 0;
}

#header .searchBox
{
  margin:0 0 0 33px;
}

#header .searchBox input
{
  background-color:#FFF;
  border:2px solid #CCC;
  width:102px;            
  height:14px; /*16px -1 -1 = 14px; */
  padding:1px 2px;
  
  color:#000;
  font-size:10px;
}

#header .searchBox input:focus
{
  border:2px solid #999;
}

#header .searchBox button
{
  border-style: none;
  border-color: inherit;
  border-width: medium;
  font-size:12px;
  color:#999;
  padding:0 7px 0 0;
  background:url('/Assets/arrow_right.gif') no-repeat right 50%;
}

/*
================================
BODY STYLES 
================================
*/
#body
{
  width:990px;
  padding:0;
  margin:0px auto 0px auto;
  background: #e3e3e3;
  border: 10px solid #FFF;
}
#tperth, #tdarwin{
  border:2px solid #cccccc;
  background-color:#FFF;
  padding:5px;
  margin-bottom:10px;
}
#tperth H4, #tdarwin H4{
    background-color: #FFF200;
  color: #000;
  font-weight:bold;
  padding:5px;
  margin: -5px -5px 5px -5px;
  border: 0px solid #c7bd00;
  border-bottom-color: #FFF;
}
/*
================================
SIDEBAR STYLES 
================================
*/
#sideBar
{
  width:208px;
  margin:0 10px 0 0;
  /*background-color:Green;*/
}

.colx2{
  width:50%;
  float:left;
}
#employment{
  font-size:12px;
  text-align:left;
  margin:auto;
}
#employment fieldset{
  clear:both;
  display:block;
}
#employment label{
  float:left;
  clear:left;
  width:100px;
}
.colx2 label{
}

#employment h4{
  font-weight:bold;
  margin-top:20px;
  font-size:1.2em;
  
}
.errormsgs ul{
  list-style-image: url("/Assets/images/errorarrow.gif");
}
/*
================================
NAVI STYLES 
================================
*/
#navi{
  display:block;
  width: 525px;
  height: 38px;
  padding-left:525px;
  margin:0 -30px 0 -30px;
  background-color:#fff200;
  position:absolute;
  bottom:0px;
  left:0px;
}
#navi:before {
   content:" ";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   width:0;
   border-width:28px 0 0 20px;
   border-style:solid;
   border-color:#8c8505 transparent;
   position:absolute;
   top:38px;
   left:0px;
}
#navi:after {
   content:" ";
   display:block; /* reduce the damage in FF3.0 */
   position:absolute;
   width:0;
   border-width:28px 20px 0 0;
   border-style:solid;
   border-color:#8c8505 transparent;
   position:absolute;
   top:38px;
   right:0px;
}
#navi ul{
  width:990px;
  margin-left:-100%;
  height:38px;
  padding:0px;
  list-style:none;
  text-align:center;
}
#navi li{
  color:#999;
  font-size:16px;
  display:inline;
  width:auto;
  list-style:none;
  position:relative;
  top:3px;
}
#navi li.selected a{
  color:#000;
  overflow:crop;
}
#navi li a
{        
  padding:15px 30px;
  height:38px;
  display:inline;  
}
#navi li a:hover{        
  font-weight:bold;
  color:#000;
  padding:10px 30px;
}
#navi li.selected ul li a
{
  color:#000;
}

/*
================================
SECONDARY NAVI STYLES 
================================
*/
.secondaryNav{
  margin:0 0 130px 0;
}

.secondaryNav h3{
  color:#000;
  font-size:16px;  
  padding:0 0 10px 0;
}

.secondaryNav li
{
  padding:6px 0 4px 0;
  background:url(/Assets/dotted_border.gif) repeat-x bottom left;
}

.secondaryNav li.selected a
{
  color:#cccccc;
}

.secondaryNav li a
{
  font-size:12px;
  display:block;
}

.secondaryNav ul.events li a em
{
  color:#000;
  font-size:11px;
  display:block;
}

.secondaryNav li a span
{
  background:url(/Assets/arrow_right.gif) no-repeat center right;
  padding:0 7px 0 0;
}


/*
================================
CONTENT STYLES 
================================
*/
.content{
  font-size:13px;
  line-height:18px;
}

.content p{
  margin:10px 0;
}

.content strong{
  font-weight:bold;
}

.content em{
  font-style:italic;
}

.content h2{
  font-size:14px;
  color:#000;
  margin:10px 0 13px 0;
  border-bottom:1px solid #000;
  font-size: 16px !important;
  line-height: 100%;
}

.content h3{
  font-size:18px;
  color:#000;
  margin:10px 0 13px 0;
}

.content ol, .content ul{
  list-style-position:inside;
}

.content ol{
  list-style-type:decimal;
}

.content ul{
  list-style-type:disc;
}


.leftArrow.backLink{
  margin:0 0 25px 0;
  display:block;
}

.content div.date{
  font-weight:bold;
  font-size:12px;
}

/* Header for small thin column */
.twoColWide .col_2  h4{
  font-size:12px;
  color:#999;
  font-weight:bold;
  background:url(/Assets/dotted_border.gif) repeat-x bottom left;  
  padding:0 0 5px 0;
  margin:0 0 5px 0;        
}

/* CSS if sIFR not enabled START */
h2.flashHeader{
  font-family:Georgia, Arial, Sans-Serif;
  font-size:22px;
  font-weight:bold;
  color:#000;
  line-height:1em;
}
            
h2.flashHeader strong
{
  color:#f49ac1
}
/* CSS if sIFR not enabled END */

.content.oneCol
{
  width:960px;
 
}

/*
================================
HOMEPAGE TWO COLS
================================
*/   
.twoCol .col_1
{
  width:342px;
}

.twoCol .col_2
{
  width:322px;
}
.homeblock{
  list-style:none;
  width: auto;
  margin-left:-10px;
  height:286px;
  padding-bottom:10px;
  display:inline-block;
  background:#FFF;
}
.homeblock li{
  background:#FFF;
  text-align:left;
  width: 323px;
  float:left;
  border-left:10px solid #FFF;
  position:relative;
  height:286px;
}
.imagelabel{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    position: absolute;
    bottom:0px;left:0px;
    text-indent: 20px;
    display:block;
    width: 323px;
}
.quote{
    background: url("KT/quote66.gif") no-repeat scroll left top transparent;
    color: #333333;
    display: block;
    float: right !important;
    font-size: 19.5px;
    font-weight: bold;
    line-height: 30px;
    margin: 20px 10px 20px 0;
    padding: 0 10px !important;
    position: relative;
    text-align: center;
    width: 30%;
}
.quote:after{
  content:'.';
  line-height:0;
  font-size:0;
  width:20px;
  height:20px;
  display:block;
  position:absolute;
  bottom:0px;
  right:0px;
  background:url(KT/quote99.gif) no-repeat center center;
}
.col30{
  width:30%;
  float:left;
  padding: 0 10px;    
  padding: 0 1.5%;
}
.introtext{
  line-height:22px;
}
.arrowlist ul{
  list-style:none;
  width:300px;
  list-style-image: none;
}
.arrowlist li{
  list-style:none;
  background:url(KT/arrow_yellow.gif) no-repeat left 4px;
  padding: 0 0 0px 20px;
  line-height: 22px;
}
/*
================================
ABOUT PROJ TWO COLS WIDE
================================
*/ 
.twoColWide .col_1
{
  width:550px;
  margin:0 20px 0 0;
}

.twoColWide .col_2
{
  width:93px;
}

.nestedTwoCol
{
  width:550px;
  margin:10px 0 0 0;
}

/* Nested two col within col_1 of twoColWide */
.nestedTwoCol .col_1
{
  width:265px;
  margin:0 20px 0 0;
}

.nestedTwoCol .col_2
{
  width:265px;
}

.morelink{
    background: url("KT/arrow_more.gif") no-repeat scroll right center #333333;
    color: #FFF;
    float: left;
    font-size: 12px;
    line-height:18px;
    font-weight: bold;
    margin: 0;
    padding:  0 20px 0 10px;
    text-align: left;
    text-decoration:none;
}
.morelink:hover{
  background-color:#333333;
}

        
/*
================================
CONTACT STYLES
================================
*/

.form .text{
  width:625px;
  margin:0 20px 0 0;
}

.form .fields{
  width: 265px;
}

fieldset legend{
  display:none;
}

fieldset label{
    display: inline-block;
    margin: 10px 0 0;
    width: 140px;
}

fieldset label.first
{
  margin:0;
}

fieldset input{
  background-color:#FFF;
  border:2px solid #CCC;
  width:265px;
  height:17px;
  padding:2px;
  margin:0 0 3px 0;  
  color:#000;
  font-size:14px;
}
fieldset input[type=radio],fieldset input[type=checkbox] {
   border:0;
  width:auto;
}

fieldset textarea
{
  background-color:#FFF;
  border:2px solid #CCC;
  width:265px;
  height:130px;
  padding:2px 2px 1px 2px;
  margin:0 0 3px 0;
  
  font-family:Arial, Verdana, Sans-Serif;
  color:#000;
  font-size:14px;
}

fieldset input:focus, fieldset textarea:focus
{
  border:2px solid #999;
}

fieldset input.error, fieldset textarea.error
{
  border:2px solid #F66;
}

fieldset input.error:focus
{
  border:2px solid #F66;
}
.largetextbox{
  width:450px;
  height:100px;
}
.submitbutton {
  padding:8px;
  margin:20px 45px;
  font-size:14px;
}
.widelabel label{
  width: 250px;
}
.errorMessage
{
  background:#FEE;
  color:#F33;
  border:1px solid #F33;
  padding:10px;
  margin:10px 0px;
  display:block;
  font-size:12px;
}
.errorMessage ul{
  list-style-image:none;
  list-style-position: inside;
  padding-left:20px;
}
.employmentForm{
  font-size:12px;
}
.employmentForm label{
  font-size:14px;
}
#worknight label, #workday label, #workall label{
 padding-left:8px;
}

/*
================================
FOOTER STYLES 
================================
*/

#footer
{
  padding:15px 0 0 0;
  color: #FFF;
  font-size:12px;
  text-align:center;
}

#footer a{
  color: #FFF;
}
















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */