/* -------------------------------------------------------

    Global :: Standardise CSS Between Browsers

   ------------------------------------------------------- */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	outline: 0;

	vertical-align: baseline;

	margin: 0px;

	padding: 0px;

	font: inherit inherit 100%;

}

/* -------------------------------------------------------

    Page :: Body

   ------------------------------------------------------- */



body {

	background-color: #F2F7D8;

	font-family: "Lucida Sans", Arial, Verdana, sans-serif;

}

/* -------------------------------------------------------

    Page :: Header

   ------------------------------------------------------- */



#header {

	height: 185px;

	background-image: url(../Imgs/body_bg.gif);

	background-repeat: repeat-x;

	background-position: 50% 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

	padding-top: 0px;

}

.header {

	background-image: url(../Imgs/header.gif);

	height: 125px;

	width: 934px;

	margin-right: auto;

	margin-left: auto;

}

#nav {

	width: 934px;

	padding: 0px;

	height: 60px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

#nav ul {

	width: 934px;

}

#nav li {

	padding-right: 1.2em;

	float: left;

	list-style-type: none;

}

#nav a {

	color: #2D2B2C;

	font-weight: bold;

	text-decoration: none;

	padding-bottom: 6px;

	float: left;

}

#nav a:hover {

	border-bottom-color: #017C76;

	border-bottom-width: 1px;

	padding-bottom: 5px;

	border-bottom-style: solid;

}

.breadcrumbs {

	background-color: #F5F5F5;

	margin-bottom: 15px;

	padding-top: 3px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	float: left;

	width: 924px;

}

.breadcrumbs ul {

	float: left;

	width: 924px;

}

.breadcrumbs li {

	font-size: 80%;

	float: left;

	list-style-type: none;

	padding-left: 5px;

}

.breadcrumbs li a {

	background-image: url(../Imgs/arrow-breadcrumb.gif);

	background-repeat: no-repeat;

	background-position: right center;

	padding-right: 8px;

	float: left;

}



/* -------------------------------------------------------

    Page :: Colours

   ------------------------------------------------------- */

h1 {

	color: #8bc53e;

}

h2 {

	color: #2D2B2C;

}

a {

	color: #8BC53E;

	text-decoration: underline;

}

a:hover {

	text-decoration: none;

}

/* -------------------------------------------------------

    Page :: Content

   ------------------------------------------------------- */



#container {

	min-width: 934px;

	background-color: #FFFFFF;

		padding-bottom: 20px;

	background-color: #FFFFFF;

	padding-top: 15px;

}

#container-content {



	width: 934px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

#col-one {

	float: left;

	width: 554px;

	padding-top: 0px;

	padding-right: 40px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin: 0px;

}

#col-one ul {

	padding-left: 1em;

	font-size: 90%;

}

#col-one li {}

#col-two {

	float: left;

	width: 320px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 20px;

}

#footer {

	clear: left;

	padding: 5px 0 40px;

	background-color: #F2F7D8;

	background-image: url(../Imgs/footer-spr.gif);

	background-repeat: repeat-x;

	background-position: top;

}

#footer .author {

	margin-right: auto;

	margin-left: auto;

	width: 934px;

}

#footer .author a {

	display: block;

	width: 209px;

	background-image: url(../Imgs/kang_logo.gif);

	background-repeat: no-repeat;

	height: 32px;

	float: right;

	padding: 0px;

	background-position: bottom;

}

#footer .author a:hover {

	display: block;

	width: 209px;

	background-image: url(../Imgs/kang_logo.gif);

	background-repeat: no-repeat;

	height: 32px;

	float: right;

	padding: 0px;

	background-position: top;

}

/* -------------------------------------------------------

    Section[Content] :: Form[Structure]

   ------------------------------------------------------- */

/* General Form Structure */

form {

	text-align: left;

	padding: 0px;

	margin: 0px;

	float: left;

}

form h1{

	text-align: left;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #c9cbae;

}

form label, form .label {

	width: 150px;

	float: left;

	display: block;

	margin: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-align: left;

	font-size: 80%;

}

form input, form textarea {

	border: 1px solid #CDCDCD;

	width: 398px;

	float: left;

	margin-bottom: 10px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

}

