/* CSS Document */

/*--------------------------------------------------------------------------------------------
	Global 
  --------------------------------------------------------------------------------------------*/
html, body {
	margin:0;
	padding:0;
	height:100%;
	text-align:center; /* For IE < 6 centring */
}

body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:0.8em;
 background:#f5f5f5 url(/images/bg.png) center top repeat-y;
 behavior:url("/css/csshover.htc");
}


/* Floaters */
.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	line-height:0px;
	height:0px;
}
/* NB: Must have ie.css if you use this */
.clearfix:after {
  content:"."; 
  display:block;
	height:0;
  clear:both; 
  visibility:hidden;
}

/* Remove outlines in FF */
:focus { -moz-outline-style:none; }

a img {
	border:0;
}


/*--------------------------------------------------------------------------------------------
	Structural 
  --------------------------------------------------------------------------------------------*/
div#container {
	width:930px;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	background-color:#fff;
	text-align:left; /* Revert IE < 6 centring */
} 

/* Header */
div#header {
	width:100%;
	background:transparent url(/images/header_bg.png) left top repeat-x;
	margin-bottom:10px;
}
div#siteSearchBar {
	clear:both;
	background:#000 url(/images/header_cnr_bl.png) left bottom no-repeat;
}
div#siteSearchBarLiner {
	background:transparent url(/images/header_cnr_br.png) right bottom no-repeat;
}
div#advertTop {
	margin-bottom:1px;
}
div#quickLinks {
	margin-bottom:10px;
}
div#nav {
	float:left;
	width:180px;
}

div#contentWrapper {
	float:left;
	width:760px;
	margin-bottom:30px;
}
div#content {
	float:right;
	width:570px;
}

div#sidebar {
	float:right;
}

/* Footer */
div#footer {
	clear:both;
	width:100%;
	background:#000 url(/images/footer_cnr_l.png) left top no-repeat;
}


div#dqltag {
	position:relative;
	width:100%;
}
div#dqltag div {
	position:absolute;
	right:0px;
	top:-82px;
}
div#dqltag img {
	opacity:1;
}
div#dqltag a:hover img {
	opacity:0.75;
}


/*--------------------------------------------------------------------------------------------
	Layout 
  --------------------------------------------------------------------------------------------*/ 
div#header h1 {
	float:left;
	margin:0;
	padding:0;
	width:190px;
}
div#header ul {
	list-style:none;
	float:right;
	width:330px;
	margin:30px 0 0 0;
	padding:0;
}
div#header ul li {
	color:#fff;
	font-weight:bold;
	line-height:1.5em;
	padding-left:15px;
	background:transparent url(/images/bullet_arrow_hdr.png) left no-repeat;
}

/* Breadcrumbs */
div#breadcrumbsLabel {
	float:left;
	color:#fff;
	padding:7px 0 0 10px;
	font-size:0.9em;
}
div#breadcrumbs {
	float:left;
	width:420px;
	color:#fff;
	font-size:0.9em;
	padding:7px 0 0 5px;
}

/* Footer */
div#footer p {
	color:#fff;
	font-size:0.9em;
	margin:0;
	padding:10px;
	background:transparent url(/images/footer_cnr_r.png) right top no-repeat;
}
div#footer a {
	color:#fff;
	font-weight:bold;
}
div#footer a.left {
	margin-right:100px;
}
div#footer a.right {
	margin-left:40px;
}

/* Columns */
div.columnLeft {
	float:left;
	width:380px;
}
div.columnRight {
	float:right;
	width:180px;
}
div.columnHomeSmlLeft {
	float:left;
	width:135px;
}
div.columnHomeSmlRight {
	float:right;
	width:135px;
}

