/*_-_-_-_-_Axeon Website CSS V1.1_-_-_-_-_*/
/*----------Open Platform  2008----------------------*/
/*----------Developed by Stephen Foster---------*/

/*-----    Last Update 13th November 2008    -------*/


/*--------------Reminders ----------------
Colours
Red = #ec264c
DarkGrey =#666666
MidGrey = #cccccc
LightGrey = #f0f0f0
BackingGrey = #f0f0f0
TextDark = #333333
TextNormal = #666666
TextLink = #ec264c

Fonts
Arial 11px, 12px, 14px, 27px 36px Bold
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-family: Arial, Verdana, Geneva, Tahoma, san-serif;
	font-size: 12px;
	color: #333;
	background-color: #fff;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
}
body.LTR, body.RTL {
	background-color: #f0f0f0;
}

/*---------Accesibility -------------*/
#skipBar {
	display: none;
/*further css to be added when creating the skip to content and skip to sub menu buttons*/
}
/*------------------------------------Fonts-----------------------------------------------*/
p {
	font-size: 1em;
	line-height: 1.6em;
	text-decoration: none;
}
a {
	/* color: #333; */
	color: #ec264c;
	text-decoration: none;
}

/* Copied colour setting to a as not recognised by IE */
a:link {
	text-decoration: none;
	color: #ec264c;
}
a:hover {
	text-decoration: underline;
	color: #ec264c;
}
a:link:hover {
	text-decoration: underline;
	color: #ec264c;
}
a:active {
	text-decoration: underline;
}
a img {
	/*border: none;*/
	background-color : #ccc;
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Verdana, Tahoma, Geneva, san-serif;
}
h1 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 2.6em;
	font-weight: 400;
	color: #666666;
}
h2 {
	font-size: 1.2em;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 5px;
	margin-bottom: 6px;
	color: #666;
	
}
h3 {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 3px;
	background-color: #666;
	color: #FFFFFF;
}
h4 {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 3px;
	background-color: #f0f0f0;
	color: #666;
}
h5 {
	font-size: 1.15em;
	font-weight: normal;
	line-height: 1.4em;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #999;
}

input {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 3px;
	color: #333;
	font-size: 1.2em;
	/*--SF added 151208--*/
	margin-left:2px;
}

#button {
	color: #ec264c;
}
#button:hover {
	background-color: #ec264c;
	color: #fff;
}
textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
	padding: 3px;
	font-family: Arial, Verdana, Geneva, Tahoma, san-serif;
	font-size: 1.1em;
}

ul {
	margin: 5px 5px 5px 10px;
	padding-left: 5px;
	list-style-type: disc;
	
}
li {
	padding-bottom:3px;
}

.enquiryForm {
}
.enquiryForm label {
	padding: 0px;
	margin: 0px;
}
.enquiryForm table td {
	white-space: nowrap;
}

.enquiryForm p {
	font-size: 1.1em;
}

.enquiryForm table p {
	line-height: 1em;
	font-weight: Bold;
}

.enquiryForm table {
	margin-top: 5px;
	width: 100%;
}
.enquiryForm table input {
	width: 135px;
	height: 20px;
	margin-bottom: 5px;
	padding: 0px;
}

.enquiryForm textarea {
	width: 183px;
	height: 50px;
	padding: 5px;
}

.enquiryForm .SubscriptionButton, .enquiryForm .FormButton {
	width: auto;
	height: auto;
	color: #ec264c;
	padding: 3px;
}
.enquiryForm .SubscriptionButton {
	font-size: 1.32em;
}

.enquiryForm p.submit {
	text-align: right;
	margin-top: 4px;
}
/*---icons----*/
.intIcon {
	background-image: url(../app_themes/axeon/lnkInt_icon.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 15px;
}
.extIcon {
	background-image: url(../app_themes/axeon/lnkExt_icon.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 15px;
}
.pdfIcon {
	background-image: url(../app_themes/axeon/pdfDoc_icon.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 15px;
}
.docIcon {
	background-image: url(../app_themes/axeon/wrdDoc_icon.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 15px;
}
.pagelinks a {
	display: block;
	width: 120px;
	float: left;
	background-image: url(../app_themes/axeon/lnkInt_icon.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-bottom: 6px;
}
/*-------------------------------------DIVs-------------------------------------------------*/
#wrapper {
	padding: 5px 5px 5px 5px;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
	/*width: 900px;
---Lock Width if needed*/
	width: 900px;
}
.clear {
	clear: both;
}
.ImageBox {
	background-color: #fff;
	border: solid #ccc 1px;
}
.ImageBoxClear {
	float: right;
	border: solid #fff 3px;
}
/*-------Header Area-------------*/
#header {
	width: 890px;
	height: 100px;
	position: relative;
}

#HeaderLineOne, #HeaderLineTwo, #HeaderLineThree, #HeaderLineFour {
	position: absolute;
	width: 795px;
	margin: 0px;
	padding: 0px;
	height: 20px;
	left: 105px;
	background-color: #fff;
}

#HeaderLineOne {
	top: 0px;
}
#HeaderLineOne a {
	
	padding-left: 10px;
}
#HeaderLineTwo {
	top: 25px;
}
#HeaderLineTwo a {
	font-size: 0.8em;
}