.side-form {

	width: 320px;

}

.side-form label, .side-form .label {

	width: 100px;

	float: left;

	display: block;

	margin: 0px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	text-align: left;

	font-size: 80%;

}

.side-form input, .side-form textarea {

	border: 1px solid #CDCDCD;

	width: 215px;

	background-color: #FFFFFF;

	float: left;

	margin-bottom: 10px;

	padding: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

}

form .button, .side-form .button {

	padding: 0.1em;

	width: auto;

	height: 21px;

	visibility: hidden;

}

form fieldset {

	outline: 0;

	display: block;

}

form fieldset legend {

	font-size: 150%;

	font-weight: bold;

	background-color: #FFFFFF;

	margin: 0px;

	padding: 5px;

	color: #070502;

}

form fieldset .note {

	position: absolute;

	margin-left: 420px;

	width: 150px;

	background-color: #FFFFFF;

	padding: 10px;

}

form fieldset .note h4 {

	font-size: 120%;

	background-image: url(../Images/information.gif);

	background-repeat: no-repeat;

	padding-left: 16px;

	background-position: left top;

}

form fieldset ol {

	list-style: none;

	margin: 0;

	padding: 0;

}

form fieldset ol li {

	clear: left;

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}

form fieldset ol li input, form fieldset ol li select, form fieldset ol li textarea {



}

.radio {

	float: left;

}

.radio input {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	float: left;

	width: auto;

	padding: 0px;

	margin-top: 0px;

	margin-right: 8px;

	margin-bottom: 0px;

	margin-left: 0px;

}

.radio label {

	margin: 0px;

	float: left;

	width: auto;

	padding-top: 0px;

	padding-right: 15px;

	padding-bottom: 0px;

	padding-left: 0px;

}

form fieldset ol li .note {

	position: relative;

	left: 0;

	display: block;

	float: none;

	width: auto;

	background: none;

	border: none;

	font-size: 80%;

	margin-left: 180px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 8px;

	padding-left: 0px;

}

form fieldset ol li label {

	float: left;

	font-weight: bold;

}

form fieldset ol li div {

	display: inline;

}

form fieldset ol li fieldset {

	clear: none;

	margin-left: 120px;

	display: inline;

	width: auto;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	border: 1px solid #c9cbae;

}

form fieldset ol li div fieldset ul {

	display: block;

}

form fieldset ol li div fieldset legend {

	font-size: 100%;

	font-weight: bold;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	color: #070502;

}

form fieldset ol li div fieldset label {

	float: none;

	width: auto;

	text-align: left;

}

/* Buttons */

form fieldset ol .buttons {

	margin-left: 130px;

	color: #FFFFFF;

}

form fieldset ol .buttons input {

	font-weight: bold;

	color: #FFFFFF;

	width: auto;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}





/* Single Checkbox */



form fieldset ol .checkbox label {

	float: none;

	width: auto;

	margin-left: 130px;

}

form fieldset ol .checkbox input {

	width: auto;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: transparent;

}

/* Radio Group */

form fieldset ol .radiogroup div fieldset  {

	width: 210px;

	margin-left: 130px;

	float: left;

	margin-bottom: 0px;

}



form fieldset ol .radiogroup div fieldset ul li {

	display: inline;

}

form fieldset ol .radiogroup div fieldset ul li label {

	float: none;

}

form fieldset ol .radiogroup div fieldset ul li input {

	width: auto;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: transparent;

}

/* Checkbox List */



form fieldset ol .checklist div fieldset ul {

	list-style: none;

	max-height: 150px;





 height: expression(this.scrollHeight > 150 ? "150px" : "auto");

	overflow: auto;

	width: 210px;

}

form fieldset ol .checklist div fieldset ul, form fieldset ol .checklist div fieldset ul li {

	margin: 0;

	padding: 0;

}

form fieldset ol .checklist div fieldset ul label {

	display: inline;

	padding-left: 2px;

}

form fieldset ol .checklist div fieldset ul input {

	width: auto;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: transparent;

}



/* Radio List */



form fieldset ol .radiolist div fieldset ul {

	list-style: none;

	max-height: 150px;



 height: expression(this.scrollHeight > 150 ? "150px" : "auto");

	overflow: auto;

	width: 210px;

}

