/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */



/* ----- IDS ----- */

/* NB --- do NOT style base HTML tags
body{}
*/

#bodyContainer { 
	text-align:center;
	background: #000 url(/images/background/backgroundRepeat_content.gif) repeat-x left top;
	padding: 0 0 10px 0;

}

#bodyContainerHome { 
	text-align:center;
	background: #000 url(/images/background/backgroundRepeatHome_content.gif) repeat-x left top;
	padding: 0 0 10px 0;
	position:relative;
}

#tabcontainer {
	display:block;
	width:989px; height:19px;
	margin:0 auto;
	padding:302px 0 0 0;
	background:transparent url(/images/background/tabTop_home.gif) no-repeat bottom right;
}
		
#container {
	margin:auto;
	text-align:left;
	width:989px;
	/*background:#FFF url(/images/background/footerCorner_dottedLine.gif) no-repeat left bottom;*/
	background: transparent url(/images/background/backgroundRepeat_page.gif) repeat-x left top;
}

.home #container {
	background: #FFF url(/images/background/homeBottomRepeat_background.gif) repeat-y left bottom;
}

/* 1. header */
#header{
	display:block; 
	width:989px; height:62px; 
	margin:0 auto; padding: 0;
	background: transparent url(/images/background/topBackground.png) no-repeat left top;
}

#logotypeBox {
	display:block; float:left;
	text-align:left; 
	padding:29px 0 0 0;
	width:328px; height:32px;
}

#toolsBox {
	display:block; float:left;
	width:654px; height:61px;
}

/* 2. navigation */
#kNavigation {
	display:block; 
	width:644px; height:27px;
	margin:0 auto; padding: 0;
}


/* 3. showcase example */
#showCaseExample {
	display: block; position:absolute;
	top:81px; left:50%;
	width:1115px; height:302px;
	margin-left:-557px; padding:0;
}

#showCaseExample img {
}

#showCaseImage {
	display:block; position:relative;
	float:left;
	width:697px; height:300px;
	/*background: transparent url(/images/TEMP/KFC_example.png) no-repeat left bottom;*/
}

#showCaseText {
	display:block; position:relative;
	float:left;
	width:250px; height:240px; /* 300-60 = 240 */
	padding:60px 0 0 0;
	text-align:left;
}


/* 3. Main Content */

#mainContentBox { 
	display:block; position:relative;	
	width:100%;
	margin:0; padding:0;
}

.home #mainContentBox { 
	background: transparent url(/images/background/homeBottom_background.gif) no-repeat left bottom;
}

.sidePanel-left, .mainContent, .sidePanel-right { 
	display:block; float:left; 
	margin:56px 0 0 0; padding:0;
}

.home .sidePanel-left, .home .mainContent, .home .sidePanel-right {
	margin-top:0;
}


/* 3.1 sidePanel-left  */
.sidePanel-left { width: 205px; }

.home .sidePanel-left { width: 245px; }

.sidePanel-left .content { background: #FFF url(/images/background/footerCorner_dottedLine.gif) no-repeat left top; }

.home .sidePanel-left .content { 
	background-image:none; width: 192px; /* 244-52 = 192*/
	padding: 23px 26px 81px 26px; 
	background: #FFF url(/images/background/sP-left_background.gif) no-repeat left bottom;
}

#secondaryNavShell {
	display:block;
	width:204px; height:205px;
	background-color: #FFF;
}

#secondaryNavEnd {
	display:block;
	width:204px; height:75px;
	background: #FFF url(/images/background/subnav_boxEnd.gif) no-repeat left bottom;
}

/* 3.2 main content */
.mainContent {
	width:534px;
}

.home .mainContent { width:413px; }
.showcase .mainContent { width:784px; }

.mainContent .content {
	padding:0 35px 30px 30px;
	width:469px; /* 534 - (35+30) = */
	min-height:170px;
	background: #FFF url(/images/background/mainContent_background.gif) repeat-x left top;
}

.home .mainContent .content {
	padding:27px 20px;
	width:373px;
	background: #FFF none no-repeat left bottom;
}

.showcase .mainContent .content {
	padding:0 16px 30px 30px;
	width:738px;
	/*background: transparent url(/images/background/mC_showcase_background.png) no-repeat left top;*/
}


/* 3.3 sidePanel */
.sidePanel-right {
	width:250px;
	background: transparent url(/images/background/sidePanel-right_header.png) no-repeat left top;
}

