/* Attenda - April 2009 */
/* Website by www.cite.co.uk */
/* reset all css */
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, ima a, 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 {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline; }
:focus {	outline: 0;}
ol, ul, dl { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }

/* basic decs */
 
html { background: #e0e0e0 url(../gfx/body.jpg) left top repeat-x; height: 100%; margin-bottom: 1px; }
body { font-size: 72%; text-align: center; color: #666; font-family: arial, helvetica, sans-serif; }

h1, h2, h3,  h4, h5 ,h6 { font-size: 1.6em; color: #6d6d6d; font-weight: normal; margin-bottom: 10px; }
p { line-height: 145%; margin-bottom: 1em; }
a { color: #3350be; text-decoration: none; }
a:hover { text-decoration: underline; color: #6b768d; }
strong { font-weight: bold; }
strong a { color: #1C3A48; text-decoration: none; }
em { font-style: italic; }
acronym, abbr { border-bottom: 1px dotted #85BB4D; cursor: help; }
code { font-family: "Courier", "Times New Roman", serif; color: #000; padding: 1px 2px 1px 2px; background: #eee; }
blockquote { font-weight: bold; }
ul, dl { line-height: 1.5em; margin-bottom: 1em; }
#content ol li { list-style: decimal; margin: 0px 0px 5px 1.4em; }
#content ol li ol { margin-top: 1em; }
#content ol li ol li { list-style: lower-roman; margin-left: 3em; }

/* structure */

#wrap { 
	width: 984px; margin: 0 auto;
	background: #fff url(../gfx/logo-tag.gif) center top no-repeat;
	text-align: left;
}

#top { height: 86px;  }
#top img { z-index: 1 !important; position: absolute;  }
#top a { display: block; height: 86px; width: 984px; text-indent: -9999px; z-index: 999 !important; position: absolute; background: #fff url(../gfx/logo-tag.gif) center top no-repeat; }

/* navigation and breadcrumb */

#nav { padding: 8px 0px 10px 0px;  background: url(../gfx/nav.gif) center top no-repeat; margin-bottom: 2px; font-size: 12px; } /* fixed font-size stops mac/win difference */
#nav ul#cssdropdown { line-height: 1em; margin: -1px 0px 3px 0px; }
#nav ul#cssdropdown li { padding: 3px 11px 5px 7px; display: inline; }

#nav ul#cssdropdown li a { color: #fff; }
#nav ul#cssdropdown li a:hover { color: #fff; text-decoration: none; }
	
#nav ul#cssdropdown li.headlink { padding: 4px 20px 5px 7px; position: relative; z-index: 99 !important; background: url(../gfx/nav-lowlight.gif) right top no-repeat; }
#nav ul#cssdropdown li:hover.headlink { background: url(../gfx/nav-hilight.gif) right top no-repeat; }

#nav ul#cssdropdown li.headlink ul { 
	display: none;
	width: 18em;
	position: absolute; top: 23px; left: 0px;
	background: #21357e url(../gfx/ulliul2.jpg) left top repeat-x;
}

#nav ul#cssdropdown li.headlink:hover ul { display: block; z-index: 199; }

#nav ul#cssdropdown li ul li:first-child { border-top: 0px; }
#nav ul#cssdropdown li ul li, #nav ul#cssdropdown li ul li:first-child  { padding: 0px; display: block; /* border-top: 1px solid #3854bb; */ border-top: 1px solid #4863ce; }

#nav ul#cssdropdown li ul li a, #nav ul#cssdropdown li#nav-first ul li a { display: block; padding: 1px 7px; font-weight: bold; }

#nav ul#cssdropdown li ul li a:hover, #nav ul#cssdropdown li#nav-first ul li a:hover { background: #fff; color: #132b83; }

#nav ul#cssdropdown li ul li ul li a, #nav ul#cssdropdown li#nav-first ul li ul li a { color: #dedede; padding-left: 13px; }

#nav ul#cssdropdown li.headlink ul li ul { position: static; border: 0; margin-bottom: 0px; background: none; }
#nav ul#cssdropdown li.headlink ul li ul a { font-size: 0.95em; font-weight: normal !important; }

/* purely the first item in nav */
#nav ul#cssdropdown li#nav-first  { padding: 4px 20px 5px 27px; background: url(../gfx/nav-first-item-low.gif) left top no-repeat; }
#nav ul#cssdropdown li#nav-first:hover { background: url(../gfx/nav-first-item.gif) left top no-repeat; }
#nav ul#cssdropdown li#nav-first.headlink:hover ul { left: 20px; }

/* flash section */

#flash { height: 190px; width: 952px; margin: 0px 16px; overflow: hidden; margin-bottom: 8px; z-index: 1 !important; }

/* newsbar */

#newsbar { padding: 3px 0px 10px 25px; background: url(../gfx/newsbar.gif) center top no-repeat; height: 28px; color: #fff; position: relative; }
#newsbar a { text-decoration: none; color: #fff; }
#newsbar a:hover { text-decoration: underline; }
#newsbar a.rss { 
	float: right; margin-right: 25px; 
	background: url(../gfx/rss.gif) center left no-repeat;
	padding-left: 23px;
	color: #fff;
}
#newsbar span#latest { position: absolute; left: 28px; font-weight: bold; }
ul#rssoutput { position: absolute; left: 8em; width: 650px; }


/* main content divs */

#content { margin: 0px 15px; padding-bottom: 20px; }
#content ul li { list-style: none none; padding-left: 14px; background: #FFF url("../gfx/li.gif") left 5px no-repeat; }
#inner #subcontent ul li 
{
    /*list-style: none none;
    padding-left: 14px;
    background: #FFF url("../gfx/li.gif") left 5px no-repeat;*/
    margin-left:15px;
    list-style-type:square;
}

#inner { margin-left: 214px; background: url(../gfx/content.jpg) right top no-repeat; } 
.mhead-critical { background: url(../gfx/mhead-critical-apps.jpg) right top no-repeat !important; } 
.mhead-it { background: url(../gfx/mhead-it-infrastructure.jpg) right top no-repeat !important; } 
.mhead-saas { background: url(../gfx/mhead-saas.jpg) right top no-repeat !important; } 

#breadcrumb { color: #fff; padding: 5px 10px; font-size: 0.9em; height: 100px; }
#breadcrumb a { color: #fff; }
#breadcrumb h1 { color: #fff; font-size: 2.2em; font-weight: bold; margin: 15px 0px 0px 0px; }
#breadcrumb h2 { color: #6d6d6d; font-size: 2.2em; margin-bottom: 10px; }

/* accordion - left in page nav */

#subnav { width: 194px; float: left; } /* main one */

div#rnav { position: relative; top: -3px; } /* to counter the 3px margin on the div.title */

#subnav div.title { 
	background: url(../gfx/navtop.gif) center top no-repeat; 
	height: 20px; padding: 5px 6px 0px 6px;
	color: #fff; margin-top: 3px; position: relative;
}
#subnav div.title a { color: #fff; }
#subnav div.title span.trigger{ display: block; position: absolute; top: 5px; right: 5px; height: 15px; width: 15px; background: url(../gfx/arra.gif) center center no-repeat; }
#subnav div.title span:hover.trigger { cursor: pointer; }
#subnav div.rnav-inner { background: url(../gfx/navbg.gif) left top repeat-x; }
#subnav div.rnav-inner.hide { display: none; }
#subnav div.rnav-inner.show { display: block !important; }

/* inner accordion */
#subnav ul, #subnav ul li, #subnav ul li ul li, #subnav ul li ul li ul li { margin-bottom: 0px; margin-left: 0px; list-style: none none; background: none; padding: 0px; }
#subnav ul li a { display: block; padding: 0px 10px; text-decoration: none; font-weight: bold; }
#subnav ul li a:hover, #subnav ul li a.active { background: #818fac; color: #fff; }
#subnav ul li a:hover, #subnav ul li a.active { background: #818fac; color: #fff; }
#subnav ul li ul li a { font-weight: normal; font-size: 0.95em }

/* other subnav styling */

#subnav p { line-height: 1.2em; margin-bottom: 5px; }

/* main sub section of page */

#subcontent { width: 490px; float: left; }
#subcontent.full { width: 740px; float: left; }

div.subleft { width: 240px; float: left; }
div.subright { margin-left: 250px; }

.contactsections { margin-bottom: 15px; border-bottom: 1px solid #d6d6d6; }

#subcontent-extras { width: 194px; float: right; }
#subcontent-extras ul li { list-style: none none; padding-left: 0px; background: none; }
#subcontent-extras hr { height: 0px; border-top: 1px solid #6d6d6d; margin: 5px 5px 5px 5px; }

/* core left hand sub menu styles */
#subcontent-extras ul.sectioned { margin: 0px; list-style: none none; }
#subcontent-extras ul.sectioned li { background: url(../gfx/navtop.gif) center top no-repeat; color: #fff; margin: 0px !important; display: block; }
#subcontent-extras ul.sectioned li span { line-height: 2em; padding: 0px 9px; }
#subcontent-extras ul.sectioned li ul { background: url(../gfx/navbg.gif) left top repeat-x; padding: 5px 9px; height: 1%;  }
#subcontent-extras ul.sectioned li ul li { background: none; /* display: inline; */ color: #6d6d6d; }
/* styling the contents */
#subcontent-extras ul.sectioned li ul li blockquote { font-weight: bold; }
#subcontent-extras ul.sectioned li ul li p { margin: 0px; line-height: 1.4em; margin: 2px 0px; }
#subcontent-extras ul.sectioned li ul li hr {  }

#subcontent-extras ul.sectioned.pdf a { background: url(../gfx/pdf.gif) left 2px no-repeat; padding: 0px 0px 4px 23px; display: block; }
/* ul.sectioned.pdf a.notpdf { background: url(../gfx/notpdf.gif) left 2px no-repeat; padding-left: 23px; display: block; } */
#subcontent-extras ul.sectioned.pdf a.notpdf { background: none; padding-left: 0px; display: block; }
/* bodge span padding due to inconsistant content */
#subcontent-extras ul.sectioned span.hmn { padding-left: 23px; color: #666; line-height: 1em; } 
/* White paper reg form */

#content ul#ctl00_cph3_tblApply, #content ul#ctl00_cph3_tblForm{ list-style: none none; width: 600px; line-height: 1.8em; position: relative; }

#content ul#ctl00_cph3_tblApply li, #content ul#ctl00_cph3_tblForm li { list-style: none none; padding-left: 100px;margin-bottom: 5px; background: none; }
#content ul#ctl00_cph3_tblApply li.except, #content ul#ctl00_cph3_tblForm li.except { padding-left: 0px; margin-left: 0px;}
#content ul#ctl00_cph3_tblApply li.except label, #content ul#ctl00_cph3_tblForm li.except label { position: static;  }
#content ul#ctl00_cph3_tblApply label,#content ul#ctl00_cph3_tblForm label { position: absolute; left: 0; }

/* press release */

.EventTitle, .IntroTitle { font-size: 1.2em; color: #3350be; margin-bottom: 3px; font-weight: bold; }
.EventDate, .EventLocation  { margin-bottom: 3px; font-style: italic; }
.EventIntro { display: block; }
#subcontent div.pressreleases span { position: absolute; font-weight: bold; }
#subcontent div.pressreleases p { padding-left: 100px; line-height: 1.1em; margin-bottom: 5px; }
#subcontent div.pressreleases hr { margin: 10px 0px; }

div#pr-years { border-top: 1px solid #6d6d6d; border-bottom: 1px solid #6d6d6d; padding: 6px 0px 4px 0px; margin-bottom: 1em; }

p.big-fauxhead { font-size: 1.5em; font-weight: bold; margin-bottom: -2px; }

/* case studies */

#casestudy { margin-left: 214px; } 

#case-study-header { 
	height: 118px; 
	border-bottom: 1px solid #818fac; margin-bottom: 14px;
	position: relative; padding: 30px 0px 0px 10px;  	
}
#case-study-header h1 { color: #fff; font-size: 2.1em; font-weight: bold; margin: 0px; }
#case-study-header h2 { color: #e1e1e1; font-size: 2.1em; margin-bottom: 10px; }
#case-study-header p.pdf { 
	background: url(../gfx/pdf.gif) left top no-repeat; 
	padding: 0px 0px 5px 30px; margin-bottom: 10px;
	position: absolute; left: 0px; bottom: 0px; 
}

ul.bulleted li { list-style: none none; padding-left: 14px; background: url(../gfx/li.gif) left 5px no-repeat; }
.column1 { width: 355px; float: left; }
.column2 { width: 355px; float: right; }

/* content styling */

p.first { font-size: 1.5em; line-height: 1.3em; }
p.fauxheading { font-weight: bold; margin-bottom: 0px; font-size: 1.2em; }
a.readmore { background: url(../gfx/readmore.gif) left center no-repeat; padding-left: 15px; color: #3350be; }
ul.list-broad li { margin-bottom: 10px; }

ul.list  { list-style: none none; padding-left: 14px; background: url(../gfx/li.gif) left 5px no-repeat; }

#faq-col-nav ul li { padding-left: 14px; background: url(../gfx/li-pink.gif) left 0.4em no-repeat; }
#faq-col-nav ul li.active { background: url(../gfx/li-purple.gif) left 0.4em no-repeat; }
#faq-col-nav ul li.active a { color: #2e1068; }

/* events */
p.event { font-weight: bold; position: relative; line-height: 1.2em; padding-left: 50px; margin-bottom: 5px; }
p.event span { position: absolute; left: 0px; top: 1px; }
p.event-desc { margin-bottom: 1.5em; padding-left: 50px; }


/* home 5 col pre-footer */

div#col5bg { background: url(../gfx/col5.gif) center top repeat-y; height: 1%; }
.col5 { width: 165px; float: left; padding: 0px 5px; margin-right: 19px; }
.col5 p { margin: 5px 0px 0px 0px; line-height: 1.2em; }
.col5 p.fauxheading { font-size: 1.4em; }

div#col5bg .col5.grey { 
	width: 160px;
	background: url(../gfx/col5-grey.gif) center top no-repeat;
	position: relative; top: -10px;
	padding: 10px 5px 0px 10px;
	color: #fff; 
}

div.col5-grey-end { 
	background: url(../gfx/col5-grey-end.gif) center bottom no-repeat;
	position: absolute; width: 175px;
	bottom: -19px; left: 0px;
	height: 19px;
}
	
/* footer */

#footer { 
	width: 969px;
	margin: 12px auto;
	background: #ebebeb;
	color: #898989;
	padding: 7px 0px 7px 15px;
	text-align: left;
	font-size: 0.9em;
}
	
#footer span { float: right; margin-right: 15px; }

/* misc classes */

.col1 { color: #3350be !important; }
.col2 { color: #85BB4D; }
.lightgrey { color: #ddd; }
.grey { color: #666; }
.darkgrey { color: #333; }
.red { color: #e00 !important; }

.floatl { float: left; }
.floatr { float: right; }
.imgr { float: right; margin: 0px 0px 10px 10px; }
.center { text-align: center !important; }
.left { text-align: left !important; }
.textright { text-align: right !important; }

.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ptop { padding-top: 10px; }
.mtop { margin-top: 10px; }
.mbottom { margin-bottom: 10px; }

.bold { font-weight: bold; }
.ital { font-style: italic; }
.big { font-size: 1.6em; }
.mid { font-size: 1.2em; }
.lil { font-size: 0.9em; }
.skip { position: absolute; top: -999px; }
.help { border-bottom: 1px dotted #85BB4D; cursor: help; }

.nomargin { margin: 0px !important; }
.noborder { border: 0px !important; }

a.external { background: url(../gfx/externallink.gif) right center no-repeat !important; padding: 0px; padding-right: 17px !important; display: inline !important; margin-right: 5px; }