form fieldset ol .radiolist div fieldset ul, #contentform fieldset ol .radiolist div fieldset ul li {

	margin: 0;

	padding: 0;

}

 .form fieldset ol .radiolist div fieldset ul label {

 display: inline;

 padding-left: 2px;

}

form .radiolist input {

	width: auto;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-color: transparent;

}

form .submit, .side-form .submit {

	width: 45px;

	height: 11px;

	margin: 0;

	border: 0;

	overflow: hidden;

	cursor: pointer; /* hand-shaped cursor */

	cursor: hand; /* for IE 5.x */

	background-color: transparent;

	background-image: url(../Imgs/submit.gif);

	background-repeat: no-repeat;

	background-position: center top;

	float: right;

	padding-top: 11px;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 0;

}

.clear {

clear: both;}

.right {

	float: right;

}

.quote-block{

	width: 200px;

	padding: 3px;

	color: #8BC53E;

	text-align: center;

	border: 1px dashed #CDCDCD;

	font-size: 150%;

	font-style: italic;

	margin: 8px;

}

.left {

float: left;}

.nd {

display: none;}

.margin-bot {

	margin-bottom: 10px;

}

.horiz-rule {

	margin-bottom: 10px;

	padding-top: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #CDCDCD;

	display: block;

	float: left;

	width: 100%;

}

.padding-bot {

	padding-bottom: 10px;

}

.logo-icon {

	background-image: url(../Imgs/logo-icon.gif);

	background-repeat: no-repeat;

	background-position: right top;

	width: 100%;

	float: left;

	padding-bottom: 0.5em;

}



.call-back {

	background-image: url(../Imgs/call-back.gif);

	float: left;

	height: 30px;

	display: block;

	background-position: left;

	width: 320px;

}

.sap-consultancy {

	background-image: url(../Imgs/SAP™-consultancy.gif);

	float: left;

	height: 30px;

	width: 320px;

}



.col-span-four {

	float: left;

	width: 554px;

	background-image: url(../Imgs/col-span-bg.gif);

	background-repeat: repeat-y;

	background-position: left top;

	margin-top: 1em;

	margin-bottom: 1em;

}

.column {

	float: left;

	width: 118px;

	padding-right: 10px;

	padding-left: 10px;

	margin: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	font-size: 80%;

}

.side-nav {}

.side-nav ul {}

.side-nav li {

	list-style-type: none;

	padding-bottom: 0.3em;

}

.side-nav a {

	background-color: #F2F7D8;

	display: block;

	padding-left: 26px;

	text-decoration: none;

	padding-top: 5px;

	padding-bottom: 5px;

	background-image: url(../Imgs/arrow-list.gif);

	background-repeat: no-repeat;

	background-position: 5px 5px;

}

.side-nav a:hover {

	background-color: #8BC53E;

	color: #FFFFFF;

	font-weight: bold;

	background-image: url(../Imgs/arrow-list-hover.gif);

	background-repeat: no-repeat;

	background-position: 5px 5px;

}

h1 {

	font-size: 150%;

	font-weight: 100;

}

h2 {

	font-size: 120%;

	font-weight: 100;

}

p{

	font-size: 80%;

}

.warning {

	font-weight: bold;

	color: #8BC53E;

	background-image: url(../Imgs/warning-icon.gif);

	background-repeat: no-repeat;

	padding-left: 32px;

}

.leftimg {

	margin-right: 8px;

	margin-bottom: 8px;

	float: left;

}

.rightimg {}

.highlight {

	color: #017C76;

	font-weight: bold;

	font-size: 100%;

}

.quote-top {

	background-image: url(../Imgs/quote01.gif);

	background-repeat: no-repeat;

	padding-left: 25px;

	padding-right: 18px;

}

.quote-bot {

	background-image: url(../Imgs/quote02.gif);

	background-repeat: no-repeat;

	display: block;

	margin: 0px;

	padding: 0px;

	background-position: right bottom;

	float: left;

}

.error404{

	background-image: url(../Imgs/error404.gif);

	height: 70px;

	width: 554px;

}

.input {
    float: left;
    width: 200px;
}

.nestedinput {
width: auto ! important;
float: none;
display:block;
}