/*
 * Blue Fish Development Group
 * Main Style Sheet
 *
 */

/*
 * Main Selectors
 */ 

body {
	font: normal 13px/18px Arial, sans-serif;
	color: #333;
	background: #001c3a url("../images/bg.jpg") center top no-repeat;
	margin: 0;
	padding: 0;
}

a {
	color: #0671ab;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {
	margin: 0 0 20px 35px;
	padding: 0;
}

ul li {
	margin: 0 0 15px 0;
	padding: 0;
}

dl {
	background: #ECF3F7;
	padding: 0 10px 10px 10px;
}

dt {
	font-weight: bold;
	padding-top: 10px;
}

dd {

}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

input,
textarea {
	font: normal 12px/14px Arial, sans-serif;
	color: #000;
	padding: 2px;	
}

sup {
    line-height: 0px;
    *vertical-align: text-top;
}

/*
 * Layout
 */ 

	
#main {
	width:831px;
	margin:0 auto;
}

#topbg {
	float:left;
	width:100%;
	background:url(../images/bg-middle-top.jpg) no-repeat left top;
	}
	
#bottombg {
	float:left;
	width:823px;
	background:url(../images/bg-middle-bottom.jpg) no-repeat left bottom;
	padding:8px 4px 4px 4px;
	}

#container {
	float:left;
	width:823px;
	background:#fff url(../images/bg-container.jpg) repeat-x bottom;
	min-height:400px;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	}
	
* html #container {height:400px;}

#column-container {
	float:left;
	width:823px;
	background:#fff url(../images/bg-column-container.gif) repeat-y left;
	/*CHANGED FROM 400 to 200 DUE TO BOTTOM BG*/
	min-height:400;
	margin:-4px 0 0 0;
	}

* html #column-container {height:400px;}

#column-container #bottom-bg {
	float:left;
	width:100%;
	background:url(../images/bg-column-container-bottom.gif) no-repeat left bottom;
	padding:0 0 10px 0;
	}
#column-container #left-column {
	float:left;
	width:186px;
	padding:0 10px;
	background:url(../images/bg-left-column.gif) no-repeat left top;
	}
#column-container #right-column {
	float:right;
	width:617px;
	background:url(../images/bg-right-column.gif) no-repeat right top;
	}
	
#left-navigation {
	margin:0;
	padding:10px 0 0 0;
	list-style-type:none;
	}
	
#left-navigation li {
	padding: 2px 0 2px 8px;
	margin-bottom: 0px;
	background:url(../images/grey-style.gif) no-repeat 0 9px;
	color: #333;
	}

#left-navigation li a {
    display: block;
}

#left-navigation li a.active {
	color: #333;
}

#left-navigation li ul {
	margin: 0;
	padding: 2px 0 0 0;
    list-style-type: none;
}

#left-navigation li ul li {
	padding: 2px 0 2px 8px;
	margin-bottom: 0px;
	background:url(../images/grey-style.gif) no-repeat 0 9px;
}

#left-navigation li.active {
	background:url(../images/black-style.gif) no-repeat 0 9px;
}

#content {
	width:783px;
	padding:0 20px;
	font: normal 11px Arial, sans-serif;
	min-height:400px;
	}

/* for Internet Explorer */
* html #content {
	height: 400px;
}

#bottombg h4 {
	display:block;
	margin:0 0 4px 1px;
	color:#000;
	font-size:15px;
}

#column-container #content {
	width:579px;
	padding:0 18px 0 20px;
}

/*
 * Typography
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 10px 0;
}

h1 {
    font-family: "Trade Gothic Condensed 18", "Arial Narrow", Arial, Sans-Serif;
    font-weight: normal;
    font-size: 26px;
    line-height: 34px;
	color: #cc0033;
}
h1 cufon {
    margin-top: 3px;
}

h2 {
	font: bold 13px/17px "Arial Narrow", Arial, sans-serif;
	color: #666;
}
	
h3 {
    font: normal 18px Arial, sans-serif;
	color: #000;
	margin: 0 0 10px 0;
}

h3.major {
	color: #666;
	background: #efefef;
	padding: 8px 9px 7px 9px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 20px;
}

h4 {
	font: bold 15px Arial, sans-serif;
	color: #000;
	margin: 0 0 12px 0;
}

h4 span {
	font-size: 13px;
}

h5 {
    font: bold 13px/17px Arial, sans-serif;
	color: #333;
}

h6 {
    font: bold 13px/17px Arial, sans-serif;
    color: #333;
}

p {
	margin: 0 0 10px 0;
}
	
#content p {
	font-size:13px;
	color:#333;
	line-height:19px;
	margin:0 0 10px 0;
}

#features h3 {
    font: bold 15px/19px Arial, sans-serif;
	color: #333;
	margin: 15px 0 3px 0;
}

#features p {
	font-size:13px;
	color:#333;
	line-height:19px;
	margin:0 0 6px 0;
}

#content ul, .article_text ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 5px 20px;
}

.article_text ul {
	margin-bottom: 20px;
}

#content ul li, .article_text ul li {
	font: normal 13px/17px Arial, Helvetica, Sans-Serif;
	color: #333;
	padding: 2px 0 2px 10px;
	margin: 0;
	background:url(../images/grey-style.gif) no-repeat 0px 7px;
}

#content ol, .article_text ol {
	margin-top: 5px;
}

#content ol li, .article_text ul li ol li {
	background: none;
	padding-left: 0;
}
	
#column-container #left-column h2 {
	color:#fff;
    font-family: "Trade Gothic Bold", "Gill Sans", Impact, Sans-Serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
	margin:6px 0 10px 0;
}
#column-container #left-column h2 cufon {
    margin-top: 3px;
}	

/*
 * Forms
 */ 

/*
input.text,
select,
textarea {
	font-family:arial,sans-serif;
	color:#666;
	font-size:11px;
	}
*/
	
input.text {
	margin-bottom: 5px;
	height:14px;
	font-weight:normal;
	}
	
/*
 * Generic Rules
 */

.floatleft {
	float:left !important
}

.floatright {
	float:right !important
}

.clear {
	clear:both !important
}

.block {
	display:block !important
}