#HeaderLineThree {
	top: 70px;
	height: 25px;
	z-index: 1000;
}

#HeaderLineFour {
	top: 96px;
	height: 4px;
	line-height: 4px;
	font-size: 4px;
	background-color: #f0f0f0;
	z-index:0;
}
#headerIntro {
	color: #666;
}

#logo {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 100px;
	background-color: #fff;
}
#logo img {
	border: none;
}

/********* Tool Nav Bar *************/
#HeaderLineOne a.tools,
#HeaderLineOne span.inactive_tool {
	float: right;
	font-size: 0.8em;
	color: #666;
	padding-right: 10px;
	padding-top: 3px;
}
#HeaderLineOne div.inline {
	display: inline;
}

#HeaderLineOne a.tools:hover, 
#HeaderLineOne .tools a:hover {
	text-decoration: underline;
	color: #ec264c;
}



.toolNav {
	float: left;
	color: #ccc;
}
.toolNav ul {
	margin: 0;
	padding: 0px 0px 0px 5px;
	list-style: none;
}
.toolNav ul li {
	float: left;
	margin: 0;
	padding: 0;
}

.toolNav ul li a {
	font-size: 1em;
	color: #666;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #ccc;
}

.toolNav a:hover, .toolNav a.CMSListMenuLinkHighlighted {
	text-decoration: underline;
	color: #ec264c;
}

.toolNav li.CMSListMenuLIendItem a, .toolNav li.CMSListMenuHighlightedLIendItem a {
	border-right: none;
}

/******End tools*******/
.searchBox {
	z-index: 120;
	float: right;
	font-size: 0.8em;
	width: 125px;
}

.searchBox input {
	background-color: #f0f0f0;
	padding: 0px;
	vertical-align: middle;
}

.right {
	float: right;
}
#TimeDate {
	margin: 0;
	padding: 0;
	float: right;
	background-color: transparent;
	padding-right: 5px;
	padding-top: 1px;
	height: 20px;
	font-size: 0.8em;
}

/*--------------------------------------------------------------------*/
/*-----------------------------------------------Tab menu System in the Header--------------------------------------------*/

.globalNav {
	/*position: relative;*/
}

.globalNav * {
	z-index:1000;
}

.globalNav ul {
	/*padding: 0px 0 1.75em 1em;*/
	padding: 0px;
	margin: 0px;
	list-style: none;
}
.globalNav ul li ul {
	display: none;
}
.globalNav ul li:hover ul{ display: block; }
.globalNav ul li.sfHover ul{ display: block; }

.globalNav ul li:hover ul ul { display: none; }
.globalNav ul li.sfHover ul ul { display: none; }

.globalNav ul li.gNavCMSListMenuHighlightedLI a,
.globalNav ul li.gNavCMSListMenuHighlightedLIendItem a {
	color: #ec264c;
}
.globalNav ul li.gNavCMSListMenuHighlightedLI li a,
.globalNav ul li.gNavCMSListMenuHighlightedLIendItem li a {
	color: #333;
}
.globalNav ul li.gNavCMSListMenuHighlightedLI li a:hover,
.globalNav ul li.gNavCMSListMenuHighlightedLIendItem li a:hover {
	color: #ec264c;
}

.globalNav ul li {
	float: left;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	position: relative;
}
/*topbar*/
.globalNav ul a, .globalNav ul span {
	display: block;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	background: #fff;
	margin: 0px;
	line-height: 1em;
	padding: 5px 1em;
	border-right: 1px solid #aaa;
}
.globalNav ul a:hover, .globalNav ul a:active,
.globalNav ul a.gNavCMSListMenuLinkHighlighted:link,
.globalNav ul a.gNavCMSListMenuLinkHighlighted:visited {
	color: #ec264c;
}

