﻿body{font-family:Tahoma;color:#333;font-size:11px;margin:20px 0}
html {
    overflow-y: scroll;
}

.clearer{clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

h1{font-size:30px;margin:0 0 20px 0;text-transform:uppercase}
h4{font-size:11px;margin:0 0 0px 0;font-weight:bold}
a:link{color:#333;text-decoration:none}
a:visited{color:#333;text-decoration:none}
a:hover{color:#cc3333;text-decoration:none}
a:active{color:#cc3333;text-decoration:none}
p{margin:0 0 18px 0}

.separator{border-bottom:1px solid #999999;margin:0 0 11px 0;padding:0 0 14px 0}
.lowerspace{margin:0 0 5px 0;}

#wrapper{width:885px;margin:0 auto;position:relative}

#contact{color:#999;position:absolute;top:23px;left:0px}
#contact img{position:absolute;top:-1px;left:0px}
#contact span{color:#000;position:absolute;top:0px;left:30px;width:120px}
#contact .lang{position:absolute;top:0px;left:0px;width:120px}
#contact a{text-decoration:none;margin:0 2px;font-size:9px;color:#999999}
#contact a.selected{color:#cc3333}
#logo{}
.logotext{margin:15px 0 0 }

#search{background:url(/assets/images/search-bg.png) no-repeat;position:absolute;top:18px;left:571px}
#search input{border:0;width:125px;margin:0 0 0 28px;height:18px;background:none;padding:2px 0 0}

#search2{background:url(/assets/images/search-bg2.png) no-repeat;float:left;margin:-2px 25px 0 0;padding:0 0 0 20px}
#search2 input{border:0;margin:0 20px 0 0px;height:18px;background:none;padding:2px 0px 0 2px;float:left}
.searchbutton2{float:right;margin: 0 23px 0 0}

#content {margin:0px 0 0;position:absolute;top:177px}
#content .left{float:left;width:575px}
#content .left p{line-height:18px}
#content .left div.contenttext{line-height:18px}
#content .left em{font-size:9px;font-weight:bold;font-style:normal}

#content .right{float:left;width:253px;margin:52px 0 0 57px}

#searchemployee{width:223px;}
#searchemployee h2{font-size:19px;font-weight:bold;margin:0 0 20px 0}
#searchemployee .options{margin:0 0 20px 0}
#searchemployee .options td{padding:0 6px 0 0}
#searchemployee .options label{padding:0 0 0 2px }
#searchemployee .searchbox{margin:0 0 10px 0}
#searchemployee .searchbox input{width:160px;margin:0 5px 0 0}
#searchemployee .searchbox a{text-transform:uppercase;font-weight:bold;color:#000;text-decoration:none}
#searchemployee select{width:200px;margin:0 0 5px 0; height:20px}

#newslist{}
#newslist li{width:223px;margin:0 0 10px 0}
#newslist li span{font-size:11px;line-height:20px}
#newslist li a{font-size:11px;color:#333;text-decoration:none;line-height:15px;display:block}
#newslist li h3 a{font-weight:bold;}
#newslist li h3 a:hover{font-weight:bold;color:#cc3333}
#newslist li h3 img{margin:0 0 0 -10px}
#newslist li a.readmore{color:#cc3333;font-size:11px;margin:0 0 0 4px;display:inline}
#newslist li a.selected{color:#cc3333;display:inline;margin:0 0 0 2px}

#topnavigation{margin:0px 0 0 0;border-bottom:1px solid #999999;padding:0 0 4px 0;width:722px;position:absolute;top:95px;left:0px}
#topnavigation li{position:relative;float:left;color:#000;border-left:1px solid #000;margin:0px 10px 0 0;padding:0 0 0 10px;line-height:13px}
#topnavigation li.first{padding:0;border:0;border-left:1px solid #fff;}
#topnavigation li img{position:absolute;top:4px;left:-2px;display:none}
#topnavigation li.first img{left:-10px}
#topnavigation li.selected{border-left:1px solid #fff;}
#topnavigation li.selected img{display:inline}
#topnavigation li a{color:#000;font-size:11px;text-transform:uppercase;text-decoration:none;letter-spacing:0.1em}

#subnavigation{margin:0;position:absolute;top:117px}
#subnavigation li{float:left;margin:0 15px 0 0}
#subnavigation li a{color:#999;text-decoration:none}
#subnavigation li a:hover{color:#cc3333;text-decoration:none}
#subnavigation li a.selected{color:#cc3333;}

#navigation{margin:0 0 0 -8px}
#navigation li{margin:5px 0;width:200px;}
#navigation li a{color:#999;text-decoration:none;padding:0 0 0 10px}
#navigation li a:hover{color:#cc3333;}
#navigation li a.selected{color:#cc3333;background:url(/assets/images/arrow-down.png) left center no-repeat}
#navigation li a.selected_nosub{color:#cc3333;background:url(/assets/images/arrow-right-sub.png) left center no-repeat}
#navigation li li{margin:5px 15px 0;}
#navigation li li a{color:#000;text-transform:lowercase;}
#navigation li li a.selected{color:#cc3333;background:none}

.employee{float:right;width:373px;margin:0 220px 0 0;line-height:18px}
.employeedetails{width:260px;line-height:18px}

#searchresult{margin:26px 0 0 0}
#searchresult li {margin:0 0 4px 0}
#searchresult li a{color:#333}

/* Forms */
ul.form {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.form li {
  padding-bottom: 10px;
  border: 1px solid #fff;
  position: relative;
  clear: both;
  width: 90%;
}
ul.form li p {
  margin: 0;
}
ul.form li div.group label {
  display: inline !important;
}

ul.form li div.text p {
  margin: 0 0 0.5em;
}
ul.form li.formtwo1 {
  width: 45%;
  float: left;
  clear: left !important;
}
ul.form li.formtwo2 {
  width: 45%;
  float: left;
  clear: none !important;
}
ul.form li.formthree1 {
  width: 30%;
  float: left;
  clear: left !important;
}
ul.form li.formthree2 {
  width: 30%;
  float: left;
  clear: none !important;
}
ul.form li.formthree3 {
  width: 30%;
  float: left;
  clear: none !important;
}
.form.topLabel .field label {
  display: block;
}
.form.leftLabel .field label {
  float: left !important;
  width: 150px !important;
  margin-right: 10px !important;
}
.form.rightLabel .field label {
  float: left !important;
  width: 150px !important;
  margin-right: 10px !important;
  text-align: right !important;
}
ul.form .field.required label:after {
  content: ' *';
}
ul.form li span.checkbox label {
  float: none;
  display: inline !important;
  width: auto;
}
ul.form li input.date {
  width: 100px;
  margin-right: 5px;
}
ul.form li input.time {
  width: 60px;
}
ul.form li.textboxsmall input {
  width: 100px;
}
ul.form li.textboxmedium input {
  width: 200px;
}
ul.form li.textboxlarge input {
  width: 400px;
}
ul.form li.textboxsmall textarea {
  width: 200px;
  height: 100px;
}
ul.form li.textboxmedium textarea {
  width: 400px;
  height: 150px;
}
ul.form li.textboxlarge textarea {
  width: 600px;
  height: 200px;
}
ul.form li.selectsmall select {
  width: 100px;
}
ul.form li.selectmedium select {
  width: 200px;
}
ul.form li.selectlarge select {
  width: 400px;
}

ul.form .fieldlabel{font-weight:bold}
ul.form .checkboxfieldlabel label{font-weight:bold}
ul.form .checkboxfieldlabel .group label{font-weight:normal;margin:0 0 0 5px}
ul.form .checkboxfieldlabel .group{margin:5px 0 0 0}
ul.form .checkboxfieldlabel .group input{margin:5px 0 0 0}
ul.form .error .info{color:red}