.clear-after:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear-after {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clear-after {height: 1%;}
.clear-after {display: block;}
/* End hide from IE-mac */

.indent {
	margin-left: 20px;
	margin-bottom: 10px;
}

a.all {
	position: relative;
	bottom: 15px;
	left: 15px;
	padding-left: 8px;
	text-decoration: none;
	background: url("../images/bg_arrow.gif") 0 6px no-repeat;
}

.hidden {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* buttons class for a link to be selectable within the entire width of the column it is in*/
.buttons a {
	display: block;
	text-decoration: none;
	text-align: left;
}

.buttons a:hover {
	text-decoration: underline;
}
/* end buttons class */

div.line {
	clear:both;
	width:100%;
	height:1px;
	margin:0 0 10px 0;
	background:#B6CCD2;
	overflow:hidden;
}

ul.listing {
	margin:0;
	padding:5px 11px 2px 11px;
	list-style:none;
}
	
ul.listing li {
    padding:0 0 8px 0;
    margin: 0;
    line-height: 15px;
}

ul.listing li a {
	padding:0 0 0 8px;
	background:url("../images/grey-style.gif") no-repeat 0 5px;
	display:block;
}

li.all {
    padding: 10px 0 8px 0 !important;
}

li.all a {
	padding: 0 0 0 8px;
	background: url("../images/blue-arrow.gif") no-repeat 0 5px !important;
}

p.press-date {
	color: #000;
	font: bold 14px Arial, Sans-Serif;
	margin: 10px 0 0px 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.pad-left {
	margin-left: 10px;
}

.pad-right {
	margin-right: 10px;
}

.pad-top {
	margin-top: 10px;
}

.pad-bottom {
	margin-bottom: 10px;
}

/*
 * Listing 2
 */
 
 ul.listing-2 {
     margin: 0;
     padding: 0;
     list-style-type: none;
 }

 ul.listing-2 li {
     color: #666;
     font-weight: bold;
     margin: 0 0 5px 0;
     padding: 0;
     font: normal 15px/17px Arial, sans-serif;

 }

 ul.listing-2 li ul {
     margin: 10px 0 10px 5px;
     padding: 0 0 0 20px;
     list-style-type: none;
 }

 ul.listing-2 li ul li {
     color: #666;
     font-weight: normal;
     margin: 0;
     padding: 0 0 5px 10px;
     font: normal 12px Arial, sans-serif;
     background: url("../images/grey-style.gif") no-repeat 0 3px;
 } 
 
/*
 * Listing-3
 */

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

 ul.listing-3 li {
     color: #666;
     font-weight: bold;
     margin: 0 0 5px 0;
     padding: 0 0 0 10px;
     font: normal 12px Arial, sans-serif;
     background: url("../images/grey-style.gif") no-repeat 0 3px;
 }
 
 ul.listing-3 li span {
	font-size: 10px;
 }
 
/*
 * Sitemap
 */
 
#sitemap ul {
    list-style-type: none;
    margin: 0 0 0 5px;
    padding: 0;
}
 
#sitemap ul li {
    padding: 0 0 0 10px;
    margin: 0;
	background: url("../images/grey-style.gif") no-repeat 0 5px;
}

#sitemap ul li ul {
    margin: 0px;
}

#sitemap ul li ul li {
    margin: 5px 0 5px 0;
	color: ;
}

#sitemap a span {
	color: #666;
	text-decoration: none;
}

#sitemap a:hover span {
	color: #0671ab;
}

/*
 * Content Boxes
 */

/* box of variable with based on inline width style */

.box {
	margin: 0 0 9px 0;
	background: #F0F4F6 url(../images/box-gradient.gif) repeat-x bottom;
}
	
.box .header {
	width: 100%;
	background: #8AC0DB url(../images/box-header.gif) repeat-x top;
	height: 42px;
}

.box .header div {
	width: 100%;
	background: url(../images/box-header-right.gif) no-repeat right top;
}

.box .header div div {
	width: auto;
	padding: 15px 0 0 11px;
	height: 27px;
	background: url(../images/box-header-left.gif) no-repeat left top;
}

.box .header h3 {
	margin:0;
	color:#fff;
	font-size:12px;
}

.box .content {
	overflow:hidden;
	width:100%;
}

.box .content div {
	overflow:hidden;
	float:left;
	width:100%;
	background:url(../images/dot.gif) repeat-y right;
}

.box .content div div {
	background:url(../images/dot.gif) repeat-y left;
}

.box .bottom {
	background:url(../images/dot.gif) repeat-x bottom;
	height:4px;
	width:100%;
	overflow:hidden;
}	

.box .bottom div {
	float:left;
	height:4px;
	width:100%;
	overflow:hidden;
	background:url(../images/bg-box-bottom-right.gif) no-repeat right top;
}
	
.box .bottom div div {
	background:url(../images/bg-box-bottom-left.gif) no-repeat left top;
}
	
.box .listing {
	margin-top: 10px;
}
	
three-col {
	float:left;
	width:100%;
	overflow:hidden;
	margin:0 0 -4px 0;
}
	
.three-col ul {
	float:left;
	width:30%;
	padding:12px 0 0 10px;
	padding-bottom:1000px;
	margin-bottom:-985px;
	border-right:1px solid #B6CCD2;
}
	
.three-col ul.last {
    border:0;
}

div.big-box {

	float:left;
	width:100%;
	background:#D5E2E8 url(../images/bg-big-box.gif) repeat-y left;
	margin:0 0 9px 0;
}

div.big-box .topbg {
	float:left;
	width:100%;
	background:url(../images/bg-big-box-top.gif) no-repeat left top;
	}
div.big-box .bottombg {
	float:left;
	width:765px;
	background:url(../images/bg-big-box-bottom.gif) no-repeat left bottom;
	padding:13px 0 18px 18px;
	}
	
/* For boxes within big-box, I have added smaller box and smallest box */
div.big-box h2 {
	margin:0 0 10px 0;
	color:#c03;
	font-size:15px;
	font-weight:normal;
}
	
div.big-box h3, 
.box h3,
.smallest-box h3, 
.smaller-box h3, 
.small-box h3,
.medium-box h3,
.products-table h3 {
	margin:0 0 10px 0;
	overflow:hidden;
	text-indent:-999px;
}

div.big-box h2 {margin-left:2px;}
div.big-box h3 {margin:0;}

div.big-box li {margin-bottom: -4px;}
.products-table h3 {margin:0;}

div.big-box .column {
	float:left;
	width:181px;
	margin:0 8px 0 0;
}

div.big-box .column .header {
	width:171px;
	height:27px;
	padding:14px 0 0 10px;
	background:#97C8E1 url(../images/bg-column-header.gif);
}
	
div.big-box .column .content {
	width:181px;
	background:#fff url(../images/bg-big-box-column.gif) repeat-y left;
}

div.big-box .column .content .bottom {
	width:179px;
	background:url(../images/bg-big-box-column-bottom.gif) no-repeat left bottom;
	padding:0 1px;
}

* html div.big-box .column ul {height:140px;}
div.big-box .column ul {
	min-height:140px;
	background:url(../images/gradient.gif) repeat-x top;
}
	
.small-box ul, 
.smaller-box ul, 
.smallest-box ul, 
.medium-box ul {
	min-height:119px;
	}

* html .small-box ul,
* html .smaller-box ul,
* html .smallest-box ul,
* html .medium-box ul {
	height:119px;
	}
		
.small-box li, 
.smaller-box li, 
.smallest-box li, 
.medium-box li {
	margin-bottom:0px;
	}
	

.smallest-box-spacer{
	width: 6px;
	height: 1px;
}

.smallest-box {
	width:191px;
	background:#F0F4F6 url(../images/bg-smallest-box.gif) repeat-y left;
	margin:0 0 9px 0;
}
	
/* tophalf exists to contain the tophalf of the practices boxes
for the purpose of their jquery controlled rollovers.
*/
.smallest-box .practices_tophalf .header {
	width:191px;
	height:27px;
	padding:14px 0 0 0px;
	background:#97C8E1 url(../images/bg-smallest-box-header.gif);
}

.smallest-box .practices_tophalf .middle{
	background: #D5E2E8  url(../images/bg-smallest-box-middle.gif) repeat-y left;
	min-height: 50px;
	padding: 15px 13px 15px 13px;
	line-height: 17px;
	color: #333;
}

.smallest-box .practices_tophalf.on .header{
	width:191px;
	height:27px;
	padding:14px 0 0 0px;
	background:#97C8E1 url(../images/bg-smallest-box-header_on.gif);
	cursor: pointer;
}
	
.smallest-box .practices_tophalf.on .middle{
	background: #D5Efff  url(../images/bg-smallest-box-middle_on.gif) repeat-y left;
	min-height: 50px;
	padding: 15px 13px 15px 13px;
	cursor: pointer;
}