/* Panels */
h2.panel {
	color:#fff;
	text-align:center;
	font-size:1.2em;
	margin:0;
	line-height:23px;
	background:#ffa600 url(/images/panel_r.png) right top no-repeat;
}
h2.panel strong {
	display:block;
	background:transparent url(/images/panel_l.png) left top no-repeat;
}
h3.panel {
	color:#fff;
	text-align:center;
	font-size:0.9em;
	margin:0;
	background:#ffa600 url(/images/panel_r.png) right top no-repeat;
}
h3.panel strong {
	display:block;
	padding:3px 10px;
	background:transparent url(/images/panel_l.png) left top no-repeat;
}
div.columnHomeSmlRight h2.panel strong, div.columnHomeSmlLeft h2.panel {
	font-size:x-small; 
	line-height:150%;
	padding:3px 10px;
}
div.panelLiner {
	font-size:0.9em;
	color:#727272;
	line-height:1.4em;
	padding:5px 10px;
	margin:0 0 10px 0;
	overflow:hidden;
	border-left:solid 1px #ffb64c;
	border-right:solid 1px #ffb64c;
	border-bottom:solid 1px #ffb64c;
}
div.panelBG {
	background-color:#ededed;
}
div.panelLiner h4 {
	font-size:1.1em;
	/* color:#ffa600; */
	color:#363636;
	margin-bottom:0px;
}
div.panelLiner h4 + ul,
div.panelLiner h4 + p {
	margin-top:0px;
}
div.panelLiner form h4 {
	color:#ffa600;
	margin-bottom:5px;
}
div.panelLiner p {
	clear:both;
}
div.panelLiner a {
	color:#727272;
}
div.panelLiner a.article {
	color:#ffa600;
	font-weight:bold;
}
div.panelLiner img.right {
	margin:5px 0 5px 5px;
}
div.panelLiner ul {
	margin-left:10px;
	padding:0;
}

/* Dual Panels */
div.dualPanel {
	background:transparent url(/images/panel_dual_mid.png) left top repeat-y;
	margin-bottom:10px;
	width:570px;
}
div.dualPanelBot {
	clear:both;
	background:transparent url(/images/panel_dual_bot.png) left bottom no-repeat;
}
div.dualPanelLiner {
	padding:10px;
	background:transparent url(/images/panel_dual_top.png) left top no-repeat;
}
div.dualPanel div.columnLeft,
div.dualPanel div.columnRight {
	width:255px;
}
div.dualPanelLiner p.logo {
	text-align:center;
}
div.dualPanelLiner p, div.dualPanelLiner li {
    font-size:0.8em;
}

/* Boxes */
div#content div.box {
	padding:20px;
	border:solid 1px #999;
	text-align:center;
}
div#content div.box a {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	border:solid 1px #000;
	background-color:#ff9900;
}

/*--------------------------------------------------------------------------------------------
	Navigation 
  --------------------------------------------------------------------------------------------*/  
/* Main nav */
div#nav ul {
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
}  
ul#navbar {
	background:#fdfdfd url(/images/navbar_bg.jpg) left bottom repeat-x;
}  
ul#navbar li {
	font-weight:bold;
	border-top:solid 1px #cbcbcb;
}  
ul#navbar li.first {
	border-top:none;
}
ul#navbar li li {
	font-size:0.9em;
	font-weight:normal;
	border-top:none;
} 
ul#navbar a {
	display:inline-block; /* For IE white space bug */
} 
ul#navbar a {
	display:block;
	color:#484848;
	text-decoration:none;
	padding:4px 5px 4px 10px;
} 
ul#navbar a:hover {
	color:#ffa600;
}
ul#navbar li li a {
	color:#818181;
	padding:3px 5px 3px 25px;
	background:transparent url(/images/bullet_subnav.png) 15px 6px no-repeat;
} 
ul#navbar li li a:hover,
ul#navbar li li#subselected a {
	background:transparent url(/images/bullet_subnav_up.png) 15px 6px no-repeat;
} 
ul#navbar li#selected a {
	/* Selected menu item */
	color:#fff;
	background-color:#aaa;
}  

/*Extra style for home page item */
ul#navbar li#selected.first {
	background:#aaa url(/images/navbar_r.png) right top no-repeat;
}
ul#navbar li#selected.first a {
	background:url(/images/navbar_l.png) left top no-repeat;
}
  
/*--------------------------------------------------------------------------------------------
	Content Typography
  --------------------------------------------------------------------------------------------*/
/* Headings */
div#content h1 {
	color:#363636;
	font-weight:normal;
	font-size:1.8em;
	margin-top:20px;
}
div#content div.casestudy h1, div#content div.article h1 {
	font-size:1.6em;
	background-color:#ccc;
	border:solid 1px #999;
	text-align:center;
	margin-top:0;
	padding:5px 0;
}
h2 {
}
h3 {
	color:#363636;
	font-size:1.1em;
}
h4 {
}
/* Type */
p, li {
	font-size:0.9em;
	color:#727272;
}
p.leadin {
	color:#ff9904;
	font-size:1.0em;
}
div#siteSearchBar p {
	float:left;
	font-size:0.9em;
	color:#fff;
	line-height:29px;
	margin:0 0 0 10px;
	padding:0;
}
div#content p.caseStudyDesc {
	margin:0 250px 0 15px;
}
div#content p.print,
div#content p.date {
	text-align:right;
	color:#363636;
}
div#content p.print {
	margin-top:35px;
}
div#content p.date {
	font-weight:bold;
	font-size:1.1em;
	padding-top:10px;
}