.globalNav ul a.gNavCMSListMenuLinkHighlighted:link,
.globalNav ul a.gNavCMSListMenuLinkHighlighted:visited {
	position: relative;
}
/*subnav in the header under tabs*/
.globalNav ul ul {
	position: absolute;
	left: 0px;
	top: 25px;
	background: #fff;
	width: 150px;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	list-style: none;
	border: 1px solid #f00;
}
.globalNav ul ul li {
	float: none;
	display: block;
	padding: 0px;
}
.globalNav ul ul a, .globalNav ul ul span {
	font-weight: 400;
	color: #333;
	display: block;
	margin: 0px;
	padding: 7px 5px 7px 5px;
	border-right: none;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}
.globalNav ul ul a:hover {
	color: #ec264c;
}
.globalNav ul ul a:hover ul {
	background-color: #ec264c;
}
.globalNav ul .welcomeText {
	color: #333;
}
.globalNav ul .homeText {
	color: #999;
}
.globalNav ul .gNavCMSListMenuHighlightedLIendItem a, .globalNav ul .gNavCMSListMenuLIendItem a {
	border: 0px;
}



/*------------------------------------------------------------------------------------------------*/
/*-------Content Area-------------*/
#Content {
	background-color: #fff;
	width: 100%;
	padding-top: 5px;
	/*position: relative;*/
}
.breadCrumbs {
	padding: 5px 5px 5px 10px;
	background-color: #666;
	color: #FFFFFF;
}
.breadCrumbs a, .breadCrumbs .CMSBreadCrumbsCurrentItem {
	color: #FFFFFF;
	font-size: 0.8em;
	padding-left: 3px;
	padding-right: 3px;
}
.breadCrumbs a:hover {
	color: #ccc;
}
#FlashBox {
	background-color: #fff;
	/*sf 151208 -- border: solid #ccc 1px;*/
	padding: 0px;
	margin-top: 5px;
}
.PanelHeader {
	background-color: #f0f0f0;
	padding: 0px 5px 0px 5px;
	margin: 5px 0 0 0;
	font-weight: 800;
}
.PanelHeaderDrk {
	background-color: #ccc;
	padding: 0px 5px 0px 5px;
	margin: 5px 0 0 0;
	font-weight: 800;
}
.PanelHeaderRed {
	background-color: #ec264c;
	padding: 0px 5px 0px 5px;
	margin: 5px 0 0 0;
	font-weight: 800;
	color: #FFFFFF;
}
.HomeContent .PanelHeaderDrk {
	padding: 5px 5px 5px 5px;
	margin: 5px 0 0 0;
}
.PanelWhite {
	background-color: #fff;
	border: solid #ccc 1px;
	padding: 10px;
	font-size: 0.8em;
}
.PanelGrey {
	background-image: url(../app_themes/axeon/greyBacking.gif);
	background-repeat: repeat;
	font-size: 0.8em;
	min-height: 100px;
	padding: 6px;
}
.HomeContent .PanelGrey {
	font-size: 0.9em;
	padding: 10px 10px 10px 10px;
	line-height: 1.5em;
	color: #333;
}
#PopItems {
	line-height: 2.1em;
}
.PanelClear {
	background-color: #fff;
	border: solid #fff 1px;
	padding: 6px;
	font-size: 0.8em;
}
.HomeContent .PanelClear {
	font-size: 1em;
}
.HomeContent .PanelClear H1 {
	margin-top: 0px;
	margin-bottom: 5px;
}

.contentNav {
	margin-top: 25px;
	margin-left: 15px;
	margin-right: 5px;
}
.contentNav ul {
	display: block;
	color: #333;
	text-decoration: none;
	margin: 0px;
	list-style: none;
	padding: 0px;
}
.contentNav li {
	padding: 0px 0px 10px 0px;
}
.contentNav a {
	color: #333;
	font-size: 0.9em;
}
.contentNav a:hover {
	color: #ec264c;
	text-decoration: underline;
}
.contentNav a.cNavCMSListMenuLinkHighlighted, .contentNav div.cNavCMSListMenuLinkHighlighted a {
	color: #ec264c;
}

/* Sub menu (4th level down) items */
.contentNav UL UL {
	margin-top: 5px;
}
.contentNav ul ul li {
	background-color: #f0f0f0;
	margin-bottom: 2px;
	padding: 5px 5px 5px 10px;
}

.ContentleftColumn {
	float: left;
	background-color: #fff;
	width: 150px;
	margin-bottom: 60px;
}

.ContentRightColumn {
	float: right;
	background-color: #fff;
	width: 210px;
	margin-bottom: 60px;
}

.ContentMiddleColumn {
	float: left;
	width: 500px;
	margin-left: 15px;
	background-color: #fff;
	padding-bottom: 60px;
	margin-bottom: 0px;
}

.twoCol .ContentMiddleColumn {
	width: 725px;
}