.smallest-box .practices_tophalf .header h3 {
   margin: 0 auto 0 auto;
   padding: 0;
}

.smallest-box .bottom {
	width:189px;
	background:url(../images/bg-smallest-box-bottom.gif) no-repeat left bottom;
	padding:0 1px;
	position: relative;
	padding-bottom: 30px;
}

.smallest-box .bottom a.arrowed {
	position: absolute;
	bottom: 10px;
	margin-left: 12px;
	margin-top: 20px;
}
	
.smaller-box {
	width:281px;
	background:#F0F4F6 url(../images/bg-smaller-box.gif) repeat-y left;
	margin: 20px 0 9px 0;
}
	
.smaller-box-spacer{
	width: 9px;
}
	
.smaller-box .header {
	width:271px;
	height:27px;
	/* height: 41px; */
	padding:14px 0 0 10px;
	background:#97C8E1 url(../images/bg-smaller-box-header.gif) no-repeat left top;
}

.smaller-box .header h3 {
    margin: 0 0 0 10px;
    padding: 0;
}

.smaller-box .bottom {
	width: 278px;
	background:url(../images/bg-smaller-box-bottom.gif) no-repeat left bottom;
	padding: 0 1px;
}
	
/* END ADDITION ------------- */

.small-box {
	width:301px;
	background:#F0F4F6 url(../images/bg-small-box.gif) repeat-y left;
	margin:0 0 9px 0;
}
	
.small-box .header {
	width:291px;
	height:27px;
	padding:14px 0 0 10px;
	background:#97C8E1 url(../images/bg-small-box-header.gif);
}
	
.small-box .bottom {
	width:299px;
	background:url(../images/bg-small-box-bottom.gif) no-repeat left bottom;
	padding:0 1px;
}
	
.medium-box {
	width:472px;
	background:#F0F4F6 url(../images/bg-medium-box.gif) repeat-y left;
}
.medium-box .header {
	width:462px;
	height:27px;
	padding:14px 0 0 10px;
	background:#97C8E1 url(../images/bg-medium-box-header.gif);
}
.medium-box .bottom {
	float:left;
	width:470px;
	background:url(../images/bg-medium-box-bottom.gif) no-repeat left bottom;
	padding:0 1px;
}
.medium-box ul {
	float:left;
	width:28%;
}

/*
 * Fish Finder
 */

#fish-finder {
	position:relative;
	width:100%;
	height:70px;
	background:#DDEBB6 url(../images/bg-main-search.gif) no-repeat left top;
	margin:0 0 9px 0;
	}
	
#fish-finder .enter {
	position:absolute;
	top:11px;
	left:18px;
	}
	
#fish-finder .filters {
	position:absolute;
	top:14px;
	left:318px;
	}
	
#fish-finder .filters input {
	margin:0 2px 0 0;
	width:15px;
	height:14px;
	vertical-align:top;
	}
	
#fish-finder .filters label {
	margin:0 20px 0 0;
	}

#fish-finder strong {
	display:block;
	margin:0 0 4px 1px;
	color:#c03;
	font-size:15px;
	font-weight:normal;
	}
	
#search .filters strong {margin-bottom:8px;}	

/*
 * Blue Fish Team
 */

	
.fish-team-content {
	float:left;
	width:100%;
	}
	
.fish-team-content .left {
	float:left;
	width:288px;
	margin: 5px 0 0 0;
	}
	
.fish-team-content .left h3 {
	margin: 10px 0;
	}
	
.fish-team-content .right {
	float:right;
	width:279px;
	}
	
.fish-team-content .right p {
	padding-top: 2px;
}
	
.fish-team-content .right .photos {
	float: left;
	width: 300px;
	margin: 0 -30px 0 0;
	padding: 5px 0 0 0;
	}
	
.fish-team-content .right .photos .photo {
	float:left;
	width:58px;
	height:58px;
	background:url(../images/bg-photo.gif);
	padding:2px;
	margin:0 10px 10px 0;
	}
.fish-team-content .right .photos .photo a {
	display:block;
	width:58px;
	height:58px;
	z-index:1
	}
.fish-team-content .right .photos .photo a:hover {
	border:0px solid #f00; 
	}
.fish-team-content .right .photos .photo a .colour,
.fish-team-content .right .photos .photo a:hover .grey {
	display:none;
	}
.fish-team-content .right .photos .photo a:hover .colour {
	display:block;
	}
	
.fish-team-content .right .photos .photo .text {
	position:absolute;
	top:52px;
	left: -150px;
	background:#DDEBB6;
	border:1px solid #BFD08F;
	width:138px;
	padding:6px 10px;
	display:none;
	z-index:1;
	}

.fish-team-content .right .photos .photo:hover, 
.fish-team-content .right .photos .photo.hover {
	position:relative;
	}
.fish-team-content .right .photos .photo:hover .text,
.fish-team-content .right .photos .photo.hover .text {				
	display:block;
	}

.fish-team-content .right .photos .photo img {
	border:none;
	display:block;
	}
	
/*
 * Practices Page
 */

#practices_content {
	width:783px;
	padding:0 20px;
	overflow-x: hidden; /* for Firefox 1.0 and older versions of IE */
}

#practices_content li {
	font: normal 11px Arial, sans-serif;
}

#practices_content p {
	font-size:13px;
}

#web-content-management {
	width:166px;
	height:18px;
	background:url(../images/h-web-content-management.gif) no-repeat 0 1px;
}
	
#content-migrations {
	width:120px;
	height:19px;
	background:url(../images/h-content-migrations.gif);
}
	
#custom-ecm-solutions {
	width:142px;
	height:17px;
	background:url(../images/h-custom-ecm-solutions.gif);
}
	
#information-access {
	width:121px;
	height:17px;
	background:url(../images/h-information-access.gif);
}
	
#popular {
	width:51px;
	height:18px;
	background:url(../images/h-popular.gif);
}
	
#by-author {
	width:62px;
	height:18px;
	background:url(../images/h-by-author.gif);
}
	
#practices {
	width:61px;
	height:17px;
	background:url(../images/h-practices.gif);
}
	
#services {
	width:55px;
	height:17px;
	background:url(../images/h-services.gif);
}
	
#products {
	width:56px;
	height:16px;
	background:url(../images/h-products.gif);
}

#recent-articles {
	width:98px;
	height:17px;
	background:url(../images/h-recent-articles.gif);
}

/*
 * Products Page
 */

.products-table {
	float:left;
	width:783px;
	margin:0 0 10px 0;
	background:#F0F4F6 url(../images/bg-products-table.gif) repeat-y left;
	}
	
.products-table .header {
	background:#8FC3DE url(../images/bg-products-table-header.gif);
	width:783px;
	height:27px;
	padding:14px 0 0 0;
	}
	
.products-table .header div,
.products-table .row div {
	float:left;
	}
	
.products-table .first {
	width:166px;
	padding:0 10px;
	}
	
.products-table .first.on {
	background: #F0F4F6 url("../images/bg-products-table-on.gif") repeat-y left;
}
	
.products-table .second {
	width:288px;
	padding:0 10px;
	}
	
.products-table .third {
	width:269px;
	padding:0 10px;
	}
	
.products-table .row {
	float:left;
	width:100%;
	border-bottom:1px solid #B6CCD2;
	padding:10px 0 10px 0;
	line-height:16px;
	}
	