.home .sidePanel-right {
	width:331px;
	background: transparent url(/images/background/sP-right_home.gif) no-repeat left top;
}

.sidePanel-right .content {
	display:block;
	width:217px;
	padding:0 18px 100px 15px; margin: 9px 0 0 0;
	min-height:200px;
}

.home .sidePanel-right .content {
	position:relative;
	background-color: transparent;
}

#tb_overview table {
	width:281px;
}

.ui-tabs-nav {
	clear:both; position:absolute;
	top:-1px; right:15px;
	list-style-type:none;
	margin-left:115px;
	margin:0; padding:0;
	width:156px;
}

.ui-tabs-panel {
	display:block; clear:both;
	background:#F9 none repeat scroll 0 0;
	padding:25px; margin:25px 0 0;
	width:281px;
}

.ui-tabs-hide { display:none !important; }


/* 4. footer */
	
#footer { 
	clear:both; display:block; 
	width:100%; height:100px;
	margin:0; padding:0;
	font-family: Verdana, Arial, sans-serif;
	background: #000 url(/images/background/footerTop.gif) repeat-x left top;
}

.home #footer { background-image: url(/images/background/homeFooterTop.gif);} 

#footerNav { 
	display:block; float:left; 
	width: 964px; height:59px; 
	padding:32px 0 0 25px;
	background: transparent url(/images/background/footerTopwithCorner.gif) no-repeat left top;
}

.home #footerNav {
	height:44px;
	padding-top:25px;
	background: none;
}

#companyLogos {
	display:block; float:right;
	width:156px; height:16px; /* 137 width + X padding */
	margin:-4px 0 0 0; padding:0;
	text-indent:-1000em;
	background: transparent url(/images/logotypes/glassOnion_KCMS_logotype.gif) no-repeat left top;
}

#RSSBox {
	display:block; float:left;
}

#footerShare {
	display: block; float:left;
}

#addressBox {
	display:block; float:right;
	width:550px;
	margin:0 0 10px 0;
}



/* ----- CLASSES ----- */

.hide{}
.show{}

.col2 { display:block; width:100%; }
.lhcol { float:left; width: 50%; }
.rhcol { float: right; width:50%; }

.floatLeft { float:left; }

.popOut { 
	height:114px;
	width:469px; /* 534 - (35+30) = */
	padding:0 35px 0 30px;
	background: transparent url(/images/background/popOut_background.png) repeat-x left top;
}

.showcase .popOut {
	width:754px;
	padding-right:0;
	background: transparent url(/images/background/mC_showcase_background.png) no-repeat left top;
}	

.content { margin: 0; padding:0; background-color:#FFF; }

.clearer { 
	clear:both; 
	display:block;
	margin:0; padding:0;
	width:100%; height:0px;
}

.dottedClearer {
	border-bottom:1px dotted #BEBEBE;
	clear:both;
	display:block;
	height:10px;
	margin:0;
	width:100%;
}

.vcard {} /* li */
.org { display:none;}
.adr { color: #BABABA; margin:0 0 5px 0}


/* ----- HEADINGS ----- */

/* NB --- do NOT style base HTML tags
h1{}
h2{}
h3{}
h4{}
h5{}
*/

h2#pageName { 
	display:block; 
	font-size:24pt;
	color:#FFF;
}

.sidePanel-left h3 {
	display:block;
	width:178px; /* 205-27 = 178*/
	background: transparent url(/images/background/sP-left_header.png) no-repeat left top;
	color:#FFF;
	padding:10px 0 2px 27px;
}

.home .sidePanel-left h3 {
	display:block;
	height:25px; width:218px; /* 245-27 = 218*/
	background: transparent url(/images/background/sP-left_home.gif) no-repeat left top;
	color:#FFF;
	padding:10px 0 0 27px;
}

#showCaseText h3 { 
	display:block;
	color: #FFF;  
	font-size:24px; /* fixed as in an IPortal */ 
}

#showCaseText h4 { 
	display:block;
	margin-top:5px;
	color: #6E0012;
	font-size:16px; /* fixed as in an IPortal */ 
}

h3.portalHeadingMonth {
	display:block;
	padding:0 0 1em;
}

/* ----- PARAGRAPHS ----- */

/* NB --- do NOT style base HTML tags
p{}
*/

p.breadcrumbs { 
	display:block;
	width:100%;
	margin: 10px 0 6px 0; padding:0;
	font-size:75%; color:#FFF;
}