.ContentMiddleColumn p {
	padding-top: 5px;
	padding-bottom: 5px;
}
.ContentMiddleColumn ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 10px;
	padding-left: 20px;
}
.ContentMiddleColumn ul li {
	list-style-type: disc;
	list-style-position: outside;
	/*sf added 151208--*/
	line-height: 1.6em;
	margin-bottom: 5px;
}

.ContentMiddleColumn img {
	border: none;
	margin: auto;
}

.ContentMiddleColumn img.bordered {
	border: 1px solid #ccc;
}

.ContentMiddleColumn img.borderedandspaced{
	border: 1px solid #ccc;
	margin: 5px;
}

/*-----Adjust columns for homepage---------*/
.HomeContent .ContentleftColumn {
	margin: 0px;
	padding: 0px;
	width: 296px;
}
.HomeContent .ContentMiddleColumn {
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	width: 297px;
}
.HomeContent .ContentRightColumn {
	margin: 0px;
	padding: 0px;
	width: 297px;
}
/*-------Footer Area-------------*/
#Footer {
	padding: 5px 5px 5px 5px;
	margin: 0px auto 0px auto;
	background-color: Transparent;
	width: 900px;
	font-size: 0.8em;
}

.PageTitle {
}
.ContentMiddleColumn #PageTools {
	float: right;
	margin-top: 10px;
}
.ContentMiddleColumn #PageTools a {
	padding-left: 5px;
	padding-right: 5px;
}
.ContentMiddleColumn #PageTools img {
	border: none;
	margin: 0px;
}
.PageSubTitle {
}
.PageContent {
}

#copyright {
	display: inline;
	float: left;
}

#OPdeveloped {
	width: 45%;
	float: right;
	text-align: right;
}

.backtotop {
	clear: both;
	float:right;
	position: relative;
	bottom: 0px;
	text-align: right;
	width: 490px
}

.backtotop a {
	background-color: #fff;
	padding: 3px;
	float: right;
}

.twoCol .ContentMiddleColumn #backtotop{
	width: 715px;
}

/* Calendar styles */
.eventCal {	
	background-color: #fff;
}

.eventCal  table {
	background-color: #ccc;
	color : #333;
	width: 500px;
	border : 1px solid #666;
	padding: 1px;

}
/*  Calendar TitleBar  */
.eventCal  TR TD TD 
{
	background-color: #666;
	color : #fff;
	text-align : center;
	border : 0px solid #f0f0f0;
}

.eventCal   a
{
	color : #ec264c;
	padding: 10px;

}


/*  Calendar Content  */
.eventCal  TR TD{
	background-color: #fff;
	color : #333;
	border : 1px solid #f0f0f0;
	


}

.eventCal  TR TD {
	background-color: #fff;
	text-align : center;
	color: #ccc;


}

.calendaritem {
	display: block;
	background-color: #fff;
	font-size : 0.8em;
	padding:0px;
}
/* News listing on Home Page */
.ContentMiddleColumn .newsPreviewHomeItem {
	margin-top: 5px;
}

.ContentMiddleColumn .newsPreviewHomeItem a {
	font-weight: 400;
}

.ContentMiddleColumn .newsPreviewHomeItem p {
	line-height: 1em;
	padding: 0px;
	margin: 0px;
}

/* Send To A Friend Popup Window Styles */
.sendToAFriendPopup {
	display: none;
	position: absolute;
	background-color: #f0f0f0;
	padding: 5px;
	border: 2px solid #666;
}

.sendToAFriendPopup .header { }
.sendToAFriendPopup .feedback {}
.sendToAFriendPopup .feedback .lblInfo {}
.sendToAFriendPopup .feedback .lblError {}
.sendToAFriendPopup .inputs {}
.sendToAFriendPopup .inputs .lblEmail {}
.sendToAFriendPopup .inputs .btnSend {}

.sendToAFriendPopup .txtMessageText {
	width: 275px;
}

/*--------AddBoxes on homepage-----------*/
.AddBox {
	border: 1px solid #ccc;
	font-size: 12px;
	margin: 0px;
	/*sf added 151208*/
	margin-bottom: 3px;
}
.AddBox .titlebox * {
	display: block;
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
}
.AddBox .titlebox a {
	font-weight: Bold;
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 0px;
}
.AddBox .titlebox .teaserphrase {
	font-size: 1em;
	margin-bottom: 10px;
}

.AddBox .imgbox {
	text-align: right;
	margin: 0;
	padding: 0;
}
#customSolution {
	margin-top: 10px;
	margin-left: 15px;
	font-size: 0.9em;
}