.products-table .row.on {
	background: #F0F4F6 url("../images/bg-products-table-on.gif") repeat-y left;
}
	
.products-table .row.one {
	background:url(../images/bg-products-table-one.gif) no-repeat left top;
	}
	
.products-table .row.one.on {
	background: #F0F4F6 url("../images/bg-products-table-on.gif") repeat-y left;
}
	
.products-table .row.last {
	border:0;
	background:url(../images/bg-products-table-bottom.gif) no-repeat left bottom;
}

.products-table .row.last.on {
	background: #F0F4F6 url("../images/bg-products-table-on.gif") repeat-y left;
}
	
.products-table .first h4 a{
	color:#2F88B7;
	/*, 74ADCC*/
	font-size: 12px;
	margin:0 0 6px 0;
	font-weight:bold;
}
	
.products-table p {
	font-size:11px !important;
	line-height:16px !important;
	margin:0 !important;
	color:#333 !important;
}
	
.products-table ul {
	margin:0;
	padding:0;
	list-style:none;
}
	
.products-table ul li {
	padding:0 0 0px 8px;
	background:url(../images/grey-style.gif) no-repeat 0 5px;
	color:#666;
}
	
/*
.product-banner {
	width: 577px;
	height: 146px;
	font-family: "Arial Narrow", Arial, sans-serif;
	background: url("../images/product_banner.gif") no-repeat top;
	margin-bottom: 10px;
}
*/

#product-text {
	position: absolute;
	top: 90px;
	left: 250px;
	width: 360px;
	text-align: right;
}

#product-text h1 {
	color: #D5E2E8;
	font-size: 28px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#product-text p {
	color: #000;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	padding-right: 22px;
}

#product-menu {
	position: absolute;
	top: 60px;
	left: 630px;
	width: 150px;
}

#product-menu h1 {
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

#product-menu span {
	color: #fff;
}

#product-menu p {
    margin: 0;
    padding: 0;
}

#product-menu .list {
	font: normal 125% "Arial Narrow", Arial, Sans-Serif;
}	

/*
 * Wordpress 
 */

/*
This file from Olive Design is used largely for the blog (wordpress theme) 
while psd_css.css is largely used for the webpages (non articles/blog)
*/

/* New addition for Wordpress article list */
#article_listing {
	margin: 15px 30px;
}

/* Imported from WordPress Styles*/
.post {
	text-align: justify;
	margin-bottom: 20px;
}

.post h3 {
	margin:0;
	margin-top: 5px;
	padding: 0;
	color: #DCE7EB;
}
	
.widecolumn .post {
	margin: 0;
}

.entry {
	xheight: 10px;
	xmin-height: 200px;
}

.entry p {
	margin: 5px 0 5px 0;
}

.entry p.meta span {
	font-weight: bold;
}

.entry img {
	float: left;
	margin: 4px 10px 2px 0;
}

.entry img.photo {
	border: 1px solid #b9ced4;
	padding: 1px;
}

.entry img.right {
	float: right;
	margin: 4px 0 2px 10px;
}
	
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}

html>body .entry li {
	margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.entry ol li {
	margin: 0;
	padding: 0;
}
	
/*End imports from WordPress */


/* New Additions for additional style */

p.figure {
	font: normal 11px/16px Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
	
.hr_new {
	border-bottom: 1px solid #b6ccd2;
	overflow: hidden;
	height: 1px;
	margin: 0px 0px 0px 0px;
}

/*	
#new_left_column {
	float: left;
	width: 206px;
}

#new_left_header {
	height: 30px;
	width: 206px;
	padding-left: 10px;
	background: url("../images/about_top_left.gif") left top no-repeat;
}

#new_right_column {
	width: 617px;
	float: left;
	min-height: 0; /* ie7 float self clear */	
}
*/

#content_area.two_column_blue_left {
	background: #fff url("../images/bg_content_area_blue_left.gif") repeat-y;
}

.content_square{
	width:160px;
    position: relative;
}

.content_square_top{
	background: url("../images/content_sqr_top_bg.gif") left bottom repeat-x;
	height: 41px;
	padding-right: 5px;
}

.content_square_top_left{
	background: url("../images/content_sqr_top_left.gif") left bottom no-repeat;	
	height: 41px;
	width: 5px;
}

.content_square_top_right {
	background: url("../images/content_sqr_top_right.gif") right bottom no-repeat;	
	height: 41px;
	width: 5px;		
}

.content_square_middle{
	background: #D5E2E8;
}

/*set background images*/
.rbroundbox { background: url("../images/content_sqr_top_bg.gif") repeat; }
.rbtop div { background: url("../images/content_sqr_top_left.gif") no-repeat top left; height:41px;}
.rbtop { background: url("../images/content_sqr_top_right.gif") no-repeat top right; height:41px;}

.rbroundbox2 { background: url("../images/content_sqr_top_bg.gif") repeat; }
.rbbot div { background: url("../images/content_sqr_btm_left.gif") no-repeat bottom left; }
.rbbot { background: url("../images/content_sqr_btm_right.gif") no-repeat bottom right; }
/*set height, width */
.rbcontent { background: #D5E2E8; }
.rbcontent2 { background: #D5E2E8; }
.rbroundbox { height: 41px; width: 160px; margin: 1em; }
.rbroundbox2 { height: 41px; width: 160px; margin: 1em; }

/* End New Additions for doctypes */

/* Margin setting for 'rate this article' */

.post_ratings{
	margin-left: 30px;
}

/* End additions by Apaar */

.add_required,
.add_hidden,
.add_optional  {
	/* only used by javascript to add the words Required, Hidden, or Optional into input elements */
}

.add_default_text {
	/* also used in javascript to see if default text should be placed within an input, textarea etc */
	font: italic normal 12px/14px Arial, sans-serif;
	color: #999;
}

.bordered {
	padding: 1px;
	background-color: #fff;
	border: 1px solid #b9ced4;
}

#header {
	position: relative;
	width: 831px;
	height: 79px;
	margin: 0 auto;
	background: #f5f8f9 url("../images/bg_header.jpg") no-repeat;
	z-index: 100;
}
#header #badge {
    position: absolute; 
    height: 92px; 
    width: 92px; 
    right: -42px; 
    top: 45px;
    z-index: 200;
    cursor: pointer;
}
#header #badge.careers {
    background: transparent url(../images/badge-careers.png) no-repeat;
}
#logo {
	position: absolute;
	left: 29px;
	top: 15px;
}

#navigation {
	position: absolute;
	left: 210px;
	top: 25px;
	width: 410px;
	text-align: center;
	cursor: default;
}

#navigation a {
	cursor: pointer;
}

#navigation a.active {
	cursor: default;
}

#search {
	position: absolute;
	left: 643px;
	top: 18px;
	width: 162px;
	background: url(../images/bg-search.gif) no-repeat left top;
	z-index: 300;
}

.search_query {
	width: 99px;
	height: 14px;
	padding: 2px;
	margin: 5px 1px 2px 0;
	border: 1px solid #fff;
	font: normal 12px/12px Arial, sans-serif;
	color: #333;
	vertical-align: middle;
}

.search_button {
	border: 0;
	margin: 5px 0 0 0;
	vertical-align: middle;
	width: 48px;
	height: 22px;
}

/*
 * Home Page
 */

h1.splash {
    color: #fff;
    font-weight: bold;
}

#middle {
    position: relative;
    width: 831px;
    height: 301px;
    margin: 0 auto;
}

