body            { background: #333;  margin: 0; padding: 0; font-family: Arial, Helvetical, sans-serif; font-size: 62.5%; text-align: center;}

div             { text-align: left }

form            { margin: 0; padding: 0; }

a:hover         { text-decoration: underline; }

a               { color: #ed1261; text-decoration: none; position:relative; }

ul, ol          { font-size: 11px; margin-right: 10px;}

.hidden	    { display:none;}

object:focus {outline: none;}



#ioko-video-interview {position: absolute; top:50%; left:50%; margin-top:-102px; margin-left:-114px; display: none; z-index: 99}



/*#ioko-video-interview { width: 510px; position: relative; left: -300px; top: -200px; display: none; z-index: 99}*/

#startvideo     { position: relative; top: -6px; left: 8px; z-index: 1; cursor: hand; cursor:pointer;}

#startvideo img { position: relative; top: 5px }

#startvideo2    { position: relative; top: -12px; left: 8px; z-index: 1; cursor: hand; cursor:pointer;}

/* page layout divs */

#page               { position: absolute; top: 5px; }

#content            { position: relative; top: 50px; left: -16px; float: left; display:inline; width: 755px; height: auto; background: transparent url(/data/images/ioko/backgrounds/pinkBg/image/pinkbg.png); }

#searchBlock        { position: absolute; left:581px }

#searchbar          { clear: both; height: 27px; margin: 8px 0 0 0; padding: 0; width: 742px; float: left; display:inline; text-align: left; color: #fff; font-size: 12px; font-weight: bold; font-family: Arial, sans-serif; }

#searchbar a        { text-decoration: none; color: #fff; font-family: Arial, MS Shell Dlg, sans-serif; padding-left: 3px}

#searchbar a:hover  { text-decoration: underline; font-family: Arial, sans-serif;}

#searchbar input    { font-size: 12px; color: #999; font-family: MS Shell Dlg, Arial, sans-serif; font-weight:normal;}

#searchbar form     { float: left; display:inline;  margin: 0;}

#searchLabel	  { position: absolute; z-index: 1; margin-top: 3px; margin-left: 3px; font-size: 12px; color: #999; font-family: Arial, sans-serif; font-weight:normal; display:none;}

#right_menu         { float: right; display:inline; width: 191px; margin: 0 -16px 0 0; /*background: transparent;*/ }

#certlogos          { clear: both; float: left; height: 105px; position: relative; left: 728px; top: 60px; }

#footer             { height: 25px; width: 755px; clear: both; position: relative; z-index: 5 }



h1		{float:left; display:inline; font-size: 18px; color: #fff; margin: 0 0 0 98px; padding: 0; font-weight: normal; width: 482px; }

h1.altText	{}

.centralColArticle { float:right; width:490px; }

/* centre column style */
#centralCol  { float: right; width: 490px; min-height: 400px; }

/* home page styles */

#hometext       { width: 570px; height: 110px; float: left; background: #fff; position: relative; left: 0px; font-size: 11px; display:inline; }

.hptext         {width: 470px; float: left; display:inline; margin: 20px 0 0 90px; }

div#home_flash     { float: left; display:inline; width: 490px;  padding: 0 0 0 1px; background: #fff; position: relative; left: 80px;  }



/* menu styles */



#menu                   { padding-top: 8px; top: 20px; left: 81px; float: left; width: 171px;  height: 392px; background: url(/data/images/ioko/backgrounds/mainMenuBg/image/MainNav.png) no-repeat 0px 0px; z-index: 10;  position:relative;}

#menu ul                { margin: 0 0 0 12px; padding: 0; }

#menu li                { list-style-image: url(/data/images/ioko/backgrounds/listrule/image/listrule.png); font-size: 12px; color: #333; margin: 0 0 0 5px;  }

#menu li a              {  color:#ed1261; margin: 0; padding: 0; }

#menu li a:hover        {  color: #ed1261; }

#menu ul li.li_active   { list-style-image: url(/data/images/ioko/backgrounds/listrule_on/image/listrule_on.png); color: #333; padding: 0; margin: 0 0 0 4px; font-weight: bold; }

#menu ul li.li_active a { color: #333; }

#menu ul ul             { margin: 0 0 0 18px; }

.active                 { font-size: 12px; color: #333; font-weight: bold;  }





/* page background divs */



#homebg         { margin:0 auto; width: 980px; height: 800px; background-image: url(/data/images/ioko/backgrounds/homePageBg/image/Homepage_bg.png); background-repeat: no-repeat;}

#secondarybg    { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/girlBg/image/girlbg.png) no-repeat top left; }

#whowearebg     { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/whoWeAreBg/image/WhoWeAre_bg.png) no-repeat top left; }

#newsbg         { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/newsEventsAwardsBg/image/NewEvents_bg.png) no-repeat top left; }

#workbg         { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/workingBg/image/WorkingAtioko_bg.png) no-repeat top left; }

#adgbg          { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/appDevBg/image/AppDev_bg.png) no-repeat top left; }

#mansrvbg       { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/msBg/image/ManagedServices_bg.png) no-repeat top left; }

#customerbg     { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/customersBg/image/OurCustomers_bg.png) no-repeat top left; }

#partnerbg      { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/partnersBg/image/Partners_bg.png) no-repeat top left; }

#solutionsbg    { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/solutionsBg/image/Solutions_bg.png) no-repeat top left; }

#termsbg        { margin:0 auto; width: 980px; height: 800px; background: transparent url(/data/images/ioko/backgrounds/homePageBg/image/Homepage_bg.png) no-repeat top left; }



/* page styles */

#sec_head           { float: left; width: 570px; height: auto; background: #fff;  position: relative; left: 10px; border-bottom: 1px solid #999; padding: 0 0 10px 0; }

#sec_head p         { padding: 0 10px 0 10px; font-size: 11px; color:#333; }

li.bodylist         { font-size: 12px; list-style-image: url(/data//images/ioko/backgrounds/listrule_on.png); }

.footnote           { font-size: 10px; }

#ter_head           { float: left; width: 480px;  background: #fff;  position: relative; left: 10px; border-bottom: 1px solid #999; padding: 0 0 10px 90px; }

.desctext           { padding: 0 10px 0 10px; font-size: 11px; color:#333; }

#rminner            { width: 163px; background: #fff; height: auto; line-height:1.3}

#contactbox         { width: 164px; height: 27px; float: left; background: url(/data/images/ioko/backgrounds/contactUsBg/image/contactbg.png) no-repeat; font-size: 11px; padding: 5px 0 0 10px; }

#contactbox.cblink  { font-size: 12px; }

a.cblink            { font-size: 12px; }

.cbhead             { font-size: 12px; color: #ed1261; display: block; margin:0; padding:5px 10px 0; }

img.cbhead          { float: left; margin-top: 15px; }

#right_menu p       { padding: 5px 0 0 10px; font-size: 11px; color: #333; }

.rhmimage           { width: 50px; height: 80px; float: left; margin: 10px 0 0 10px;  }

.rhmimage img       { margin: 14px 0 0 0;}

.rhmtext            { width: 90px; height: 80px;  float: right; margin: 10px 10px 0 0; }

.mediatext          { font-size: 11px; }

.medialinks         { width: 163px; }

.medialinks .textcell { font-size:10px; float: left; }

#odLink             { clear:left; display:block; padding-right:45px; text-align:right; }

#mediacustomers     { width: 163px; height: auto; padding: 5px 0 0 0;}

#mediacustomers p   { font-size: 11px; padding: 5px 0 0 0; margin: 0; display: block; }

#mediacustomers #homeML p   { font-size:10px; padding:0 0px 0 7px;}

#homeML             { width: 90px;}

#customers          { width: 160px; padding: 14px 0 0 0; margin: 0; overflow: visible; }

#customers  p       { font-size: 1em; padding: 10px 0 0 5px; margin: 0; }

#callout            { position: relative; top: 5px;  width: 190px; }

.flashcallout       { float: right; position: relative; top: -18px; z-index: 80; }

#videoLink          { z-index: 20; width: 180px; height: 297px; background:transparent url(/data/images/ioko/backgrounds/videoCallOutBg/image/VideoCallOut_bg2.png) no-repeat scroll -3px -3px; padding: 0; margin:0;}

#vlcontent          { width: 161px; }

#custquote          { position: relative; top: -25px; left: 8px; height: 65px; padding: 4px 2px 0 0; width: 158px; font-size: 10px; }

#custquote2         { position: relative; top: -30px; left: 8px; height: 65px; padding: 0 2px 0 0; width: 158px; }

#features           { float: left;  position: relative; left: 10px; padding-top: 0px;  height: 160px; width: 570px; background: #fafafa; }

#features_hp        { float: left; padding-top: 0px;  height: 265px; width: 570px; background: #f1efef; margin-left: 10px; }

#boxcontainer       { float: right; position: relative; margin-right: 9px; }

#fbody              { z-index: 10; height: 160px; position: relative; background: #fff url(/data/images/ioko/backgrounds/bottomModuleBackground/image/bottomModuleBackground.png) repeat-x left bottom; }

#fbody_hp           { height: 100%; position: relative; background: transparent url(/data/images/ioko/backgrounds/subPagesPageletBg/image/Homepage_gradient_Full.gif) no-repeat right top;  }

#features2          { position: relative; left: 10px; height: 116px; padding-top: 5px;  float: left;  width: 570px; background: #fff url(../../../../images/ioko/backgrounds/shadow.png) repeat-x top; }

.featureImage       { position: relative; top:-10px; }

.feature_box        { float: left; width: 145px; margin: 5px 0 0 10px; position: relative; padding: 90px 0 0 5px; }

.feature_box img    { position: absolute; top: 0; left: 0; width: 148px; height: 90px; }

.feature_box p      { font-size: 11px; padding: 0 5px; color: #333; margin: 0; }

.feature_box a.linkbox      { font-size: 14px; height: 3.5em; display: table-cell; vertical-align: middle; }

.feature_box2       { float: left; width: 140px; margin: 5px 10px 0 0; padding: 0 0 0 10px; background: transparent;  }

.feature_box2 a     { font-size: 14px; }

.feature_box2 p     { padding: 5px 0 0 0; color: #333; margin: 0; font-size: 11px;  }

.textcell           { color:#333333; font-size: 11px; margin:0; width: 105px; font-size: 0.9em; }

#psLink             { position: relative; top: 90px; width: 138px;}

.linktable          { margin: 0 0 0 8px; width: 138px; height: 40px; border-collapse: collapse; }

.rhmdivider         { width: 164px; height: 10px; padding: 0 0 5px 0; }

.custlinks          { border-bottom:1px dashed #CCCCCC;margin:0;width:161px;padding-bottom: 5px;  }

.pcell              { padding: 6px 2px 0 10px; border-bottom: 1px dashed #ccc; color:#ed1261; font-size: 12px; height: 10px; }

.mlimagecell          { float:left; max-width:55px; padding:20px 0 0 10px; }

.imagecell          { padding: 25px 0 0 2px; max-width: 55px; float: left; }

#casestudylink      { margin: 0; width: 150px; height: 20px;}

.menudiv            { color:#333333; font-size:12px !important; margin:5px 0 0 12px; width:149px}

a.mulink            { color: #333; }

a.mulink:hover      { color: #ed1261; }

#secondarytitle     { float:left; display:inline; font-size: 18px; color: #fff; margin: 0 0 0 98px; padding: 0; font-weight: normal; width: 482px; }

#breadcrumbs        { position: relative; /*width: 490px;*/ height: 20px; border-bottom: 1px solid #ccc; padding: 3px 0 0 10px; }

#breadcrumbs h3     { font-size: 12px; font-weight: bold; padding: 0; margin: 0;}

.introtext          { padding: 0 10px 0 10px; color: #666; font-size: 14px; }

#featureleft        { float: left; width: 200px; text-align: right; padding-top: 10px; }

#featureright       { float: left; width: 330px; text-align: left; margin: 0 0 0 20px; }

#featureright p     { padding:  0; }

.csheading          { font-size: 12px; color: #ed1261; line-height: 20px; }

.subhd              { font-size: 12px; font-weight: bold;}

.subhd a            { color: #ed1261;  text-decoration: none;}

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

.alpha_list         { list-style-type: lower-alpha; margin-right: 10px; font-size: 11px; }

.management         { clear: both; margin: 5px 0 0 10px; width: 480px; }

.mgmtphoto          { width: 120px; float: left; margin: 0 0 5px 0; padding-left: 10px;  }

.mgmtext            { float:left; margin: 0 10px 10px 0; font-size: 11px; text-align: left; width: 300px;}
.mgmtext p          {margin-top: 0; padding-top: 0;width: 300px;}

.partner            { clear: both; margin: 5px 0 0 20px; width: 470px; }

.partnerlogo        { width: 150px; float: left; margin: 0; text-align: center; }

.partnertext        { float:left; margin: 0 10px 10px 0; font-size: 11px; text-align: left; width: 300px;}

.award              { clear: both; margin: 5px 0 20px 10px; width: 470px; }

.awardimage         { width: 150px; float: left; margin: 5px 0 0 0  }

.awardtext          { float:left; margin: 0 10px 10px 0; font-size: 11px; text-align: left; width: 300px;}

.firstpara          { padding: 0 10px 0 10px; font-size: 12px; color:#333; }

.font12		  { font-size:115%; }

.newsHdr	        { font-weight:bold; font-size: 1.2em; padding:0 0 15px 0; display:block; color: #333;}

.newsSubHdr			{ font-weight:bold; font-size: 1.1em; color: #333; }

a.newsArticle       { font-size: 11px}



#sm ul              { margin: 0 0 0 12px; padding: 0; }

#sm li              { list-style-image: url(/data/images/ioko/backgrounds/listrule.png); font-size: 12px; color: #333; margin: 0 0 0 5px;  }

#sm li a            {  color:#ed1261; margin: 0; }

#sm li a:hover      { color: #ed1261; }


/* ux custom menu styles */
#uxMenu                 { border-bottom: 1px solid #999; }

#uxMenu ul              { margin: 0 0 0 10px; padding: 0 0 5px; }

#uxMenu ul li           { display: inline-block; list-style: none; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #000; font-size: 0.9em; }

#uxMenu ul li.last      { border-right: none; }

#uxMenu ul li a         { color:#ed1261; text-decoration: none; display:block;}

#uxMenu ul li a:hover   { text-decoration: underline; }

/* footer styles */

#footer ul              { margin: 0 0 0 10px; padding: 5px 0 0 0; }

#footer ul li           { display: block; height: 12px; list-style: none; line-height: 12px; float: left; color: #fff; font-size: 11px;  margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #fff; }

#footer ul li.last      { border-right: none; }

#footer ul li a         { color: #fff; text-decoration: none; display:block;}

#footer ul li a:hover   { text-decoration: underline; }

/* video customer links */
/*.custlinks img          { float: left; }*/
.custlinks .textcell    { font-size:10px; float: left; }

.custlinks .cslink      { clear:left; display:block; padding-right:51px; text-align:right; }

.custlinks .caselink      { clear:left; display:block; padding-right:30px; text-align:right; }

/* who we are */
#whoWeAreArticle        { float: right; width: 490px; }

.featureText            {color:#333333; font-size:11px; margin:0; padding:5px 0 0;}


/* search results */
#searchResults          {clear:both; margin-bottom:auto; margin-left:10px; margin-right:10px; margin-top:5px;}
#srch                   {height:40px; left:60px; padding-left:10px; position:relative; top:20px; width:330px; }
#searchagain            {background:#ED1261 none repeat scroll 0;border:1px solid #ED1261;color:#FFFFFF;font-family:Arial;font-size:11px;font-weight:bold;padding-bottom:2px !important;padding-top:2px !important;width:100px;}
#srtitle				{border-bottom:1px solid #333333;height:30px;left:10px;margin:10px 0 0;position:relative;width:450px;}
#srchres				{clear:both;float:left;left:20px;position:relative;top:20px;width:470px;}
.sttext					{float:left;width:250px;}

input                   { font-family:Arial,sans-serif; font-size:10pt; }

#searchResults table    { border-bottom-width:0; border-collapse:collapse; border-left-width-ltr-source:physical; border-left-width-rtl-source:physical; border-left-width-value:0; border-right-width-ltr-source:physical; border-right-width-rtl-source:physical; border-right-width-value:0; border-top-width:0; width:100%;}
#searchResults a        { color: rgb(237, 18, 97); }
#srtitle p              { padding: 0px; }
.resultspager           {border:0 solid white; color: rgb(237, 18, 97);}
.resultspager td span   {color:black; font-weight:bold; }
.resultspager td span, .resultspager td a {padding-left:5px !important; padding-right:5px !important;}

input.searchagain       {background:#ED1261 none repeat scroll 0 0; border:1px solid #ED1261; color:#FFFFFF; font-family:Arial; font-size:11px; font-weight:bold; padding-bottom:2px !important; padding-top:2px !important; width:100px; }
.rModule                { padding-left: 10px; }
span.moduleTitle		{ color: #ed1261; font-size: 1.2em; margin-left: 1em; display: inline-block;}
div.moduleExcerpt		{ margin-left: 1em; position: relative; top: -20px; }
.rModule .moduleTitle   { margin-left: 0; }
.rModule .moduleExcerpt { margin-left: 0; }

.listItem               { position: relative; padding-left: 150px; }
.listIcon               { width: 150px; text-align: center; position: absolute; left: 0; top: 0; }
.listText               { width: 330px; }
#listItemIntroBlock.listItem { padding-left: 0; }
#listItemIntroBlock .listIcon { position: static; }
#listItemIntroBlock .listText { width: auto; }

/* MediaLinks custom menu styles */
#mediaLinksMenu                 { border-bottom: 0px solid #999; }

#mediaLinksMenu ul              { margin: 0 0 0 10px; padding: 0 0 5px; }

#mediaLinksMenu ul li           {  list-style: none; margin: 0 10px 0 0; padding: 0 10px 0 0; font-size: 12px; }

#mediaLinksMenu ul li.last      { border-right: none; }

#mediaLinksMenu ul li a         { color:#ed1261; text-decoration: none;}

#mediaLinksMenu ul li a:hover   { text-decoration: underline; }

#mediaLinksMenu ul li.joblink   {text-transform: lowercase; font-size: 11px; padding: 2px 0;}

#mediaLinksMenu span            {display: block; font-size:11px; margin:0; padding:5px 10px 0;  color: #333333}

.jobtitle   { border-bottom:1px solid #CCCCCC; height:20px; padding:3px 0 0 10px; position:relative; margin: 0 0 5px 0}
.jobtitle a { color: black; font-size:12px; font-weight:bold; margin:0; padding: 0px}

#mediaLinksMenu span#jobmenu.cbhead       {font-size:12px; padding: 5px 10px 10px; color:#ed1261;  }

.teaserTitle			{display:block;font-size:110%;font-weight:bold; padding-left: 10px; padding-bottom:5px}


#siteMapMenu    { margin-left: 80px; }
#siteMapMenu ul { padding: 0; margin: 5px 0 0 12px; list-style-image: url(/data/images/ioko/backgrounds/listrule/image/listrule.png); }
#siteMapMenu li { margin-left: 5px; }

.neaYear { padding: 0 10px 0 10px; margin-top: 10px;}

.contentClass { padding: 0 10px 0 0; margin-top: 10px;}

.teaserText            {font-size: 11px;padding-bottom: 10px}

#customers #text p   { font-size:10px; padding:0 0px 0 7px;}
#customers #homeML p   { font-size:10px; padding:0 0px 0 7px;}

.award {clear:both;margin:5px 0 20px 10px;width:470px;}


/** contact teasers ***************************/

.ctmCls { background:#eeeeee; clear:left; }

.ctcCls { padding:10px 0; border-bottom:1px solid #cccccc; }

.ctcCls .introCls,
.ctcCls .imageCls,
.ctcCls .dateCls,
.ctcCls .locationCls,
.ctcCls .linkCls { width:143px; margin:0 10px; } 

.ctcCls .introCls { color:#ED1261; font-size:1.1em; }

.ctcCls .imageCls { background:#ffffff; border:1px solid #cccccc; }

.ctcCls .imageCls img { margin:auto; max-width:100%; }

.ctcCls .dateCls { font-style:italic; }

.ctcCls .locationCls {}

.ctcCls .linkCls {}


/* contact form *******************************/

#contactForm fieldset {
	margin:0 10px;
	padding:10px;
	border: 1px solid #cccccc;
	background: #fafafa;
}

#contactForm fieldset input {
	width:140px;
}

#contactForm label {
	width:100px;
	font-weight:bold;
	margin:0 10px 0 0;
	display:block;
	float:left;
}

#contactForm textarea {
	width:300px;
}

.required {
	font-weight:normal;
	color:#ed1261;
}

#contactForm fieldset input,
#contactForm textarea {
	border: 1px solid #cccccc;
	padding:2px;
}

#contactForm fieldset input:hover,
#contactForm textarea:hover,
#contactForm fieldset input:focus,
#contactForm textarea:focus {
	border: 1px solid #999999;
}

#contactForm p {
	clear:left;
}

span.pageTitle	{ color: #ed1261; font-size: 1.2em; margin-bottom:10px; display: block;}

/* styles for LiveValidation */

.LV_validation_message{
font-weight:bold;
margin:0 0 0 10px;
font-size:0.85em;
width:150px;
}

.LV_valid {
color:#009900;
display:none;
}

.LV_invalid {
color:#ed1261;
}

#contactForm fieldset input.LV_valid_field,
#contactForm fieldset input.LV_valid_field:hover, 
#contactForm fieldset input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
}

#contactForm fieldset input.LV_invalid_field, 
#contactForm fieldset input.LV_invalid_field:hover, 
#contactForm fieldset input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
border: 1px solid #ed1261;
}