div#content hr {
	border:none;
	color:#ccc;
	background-color:#ccc;
	height:1px;
}

/* Lists */


/* Links */
div#content a {
	color:#ff9905;
}
div#content li a {
	color:#727272;
	text-decoration:none;
}
div#content li a:hover {
	text-decoration:underline;
}
div#breadcrumbs a {
	color:#fff;
}
a.bttn {
	display:block;
	text-decoration:none;
}
a#goPanelGrey {
	float:right;
	width:39px;
	height:18px;
	background:transparent url(/images/bttn_go_grey.png) left top no-repeat;
}
a#topAnchor {
	position:absolute;
	top:0px;
	left:50%;
	line-height:1px;
	cursor:default;
}
div#content a.printerFriendly,
div#content p.print a {
	float:right;
	color:#666;
	text-decoration:none;
	background:transparent url(/images/icon_printer.png) left top no-repeat;
	padding-left:25px;
	height:16px;
	line-height:16px;
}
div#content a.printerFriendly {
	padding:0 15px 0 35px;
	height:22px;
	line-height:22px;
}
div#content p.solutionProvider {
	text-align:center;
}
div#content p.solutionProvider a {
	color:#000;
}


/*--------------------------------------------------------------------------------------------
	Forms - form, input, label etc
  --------------------------------------------------------------------------------------------*/
form {
	padding:0;
	margin:0;
}
form input,
form select {
	color:#000;
	font-size:10px;
}

form input.bttn {
	border:0;
	cursor:pointer;
}


/* Site Search */ 
div#siteSearchBar form {
	float:right;
	margin:0;
	padding-right:5px;
	height:29px;
}  
div#siteSearchBar form label {
	color:#fff;
	font-size:0.9em;
	margin:0px
} 
div#siteSearchBar form input,
div#siteSearchBar form select {
	color:#000;
	font-size:10px;
	margin:4px 0 0 8px;
	width:155px;
}
div#siteSearchBar form select {
	width:106px;
} 
div#siteSearchBar input#siteSearchSubmit {
	width:45px;
	height:22px;
	margin:0;
	background:transparent url(/images/bttn_go_sitesearch.png) left 1px no-repeat;
}
  
/* Case Studies Search */
form#caseStudiesSearch select {
	margin-bottom:5px;
	width:210px;
}
form#caseStudiesSearch input.bttn {
	width:40px;
	height:18px;
	background:transparent url(/images/bttn_go.png) left top no-repeat;
	margin-bottom:3px;
}

/* Domain Name */
form#checkDomain {
	margin:8px 0;
}
form#checkDomain label {
	font-weight:bold;
}
form#checkDomain input {
	width:105px;
	margin-bottom:5px;
}
form#checkDomain select {
	float:left;
	width:65px;
}
form#checkDomain input.bttn {
	float:right;
	width:40px;
	height:18px;
	margin:0;
	background:transparent url(/images/bttn_go_grey.png) left top no-repeat;
}

/* Ecyclopedia Lookup */
form#encyclopediaLookup {
	margin:10px 0;
}
form#encyclopediaLookup input {
	float:left;
	width:105px;
}
form#encyclopediaLookup input.bttn {
	float:right;
	width:40px;
	height:18px;
	margin:0;
	background:transparent url(/images/bttn_go.png) left top no-repeat;
}

/*--------------------------------------------------------------------------------------------
	Tables
  --------------------------------------------------------------------------------------------*/
table.results {
	border-collapse:collapse;
	width:100%;
}
table.results th {
	text-align:left;
}
table.results td {
	vertical-align:top;
}
table.results td.contentType {
	white-space:nowrap;
	padding-right:10px;
}
table.results p {
	margin:5px 0;
}

/* Pagination */
ul.paginationPrev,
ul.paginationNext {
	margin:0;
	padding:0;
	list-style:none;
	margin-top:10px;
}
ul.paginationPrev {
	float:left;
}
ul.paginationNext {
	float:right;
}
ul.paginationPrev li,
ul.paginationNext li {
	float:left;
}
div#content ul.paginationNext li a {
	line-height:18px;
	padding:0 5px;
	text-decoration:underline;
}
div#content ul.paginationNext li a:hover {
	color:#ff9905;
}
div#content ul.paginationNext li a#selectedPage {
	text-decoration:none;
	color:#ff9905;
}

.centeredcasestudysearch {
	margin-left:auto; margin-right:auto; width:270px;
}
div.paddedBox {
	padding-left:50px;	padding-right:50px;
}