#home_text {
    position: absolute;
    top: 83px;
    left: 428px;
    width: 404px;
}

#home_text h1 {
    color: #fff;    
    font-family: "Trade Gothic Bold Condensed 20", "Arial Narrow", Impact, Sans-Serif;
    font-size: 32px;
    font-weight: normal;
    line-height: 34px; 
}
#home_text h1 cufon {
    margin-top: 3px;
}

.hr_little {
	width: 286px;
	height: 3px;
	margin: 0 0 15px 0;
	overflow: hidden;
	background: url("../images/hr_little.gif") no-repeat;
}

.home_list {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	color: #d5d6d6;
	width: 330px;
}

.home_list li {
	margin: 0 0 5px 0;
	padding-left: 11px;
	background: url("../images/li_home_list.gif") 0 3px no-repeat;
}

.home_list li p {
	font-family: "Trade Gothic Condensed 18", "Arial Narrow", Arial, Sans-Serif;
	font-size: 15px;
	line-height: 20px;	
	margin: 0;
	padding: 0;
}
.home_list li p cufon {
    margin-top: 3px;    
}
.home_list li p a {
	color: #0dabdf;
	text-decoration: none;
}

.home_list li p a:hover {
    color: #ffffff;
}

.home_list li p a span {
    color: #ffffff;
    font-weight: normal;
}

#bottom_row_1 h2,
#bottom_row_2 h2 {
    font-family: "Trade Gothic Bold", "Gill Sans", Impact, Sans-Serif;;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
}
#bottom_row_1 h2 cufon,
#bottom_row_2 h2 cufon {
    margin-top: 3px;
}
#bottom_row_1 {
	position: relative;
	width: 823px;
	margin: 0 auto 10px auto;
	padding: 0;
	min-height: 0; /* ie7 self clear float */
	font: normal 11px/15px Arial, sans-serif;
	color: #666;
}

#bottom_row_1:after { /* self clear floats */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#bottom_row_1 p {
	margin: 0 0 10px 0;
}

#square_1,
#square_2,
#square_3,
#square_4 {
	position: relative;
	float: left;
	width: 205px;
	border-right: 1px solid #b6ccd2;
	cursor: default;
}

#square_1_inside,
#square_2_inside,
#square_3_inside,
#square_4_inside {	
	height: 154px;
	padding: 12px 10px 10px 10px;
}

#square_1 {	background: #fff url("../images/bg_square_l_top.gif") top no-repeat; }
#square_1 #square_1_inside { background: url("../images/bg_square_l_bottom.gif") bottom no-repeat; }
#square_2 { background: #fff url("../images/bg_square_x_top.gif") top no-repeat; }
#square_2 #square_2_inside { background: url("../images/bg_square_x_bottom.gif") bottom no-repeat; }
#square_3 { background: #fff url("../images/bg_square_x_top.gif") top no-repeat; }
#square_3 #square_3_inside { background: url("../images/bg_square_x_bottom.gif") bottom no-repeat; }
#square_4 {	border: 0; background: #fff url("../images/bg_square_r_top.gif") top no-repeat; }
#square_4 #square_4_inside { background: url("../images/bg_square_r_bottom.gif") bottom no-repeat; }

#square_1.on { background: #deecf3 url("../images/bg_square_l_top_on.gif") top no-repeat; }
#square_1.on #square_1_inside { background: url("../images/bg_square_l_bottom_on.gif") bottom no-repeat; }
#square_2.on { background: #deecf3 url("../images/bg_square_x_top_on.gif") top no-repeat; }
#square_2.on #square_2_inside { background: url("../images/bg_square_x_bottom_on.gif") bottom no-repeat; }
#square_3.on { background: #deecf3 url("../images/bg_square_x_top_on.gif") top no-repeat; }
#square_3.on #square_3_inside { background: url("../images/bg_square_x_bottom_on.gif") bottom no-repeat; }
#square_4.on { border: 0; background: #deecf3 url("../images/bg_square_r_top_on.gif") top no-repeat; }
#square_4.on #square_4_inside { background: url("../images/bg_square_r_bottom_on.gif") bottom no-repeat; }

#square_1.on *,
#square_2.on *,
#square_3.on *,
#square_4.on * {
	cursor: pointer;
}

#square_1_inside h2,
#square_2_inside h2,
#square_3_inside h2,
#square_4_inside h2 {	
/*  font: bold 13px/17px Arial, sans-serif;*/
	color: #cc0033;
	margin-bottom: 20px;
}

#square_1_inside h3,
#square_2_inside h3,
#square_3_inside h3,
#square_4_inside h3 {	
	font: normal 13px/17px Arial, sans-serif;
	color: #000;
	margin-bottom: 6px;
}

a.learn_more {
	position: absolute;
	bottom: 12px;
	left: 10px;
	padding-left: 8px;
	text-decoration: none;
	background: url("../images/bg_arrow.gif") 0 6px no-repeat;
}

.right_side a.learn_more { /* home page */
	left: 216px;
	white-space: nowrap;
}

#bottom_row_2 {
	position: relative;
	width: 823px;
	margin: 0 auto 10px auto;
	padding: 0;
	min-height: 0; /* ie7 self clear float */
	font: normal 11px/15px Arial, sans-serif;
	color: #666;
}

#bottom_row_2:after { /* self clear floats */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#bottom_row_2 p {
	margin: 0 0 10px 0;
}

#bottom_row_2 a {
	text-decoration: none;
}

#bottom_row_2 a:hover {
	text-decoration: underline;
}

#square_5,
#square_6 {
	position: relative;
	float: left;
	width: 411px;
	border-right: 1px solid #b6ccd2;
}

#square_5_inside,
#square_6_inside {
	height: 104px;
	padding: 12px 10px 10px 10px;
}

/* Added Heights for IE, hide overflow */
* html #square_5_inside,
* html #square_6_inside {
height: 104px;
overflow-y: hidden;
}


/* Here we need to set the position of the bottom edges exactly because the div overflows in IE and cuts the background off*/
#square_5 {	background: #fff url("../images/bg_square_l2_top.gif") top no-repeat; }
#square_5 #square_5_inside { background: url("../images/bg_square_l2_bottom.gif") 0px 87px no-repeat; }
#square_6 { border: 0; background: url("../images/bg_square_r2_top.gif") top no-repeat; }
#square_6 #square_6_inside { background: url("../images/bg_square_r2_bottom.gif") 0px 87px no-repeat; }

#square_5_inside h2,
#square_6_inside h2 {	
/*  font: bold 13px/17px Arial, sans-serif;*/
	color: #666;
	margin-bottom: 20px;
}

#square_5_inside .left_side,
#square_6_inside .left_side {
	float: left;
	width: 185px;
	height: 76px;
}

#square_5_inside .right_side,
#square_6_inside .right_side {
	float: right;
	width: 185px;
	height: 76px;
}

#square_5_inside .left_side.on,
#square_6_inside .left_side.on,
#square_5_inside .right_side,
#square_6_inside .right_side {
	cursor: pointer;	
}

#square_5_inside .left_side p,
#square_6_inside .left_side p,
#square_5_inside .right_side p,
#square_6_inside .right_side p {
	margin-bottom: 0;
}

#square_5_inside .left_side img {
	margin-top: 10px;
}

#square_5_inside .right_side img {
	margin-top: 4px;
}

/*
 * Layout
 */

#content_wrapper {
	position: relative;
	width: 831px;
	margin: 12px auto 10px auto;
}