#showCaseText p { 
	display:block; 
	margin-top:5px;
	color:#DDD;  
	font-size:16px; /* fixed as in an IPortal */ 
}

.homeLatestNews p {
	margin-bottom:0.75em;
}


.homeLatestNews .withImage p {
	margin-bottom:0.25em;
}

.withImage .image {
	margin-bottom:0.75em;
}

p.mL_date {
	color:#A8A8A8;
	font-size:90%;
}


/* ----- QUOTES ----- */

/* NB --- do NOT style base HTML tags
blockquote{}
blockquote p{}
cite{}
blockquote cite{}
*/



/* ----- CODE ----- */

/* NB --- do NOT style base HTML tags
pre{}
code{}
p code{}
pre code{}
*/



/* ----- LISTS ----- */

/* NB --- do NOT style base HTML tags
ol{}
ul{}

li{}

ol li{}
ul li{}
*/

#kNavigation ul, #footerNav ul {
	float:left;
	list-style-type:none;
	margin:0; padding:0;
	font-size:75%;
}

#footerNav ul {
	font-size:63%;
	color: #FFF;
}

#addressBox ul {
	list-style-type:none;
	margin:0; padding:0;
	text-align: right;
	font-size:63%;
}


#kNavigation li, #footerNav li {
	display:inline;
	margin:0; padding:0;
}

#kNavigation li { 
	display:block; float:left;
	width: 156px; height:26px;
	margin:9px 1px 0 0;
}

#footerNav li { margin-right:7px; }

#footerNav li a { 
	color: #BABABA; text-decoration:none;
	padding:0 0 0 8px;
	border-left: 1px solid #636363;
}

#footerNav li a.lastNav { border-width:0}
#footerNav li a:hover { color: #FFF;}

#secondaryNav ul {
	display:block;
	margin:0; padding:10px 0;
	font-size:75%;
	list-style-type:none;
	background: #FFF url(/images/background/dottedLine.gif) repeat-y left top;
}

#secondaryNav li {
	margin:0 0 0 22px; padding:0;
}

#secondaryNav li a { 
	display:block; padding: 4px 5px;
	color: #838383;
	border-bottom: 1px dotted #E4AEB9;
	text-decoration:none;
}

#secondaryNav li a:hover, #secondaryNav li a.active { color:#333; }

#secondaryNav ul ul { 
	margin:5px 0 0 0; padding:0;
	font-size:100%;
	background-image:none;
	background-color: transparent;
}

#secondaryNav li li { margin-left:16px;}
#secondaryNav li li a {
	border-width:0;
}

.ui-tabs-nav li {
	display:block; float:left;
	width:76px; height:33px;
	margin: 3px 2px 0 0;
}

ul.monthList {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.monthList li {
	margin:0;
	padding:0 0 1em;
}



/* ----- IMAGES ----- */

/* NB --- do NOT style base HTML tags
img{ }
img a{ }
img a:hover{ }
*/

catList_item img.floatLeft {
	margin:0 18px 7px 0;
}

#catList_highlight img.floatLeft, .catList_item img.floatLeft {
	border:1px solid #D0D4D6;
}

/* ----- BREAK ----- */


/* NB --- do NOT style base HTML tags
hr{}
*/

.clearer hr, .dottedClearer hr { display:none; }



/* ----- LINKS ----- */

/* NB --- do NOT style base HTML tags
a{ }
a:hover{ }
a:visited, a:active, a:focus{ }
a:visited{ }
a:active{ }
a:focus{ }
*/

#kNavigation li.mN_ourc a,
#kNavigation li.mN_ours a,
#kNavigation li.mN_tech a,
#kNavigation li.mN_abou a {
	display:block; float:left;
	position:relative;
	width: 156px; height:26px;
	outline:none;
}


#kNavigation li.mN_ourc a span,
#kNavigation li.mN_ours a span,
#kNavigation li.mN_tech a span,
#kNavigation li.mN_abou a span {
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background: transparent url(/images/typographic/navigation.gif) no-repeat scroll left top;
}

#kNavigation li.mN_ourc a span { background-position:left top; }
#kNavigation li.mN_ourc a.active span, #kNavigation li.mN_ourc a:hover span { background-position:left -26px; }

#kNavigation li.mN_ours a span { background-position:-157px top; }
#kNavigation li.mN_ours a.active span, #kNavigation li.mN_ours a:hover span { background-position:-157px -26px; }