hr {
	border: 1px solid #ccc;
	line-height: 3px;
	margin: 0px; padding: 0px;
}

.ContentMiddleColumn .newsPreviewItem p,
.ContentMiddleColumn .searchItem p { 
	padding: 0px; 
}

.newsPreviewItem {
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
}

.newsPreviewItem .title { margin-bottom: 5px; }
.newsPreviewItem .title a {	color: #EC264C; font-weight: bold; }
.newsPreviewItem .summary {	margin-top: 5px; }

.searchItem {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.searchItem .title { margin-bottom: 4px; }
.searchItem .summary {	margin-top: 4px; }

.PagerNumberArea span {
	color: #999;
}

.dlgSearch {
	padding: 5px;
	background-color: #f0f0f0;
}

.dlgSearch input, .dlgSearch select {
	height: 20px;
}
.dlgSearch .CMSSearchDialogSearchButton {
	color: #EC264C;
	height: auto;
}

.OverViewItemFalse {
	display: none;
}
.OverViewItemTrue {
	width: 500px;
	border: 1px solid #ccc;
	margin-bottom: 6px;
}
.OverViewItemTrue td {
	padding: 5px;


}
.OverViewItemTrue .overviewIcon {
	width: 60px;
}

.OverViewItemTrue .overviewIcon img {
	border: 1px solid #ccc;
}

.OverViewItemTrue .text {
	width: 428px;
	text-align: left; 
}

.OverViewItemTrue .text a {
	font-weight: bold;
}

.OverViewItemTrue .text p.summary {
	padding: 0px;
}

/******* tab into page **********/
#keyboardshortcuts {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1em;
	width: 100%;
	text-align: center;
	z-index: 1000;
}
#keyboardshortcuts a {
	position: absolute;
	top: -500px;
	left: 0px;
	display: block;
	width: 100%;
	font-size: 0.8em;
	background-color: #eaebeb;
	color: #000;
	z-index: 10;
	padding: 3px 0 3px 0;
}
#keyboardshortcuts a:focus {
	top: 0px;
}
#keyboardshortcuts a.show {
	top: 0px;
}

/* Tag cloud for media library and searches */
.Cloud {
	font-size: 1.2em;
	line-height: 1.4em;
}
.Cloud a {
	text-decoration: none;
	padding: 3px;
}

.Cloud a:hover, .cloud a:active {
	text-decoration: underline;
}

a.cloudsize0 {
	font-size: 1.2em;
	font-weight:bold;
	color: #ec264c;
}
a.cloudsize1 {
	font-size: 1.2em;
	font-weight:bold;
	color: #ec264c;
}
a.cloudsize1 {
	font-size: 1.1em;
	font-weight:bold;
	color: #ec264c;
}
a.cloudsize2 {
	font-size: 1.1em;
	font-weight:400;
	color:#f6607c;
}
a.cloudsize3 {
	font-size: 1.1em;
	font-weight:400;
	color:#f5879c;
}
a.cloudsize4 {
	font-size: 1.0em;
	font-weight:400;
	color:#f5879c;
}
a.cloudsize5 {
	font-size: 1.0em;
	font-weight:400;
	color: #ec264c;
}
a.cloudsize6 {
	font-size: 0.9em;
	color: #ec264c;
}
a.cloudsize7 {
	font-size: 0.8em;
	color: #ec264c;
}
a.cloudsize8 {
	font-size: 0.8em;
	color: #ec264c;
}
a.cloudsize9 {
	font-size: 0.8em;
	color: #ec264c;
}
a.cloudsize10 {
	font-size: 0.8em;
	color: #ec264c;
}

/*----------------Sitemap------------------*/
.CMSSiteMapList UL{
	list-style: none;
	line-height: 1em;
}
/*----------------------------------------------*/

.enquiryForm p.shareprice {
	line-height: 1em;
	font-size : 2.5em;
	color: #333;
}

.enquiryForm p.shareprice span {
}

/*-------------------Careers--------------------*/
.vacancyListItem, .axeonEventList {
	border-bottom: 1px solid #ccc;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	font-size: 1em;
	clear: both;
}
.vacancyListItem a {
	color: #ec264c;
}

.vacancyListItem a, .vacancyListItem span.location, .axeonEventList span.location {
	font-size: 1em;
}

.vacancyListItem span.location, .axeonEventList span.location {
	float: right;
	color: #666;
}

.vacancyDetail table td, .axeonEventDetail table td {
	padding: 3px;
}
/*----------------------------------------------*/

/*--------------------Events--------------------*/
/* See Careers */
/*----------------------------------------------*/


.download a {
	font-weight: bold;
	color: #EC264C;
}