#content_area_top {	
	position: absolute;
	xposition: relative;
	top: 0;
	left: 0;
	height: 8px;
	width: 831px;
	overflow: hidden;
	background: url("../images/bg_content_area_top.gif") no-repeat;
}

#content_area_bottom {
	position: relative;
	top: -8px;
	left: 0;
	height: 8px;
	width: 831px;
	margin-bottom: -8px;
	overflow: hidden;
	background: url("../images/bg_content_area_bottom.gif") no-repeat;
}

#content_area_wrapper {
	width: 831px;
	background: url("../images/bg_side_shadow.png") repeat-y;
}

#content_area {
	width: 823px;
	padding: 4px 0;
	min-height: 340px;
	margin: 0 0 0 4px;
	background: #fff;
	
}

#content_area.two_column {
	background: #fff url("../images/bg_content_area.gif") repeat-y;
}

/* ADDITION SO WORDPRESS CAN GET BACKGROUND TO DISPLAY IN IE
	THIS IS THE ID BEING USED IN THE WORDPRESS THEME*/
#content_area_wp {
	width: 823px;
	padding: 4px 0;
	min-height: 340px;
	margin: 0 0 0 4px;
	background: #fff url(../images/bg_content_area.gif) repeat-y;
}
/* -- END -- */


#right_column {
	float: right;
	width: 206px;
}

#left_column {
	width: 617px;
	min-height: 0; /* ie7 float self clear */
	float: left;
	padding-top: 4px;
}

#left_column h1 {
	margin: 15px 30px 0 30px;
}

/*
 * Breadcrumbs
 */

.breadcrumbs {
	height: 26px;
	padding: 9px 19px 0 19px;
	margin: 0 0 5px 0;
	background: url("../images/bg_breadcrumbs.gif") bottom repeat-x;
	font: normal 11px/13px Arial, sans-serif;
	color: #333;
}

.breadcrumbs .divider {
	color: #999;
	margin: 0 3px;
}

.breadcrumbs a {
	cursor: pointer;
}

.breadcrumbs a.active {
	color: #333;
}

.hr {
	border-bottom: 1px solid #b6ccd2;
	overflow: hidden;
	height: 1px;
	margin: 17px 21px 17px 19px;
}

/*
 * Wordpress Edit Post Link
 */
#editpost {
	float:right;
	margin:-34px 10px 4px 4px;
	font: normal 11px Arial, sans-serif;
	}

/*
 * Wordpress Articles
 */

.article_header {
	margin: 10px 30px 10px 30px;
}

.article_date {
	font: normal 15px/17px Arial, sans-serif;
	color: #333;
	margin-bottom: 12px;
}

.author {	
	font: normal 13px/17px Arial, sans-serif;
	color: #666;
}

.article_header_text {
	margin-left: 110px;
	margin-right: 8px;	
	font-style: italic;
}

.article_text {
	margin: 15px 30px;
}