#kNavigation li.mN_tech a span { background-position:-314px top; }
#kNavigation li.mN_tech a.active span, #kNavigation li.mN_tech a:hover span { background-position:-314px -26px; }

#kNavigation li.mN_abou a span { background-position:-471px top; }
#kNavigation li.mN_abou a.active span, #kNavigation li.mN_abou a:hover span { background-position:-471px -26px; }

a#nextArrow, a#previousArrow {
	display:block; position:absolute;
	top:141px; left:61px;
	width:11px; height:13px;
	text-indent:-500em;
	outline:none;
	background: transparent url(/images/elements/arrows.gif) no-repeat left bottom;
}

a#nextArrow { left: 600px; background-position: right bottom;}
a#previousArrow:hover { background-position: left top;}
a#nextArrow:hover { background-position: right top;}

a.moreButton {
	display:block; clear:both;
	width:73px; height:17px;
	margin-top:10px;
	text-indent:-500em;
	outline:none;
	background: transparent url(/images/elements/moreButton.gif) no-repeat left bottom;
}

a.moreButton:hover { background-position: left top; }

.ui-tabs-nav li a {
	display:block; float:left;
	width:76px; height:23px;
	margin: 0; padding:10px 0 0 0;
	text-align:center;
	font-size: 75%;
	color: #FFF;
	text-decoration:none;
	background: transparent url(/images/background/sP-right_homeTab.gif) no-repeat left top;
	outline:none;
}

li.ui-tabs-selected a span, li.ui-state-hover a span {
	display:block; float:left;
	width:76px; height:23px;
	text-align:center;
	background: transparent url(/images/typographic/tabHighlight.gif) no-repeat center bottom;
}

p.breadcrumbs a { 
	padding:0 10px 0 0; margin:0 8px 0 0;
	background: transparent url(/images/typographic/arrow_breadcrumb.gif) no-repeat right center;
	color: #AF7B85; text-decoration:none; 
}
p.breadcrumbs a:hover { text-decoration:underline; }

a img { border-width:0; outline:none;}

.monthList h3 a, a.portalLinkMonth, .homeLatestNews a {
	color:#D43A3A; text-decoration:none;
}

.homeLatestNews a:hover {
	text-decoration:underline;
}	


#RSSBox a {
	display:block; float:left;
	padding: 2px 0;
	margin:0 10px 0 0;
	width: 44px; height:10px;
	background: transparent url(/images/logotypes/RSSfeeds.gif) no-repeat left 0;
	font-size:63%; text-indent:-12345em;
	color: #353535;
	text-decoration:none;
}

#RSSBox a:hover { color:#FFF;}

#footerShare a {
	display:block; float:left;
	padding: 2px 0;
	width: 15px; height:10px;
	background: transparent url(/images/elements/share.gif) no-repeat left 0;
	font-size:63%; text-indent:-12345em;
	color: #353535;
	text-decoration:none;
}

#footerShare a:hover { color:#FFF;}

/*
.catList_item p.readMore a {
	background:transparent url(/images/readMore.gif) no-repeat scroll right center;
	display:block;
	float:right;
	height:8px;
	overflow:hidden;
	padding:0 5px 0 0;
	text-indent:-500em;
	width:8px;
}
*/

 
/* ----- TABLES ----- */

/* NB --- do NOT style base HTML tags
table{ }
caption{ }
thead{ }
tbody{ }
tfoot{ }
tr{ }
tr .alt{ }
th{ }
td{ }
*/



/* ----- FORMS ----- */

form.searchForm {
	display:block; float:right;
	margin:4px 22px 0 0; padding:0;
	width:220px;
}

#searchLabel {
	display:block; float:left;
	width:20px; height:20px;
	margin:3px 2px 0 0; padding:0;
	overflow:hidden;
	text-indent:-1000em;
	background:transparent url(/images/form/searchLabel.gif) no-repeat scroll left top;
}

#searchCriteria {
	color:#333333;
	font-family:Helvetica,Arial,sans-serif;
	font-size:75%;
	height:16px; width:150px; /* [height] OR [width]- padding = [actual height] OR [actual width] */
	margin-top:3px !important; padding:4px 0 0 5px;
	border:0 solid #000;
	background:transparent url(/images/form/searchInput.gif) no-repeat scroll left top;
}

#searchGo {
	margin-top:3px !important; padding:0;
	vertical-align:top;
}

/* ----- DEFINITIONS ----- */

/* NB --- do NOT style base HTML tags

dl{}
dt{}
dd{}
*/