.article_intro:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.article_intro {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .article_intro {height: 1%;}
.article_intro {display: block;}
/* End hide from IE-mac */

.article_intro {
	margin: 15px 30px 0 30px;
}

.article_intro .photo {
	float: left;
	margin: 0;
	padding: 0;
}

.article_intro .photo img {
	border: 1px solid #b9ced4;
	padding: 1px;
	margin-bottom: 20px;
	margin-right: 10px;
}

.article_intro .text {
	position: relative;
	border-bottom: 1px solid transparent; /* IE hack */
}

.article_intro .text p {
	font-style: italic;
	margin: 0 0 20px 0;
}

.article_intro .text p.meta {
	font-style: normal;
	margin-bottom: 10px;
}

.article_intro p span {
	font-weight: bold;
	font-size: 14px;
}

.article_intro p img {
	display: none;
}

.article_text table {
	border-collapse: collapse;
	border-top: 1px solid #a8c3cc;
	border-right: 1px solid #a8c3cc;
	width: 90%;
	margin: 0 auto 10px auto;
}

.article_text table thead tr td {
	background: #ECF3F7;
	font-weight: bold;
	border-left: 1px solid #a8c3cc;
	border-bottom: 1px solid #a8c3cc;
	padding: 5px;
}

.article_text table tbody tr td {
	border-left: 1px solid #a8c3cc;
	border-bottom: 1px solid #a8c3cc;
	padding: 5px;
	vertical-align: top;
}

.article_text .callout {
	background: #FDF9CB;
    margin: 20px 0 20px 0;
    padding: 0 10px 0 10px;
    border: 1px solid #dedede;
	color: #333;
}

.article_text .callout p {
	margin: 10px 0;
	padding: 0;
}

.article_text .interviewee {
	background: #ECF3F7;
    margin: 20px 0 20px 0;
    padding: 0 10px 0 10px;
    border: 1px solid #dedede;
	color: #333;
}

.article_text .interviewee p {
	margin: 10px 0;
	padding: 0;
}


/*ADDITION FOR H2 ANCHORS TO NOT SHOW UP AS LINKS IN WORDPRESS ARTICLE WHEN ANCHORED FOR TABLE OF CONTENTS*/

.article_text h1 {
	text-decoration: none;
	color: #000;
}

.article_text h2 a:hover{
	text-decoration: none;
	color: #000;
}

.article_text h2 a{
	text-decoration: none;
	color: #fff;
}

.article_text h3 {
	margin-bottom: 10px;
	padding-top: 8px;
}

.article_text h3 a:hover{
	text-decoration: none;
	color: #000;
	font-size: 18px;
	line-height: 19px;
}

.article_text h3 a{
	text-decoration: none;
	color: #000;
	font-size: 18px;
	line-height: 19px;
}

.article_text h4 {
	margin-bottom: 10px;
	font-weight: bold;
}

.article_bar {
	background: #ebf4f8;
	padding: 8px 9px 7px 9px;
	border: 1px solid #a8c3cc;
	margin: 0 30px 17px 30px;
	font-size: 12px;
	text-align: center;
}

.slideshare {
	text-align: center;
	margin-bottom: 20px;
}

/*END ADDITIONS -----------*/

.article_text_smaller {	
	margin: 15px 30px;
	font-size: 12px;
}

.article_text_smaller ul li {	
	margin-bottom: 3px;
	font-size: 12px;
}

.article_text_smaller h4 {
	font-size: 18px;
}

.comment {
	position: relative;
	background: #ebf4f8 url("../images/bg_comment_blue.gif") no-repeat;
	width: 557px;
	/*width: 557px;*/
	margin: 0 0 10px 0;
	color: #333;
}

.comment_inside {
	background: url("../images/bg_comment_blue_bottom.gif") bottom no-repeat;
	padding: 8px 9px 6px 9px;
}

.author_comment {
	background-color: #ddebb6;	
	background-image: url("../images/bg_comment_green.gif");	
}

/* Adding .comment_Inside for author comments to set rounded border */
.author_comment .comment_inside {
	background-image: url("../images/bg_comment_green_bottom.gif");
}

.comment p {
	margin-bottom: 10px;
}

.author_comment p {
	margin-bottom: 10px;
}
.comment .sig {
	text-align: right;
	font-size: 11px;
	margin-bottom: 0;
}

.author_comment .sig {
	text-align: right;
	font-size: 11px;
	margin-bottom: 0;
}

.table_of_contents {
	background: #ebf4f8;
	padding: 8px 9px 7px 9px;
	border: 1px solid #a8c3cc;
	margin: 0 30px 17px 30px;
	font-size: 14px;
}

.table_of_contents a {
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

.table_of_contents a:hover {
	text-decoration: none;
}

.table_of_contents_inside {
	margin: 5px 0 0 12px;
	font-size: 11px;
	line-height: 15px;
}

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

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

.table_of_contents_inside ul li {
	margin: 0 0 5px 2px;
	padding-left: 9px;
	background: url("../images/bg_blue_dot.gif") 0 5px no-repeat;
}

.hide_table_of_contents .table_of_contents_inside {
	display: none;
}

/*
 * Footnotes
 */

.article_text sup a {
    color: #056091;
}

.article_text sup a:hover {
    color: #056091;
    text-decoration: none;
}

/* 
 * Not in use anymore due to the static height, see new codeblock below
 */ 

.codeblock {
	height: 400px;
	width: 554px;
	margin: 0 0 20px 0;
	background: #fbf9f2;
	border: 1px solid #d4cfc5;
	overflow: auto;
}

.codeblock pre {
	margin: 18px;
}

/*
 * Button Area and WCM
 */

.button_area {
	min-height: 61px;
	background: url("../images/bg_light_blue_gradient2.gif") top no-repeat;
	color: #fff;
	padding: 15px 7px 14px 11px;
}

.button_area p {
	margin: 3px 6px 0 6px;
	color: #666;
	font-size: 13px;
}

.sidebar-box {
	width: 185px;
	height: 55px;
	padding-top: 17px;
	background: url("../images/bg_practice_off.gif") no-repeat;
	text-align: center;
	cursor: pointer;
}

.sidebar-box_on {
	background: url("../images/bg_practice_on.gif") no-repeat;
	cursor: pointer;
}

.sidebar-box h2 {	
    font-family: "Trade Gothic Bold Condensed 20", "Arial Narrow", Impact, Sans-Serif;
    font-size: 16px;
    font-weight: normal;
	color: #026db3;
	line-height: 18px;
	margin: 0 8px 0 8px;
	padding: 0;
	cursor: pointer;
}

.sidebar-box p {
	cursor: pointer;
}
.sidebar-box p a {
    color: #666666;
    font-family: "Trade Gothic Condensed 18", "Arial Narrow", Arial, Sans-Serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

/*
 * s-IFR Headings
 */

.small_headline_about_wrapper {
	min-height: 4px;
	height: 20px;
	width: 186px;
	color: #fff;
	display: inline;
}

.small_headline_about_wrapper h2 {
	margin: 0;
	padding: 0;
	font-family: "Trade Gothic Bold", "Gill Sans", Impact, Sans-Serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}

.small_headline_about_wrapper h2 a {
    color: #fff;
	margin: 0;
}

.small_headline_practices_wrapper {
	min-height: 4px;
	height: 20px;
	width: 176px;
	color: #fff;
	padding-left:10px;
}

.small_headline_practices_wrapper h2 a {
	margin: 0;
	color: #fff;
}

/*
 * Careers
 */
 
p.job-download {
    text-align: center;
}

/*
 * Headlines?
 */

.small_headline_wrapper {
	min-height: 20px;
	background: #80bfde url("../images/bg_light_blue_gradient.gif") bottom repeat-x;
	border: 1px solid #6faccb;
	border-width: 1px 0 1px 1px;
	color: #fff;
	padding: 6px 9px 1px 9px;
}

.small_headline_wrapper h2 {
    color: #fff;
    font-family: "Trade Gothic Bold", "Gill Sans", Impact, Sans-Serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 18px;
	margin: 0;
}

.small_area_wrapper {	
	font: normal 11px/15px Arial, sans-serif;
	color: #666;
	padding: 8px 8px 1px 9px;
}

.small_area_wrapper p  {	
	margin: 0 0 9px 0;
}

.small_area_wrapper ul {	
	margin: 0 2px 9px 0;
	list-style-type: none;
}

.small_area_wrapper ul li {
	padding-left: 8px;
	background: url("../images/bg_arrow.gif") 0 4px no-repeat;
	margin: 0 0 7px 0;
}

.small_area_wrapper h3 {
	font: normal 13px/17px Arial, sans-serif;
	color: #333;
	margin-bottom: 6px;	
}

.top_bordered {
	border-top: 1px solid #b6ccd2;
	padding-top: 13px;
	margin-top: 5px;
}

a.arrowed {
	padding-left: 8px;
	text-decoration: none;
	background: url("../images/bg_arrow.gif") 0 4px no-repeat;
}

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

/*
 * Wordpress Comments
 */

.comment_form_wrapper {
	margin: 10px 0;
	color: #333;
}

/*
 * Wordpress Login
 */

#loginform .form_row {
	padding-left: 104px;
}

#loginform .form_row label {
	width: 100px;
} 

/*
 * Wordpress Register
 */
 
#registerform .form_row {
	padding-left: 114px;
}

#registerform .form_row label {
	width: 110px;
}   
 
/*
 * Wordpress Recover Password
 */
 
#lostpasswordform .form_row {
	padding-left: 114px;
}

#lostpasswordform .form_row label {
	width: 110px;
}  

/*
 * Wordpress Subscription
 */

.subscribe_form_wrapper {
	margin: 0;
	color: #333;
}

.subscription {
	border-top: 1px solid #9bbac6;
	background: #d9e9f1;
	color: #333;
	padding: 15px 30px 10px 30px;
}

.subscription h4 {
	font-size: 18px;
}

/*
 * Wordpress Forms
 */
 
.form_row {
	position: relative;
	padding-left: 99px;
	margin: 0 0 5px 0;
}

.form_row label {
	position: absolute;
	top: 2px;
	left: 0;
	width: 95px;
} 

p.submit {
	margin-top: 5px;
	font: normal 11px/14px Arial, Helvetica, sans-serif;
}

p.submit input {
	margin-right: 7px;
	vertical-align: middle
}

.form_row ul {
	position: relative; /* needed for IE6 */
	margin-top: 20px;
	margin-left: 0;	
}

.form_row ul li {
	padding-left: 10px;	
	background: url("../images/bg_arrow.gif") 0px 7px no-repeat;	
}

/*
 * Footer
 */

#footer {
	width: 800px;
	margin: 0 auto 25px auto;
	font: normal 10px/13px Arial, sans-serif;
	color: #ccc;
}

#footer a {
	color: #66ccff;
	text-decoration: none;
	margin-left: 10px;
}

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

#footer span {
	float: right;
}

#footer span a {
	margin-left: 0;
}

/*
 * THIS IS THE NEW CODEBLOCK
 */

pre {
    margin:1.5em 0 1.5em 0;
    padding: 1em 0 1em 1em;
    background-color: #f9f9f9;
    border:1px solid #dedede;
    font-size:.95em;
    line-height:1em;
    color:#333;
    overflow:auto;
    overflow-x:auto;
    /*
    HAD TO COMMENT OUT FOR IE
    */
    overflow-y: hidden;
    width: 94.5%;
	/* for ie only */
	*padding-bottom: 2em;
	*padding-top: 0;
}

pre code{
	font-family:Monaco, Courier;
	font-size:.9em;
	white-space: pre;

}

.article_text pre {
	white-space: normal;
}

#article_text li pre{
	font-size:1.1em;
	width:442px;
}

#article_text pre{
	width:94.5%;
}

.language{
	font-weight:bold;
	font-size:.7em;
	text-align:right;
	margin:-13px 20px 15px 0;
}

#article_text pre.php{
	background-color: #D5EFD1;
	border:1px solid #AECFA8;
}

#article_text pre.asp {
	background-color: #DFE5FF;
	border:1px solid #B5BDDF;
}

#article_text pre.net {
	background-color: #FFEEBF;
	border:1px solid #DFCC99;
}

#article_text p code, #article_text li code {
	font-size:1.3em;
	color:#666;
}

.post p code {
	font-size:1.2em;
	color:#333;
}

.post pre code {
	font-size:.85em;
	color:#444;
}

/*
 * Google Map
 */

#map {
	width: 579px;
	height: 320px;
	margin: 10px 0 10px 0;
}

#map p {
	margin: 0;
	padding: 0;
}

/*
 * Product Page Boxes
 */

.product-banner {
	width: 577px;
	height: 146px;
	margin: 10px 0 10px 0;
}

#product-box-left {
	float: left;
	width: 186px;
}

#product-box-left .header {
	background:#8AC0DB url(../images/h-learn-more.gif) no-repeat;
	height:41px;
}

#product-box-left .header h3 {
	display: none;
}

#product-box-left .content {
	border-left: 1px solid #8fbad0;
	border-right: 1px solid #8fbad0;
	background: #F0F4F6 url(../images/box-gradient.gif) repeat-x bottom;	
}

#product-box-left .content ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

#product-box-left .content ul li {
    border-bottom: 1px solid #c5d6db;
    font: normal 12px Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	background: none;
}

#product-box-left .content ul li.last {
	border: 0;
	display: inline;
}

#product-box-left .content ul li a {
    margin: 0;
    padding: 8px 0 8px 11px;
	display: block;
}

#product-box-left .content ul li a:hover {
	background: #D5E2E8;
	text-decoration: none;
}

#product-box-left .footer {
	background: url(../images/f-learn-more.gif);
	height: 4px;	
	font: normal 1px/1px arial;
}

#product-box-left .footer.on {
	background: url(../images/f-learn-more-on.gif);
	height: 4px;	
	font: normal 1px/1px arial;	
}

#product-box-right {
	float: left;
	margin-left: 20px;
	width: 371px;
}

#product-box-right .header {
	background:#8AC0DB url(../images/h-related-info.gif) no-repeat;
	height:41px;
}

#product-box-right .header h3 {
	display: none;
}

#product-box-right .content {
	border-left: 1px solid #8fbad0;
	border-right: 1px solid #8fbad0;
	background: #F0F4F6 url(../images/box-gradient.gif) repeat-x;
}

#product-box-right .content ul {
	padding: 10px 30px 2px 11px;
	margin: 0;
	list-style:none;
}

#product-box-right .content ul li {
    padding:0 0 8px 0;
    margin: 0;
    font: normal 11px/15px Arial, Sans-Serif;
	background:url(../images/grey-style.gif) no-repeat 0 5px;
}

#product-box-right .content ul li a {
	padding:0 0 0 8px;
	display:block;
}
	
#product-box-right .content ul li a:hover {
    visibility: visible; /* for IE6 */
	text-decoration: none;
}	
	
#product-box-right .content ul li a span {
    color: #666;
}

#product-box-right .content ul li a:hover span {
    color: #0671ab;
    text-decoration: none;
}

#product-box-right .footer {
	background: url(../images/f-related-info.gif) no-repeat;
	height: 4px;
	font: normal 1px/1px arial;
}

.news-item {
	margin-bottom: 20px;
}

.news-item div {
	width: 440px;
	float: right;
}

.news-item img {
	margin: 5px 0 10px 0;
}

.case-studies {
	margin-bottom: 40px;
}

.case-studies div {
	margin-bottom: 20px;
}

.case-studies div img {
	margin: 5px 0 0 0;
}

.case-studies div div {
	margin: 0;
	width: 440px;
	float: right;
}

/*
 * Ajax
 */
 
.submit #spinner {
	visibility: hidden;
	margin-left: 10px;
	vertical-align: top;
	margin-top: 3px;
}

/*
 * Product Demos
 */
 
.demo {
	margin: 20px 0 20px 0;
}
.demo .screenshot {
	float: left;
	width: 156px;
	text-align: center;
	margin-right: 20px;
}
.demo .screenshot img {
	padding: 1px;
	border: 1px solid #b9ced4;    
}
#content .demo .screenshot p {
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 11px;
}
.demos .text {
	float: right;
	width: 403px;
}      

/* 
 * Blog Entries 
 */
 
.blogpost {
	margin-bottom: 20px;
}

.blogpost h3 {
	margin: 0 0 0px 0;
}

.blogdate p {
	margin: 0px 0 15px 0;
	font: normal 12px Arial, Helvetica, Sans-Serif;
	color: #777;
}

.blogentry ul {
	list-style-type: none;
	padding: 0;
	margin: 5px 0 10px 20px;
}

.blogentry ul li {
	font: normal 13px/17px Arial, Helvetica, Sans-Serif;
	color: #333;
	padding: 2px 0 2px 10px;
	margin: 0;
	background:url(../images/grey-style.gif) no-repeat 0px 7px;
}

.blogentry ol {
	margin-top: 5px;
}

.blogentry ul li ol {
	background: none;
	padding-left: 0;
}

.blogentry h3 {
	margin: 15px 0 10px 0;
}

.about_blog_area {
	background: url("../images/bg_light_blue_gradient2.gif") top no-repeat;
	color: #fff;
	padding: 15px 0px 5px 0px;
	text-align: center;
}

.about_blog_area p {
	cursor: pointer;
	font-family: "Arial Narrow", Arial;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	color: #666666;
	font-size: 14px;
}

.about_blog_area a {
	color: #666666;
}

/*
 * Sidbar Banners
 */

#left-column .banner {
	margin-top: 1em;
	border: 1px solid #B6CCD2;
	color: #FFF;
	background: #61AACF;
}
#left-column .banner p {
	padding: 4px;
	margin: 0;
	font-size: 95%;
}
#left-column .banner p.header {
	font-size: 120%;
	color: #CC0033;
	background: #FFF;
	font-family: "arial narrow", arial, helvetica;
}
#left-column .banner p.footer {
	color: #61AACF;
	background: #FFF;
	font-size: 90%;
}

/*
 * Hide certain print-only elements
 */

.print {
	display: none;
}

/*
 * Webinar Series
 */

.vevent {
    margin-bottom: 2em;
} 
.vevent .description img {
    float: left;
    border: 1px solid #CCC;
    margin-bottom: 2em;
    margin-top: .5em;
}
#content .vevent .description p {
    margin-left: 170px;
}

/*
 * Flash demo videos
 */
 
p.demo-nav-links {
    text-align: center;
    padding-top: 1em;
}
p.demo-nav-links a {
    padding: 0 .2em;
}

/**
 * Article Specific
 */

.article_text table.dctm-error-message {
    border: 0;
    width: 100% !important;
}
.article_text table.dctm-error-message td {
    border: 0;
    overflow-x: hidden !important;
    padding: .1em 0 !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}
.article_text table.dctm-error-message b,
.article_text table.dctm-error-message a {
    font-family: arial, helvetica, sans-serif !important;
    font-size: 100% !important;
    color: #333 !important;
}
.article_text table.dctm-error-message a font {
    font-size: 100% !important;
}

/**
 * EMC Logos for Product Pages
 */
 
.designed-for-emc {
    float: right;
    margin: 0 0 10px 10px;
}