/* GLOBAL SETTINGS - Updated 2009-06-30
********************************************************************************/
* {margin: 0; padding: 0;}
html{overflow: -moz-scrollbars-vertical;}
a {outline: none;} /* removes Firefox dotted outline on click */
a img {border: none;}
em {font-style: italic;}
strong {font-weight: bold;}

body {
	position: relative;	
	background: #333 url(/_media/bg.gif) repeat-x;
	font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	font-size: small;
	font-size: 13px;
	color: #666;
	text-align: center;
}

#wrap {
	xxposition: relative;
	margin: 0 auto;
	width: 962px;
	text-align: left;
}

h1 {
	font-size: 27px;
	color: #d24e06;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 15px;
}

h2 {
	color: #000;
	font-size: 19px;
	margin-bottom: .5em;
	font-weight: normal;
	line-height: 1.5;
}

h3 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: .5em;
	line-height: 1.5;
}

h4 {
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.5;
}

h5 {
	font-size: 15px;
	font-weight: bold;
	color: #000;	
	line-height: 1.5;
	margin-bottom: .5em;
}

p {
	margin-bottom: 1em; 
	font-size: 13px;
	line-height: 1.5;
}

#contentWrap p.intro {
	font-size: 15px;
	color: #666;
	padding: 10px;
}

code {
	margin-bottom: 1em; 
	font-size: 13px;
	color: #496f2b;
	line-height: 1.5;
}

ul {
	list-style: none;
	margin-bottom: 1em;
}

li {
	color: #000;
	margin-bottom: .5em;
	background: url(/_media/bullet_chevron.gif) 0 4px no-repeat;
	padding-left: 15px;
}

ol {
	margin-left: 2em;
}

ol li {
	background: none;
	padding: 0;
}

li ul {
	xxmargin-left: 15px;
	margin-top: .5em;
}

li ul li {
	color: #000;
	font-size: 11px;
	background: url(/_media/bullet_dot.gif) 0 4px no-repeat;
	padding-left: 20px;
}

ul p {
	margin-left: .5em;
}

/* links */

a:link, a:visited {
	color: #496f2b;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #496f2b;
	
}

a:hover {
	color: #243715;
	text-decoration: none;
	border: none;
	border-bottom: 1px solid #243715;
}

a.highlight:link, a.highlight:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

a.highlight:hover {
	color: #617951;
	text-decoration: none;
	border: none;
	border-bottom: 1px solid #617951;
	font-weight: bold;
	font-size: 14px;
}

h3 a {font-weight: bold;}

/* HEADER
********************************************************************************/
#headerShadow {
	background: url(/_media/header_rtshadow.gif) 100% 0 no-repeat;
	xxpadding-right: 2px;
	width: 962px;
}

#header {
	position: relative;
	width: 960px;
	background: url(/_media/header_bg.gif) repeat-x;
	height: 85px;
	margin-right: 2px;
}

#header h1{
	float: left;
	background: url(/_media/krugle_logo.gif) no-repeat;
	width: 158px;
	margin: 14px 0 0 12px;
	height: 54px;
}

#header h1 a {
	display: block;
	width: 158px;
	height: 54px;
	text-decoration: none;
	border: none;
}

#header h1 span {
	display: none;
}

#header p.toplinks {
	float: right;
	font-size: 10px;
	margin: 14px 14px 0 0;
	display: inline;
}

#header p.toplinks a {
	text-decoration: none;
	color: #828282;
	border: none;
}

#header p.toplinks a:hover {
	text-decoration: none;
	color: #828282;
}

#header #topnav {
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 769px;
}

#header #topnav ul {
	list-style: none;
	margin-left: 50px;
	margin-top: 2px;
}

#header #topnav li {
	display: inline;
	float: left;
	font-size: 13px;
	background: url(/_media/header_vert_rule.gif) 100% 0 no-repeat;
	padding-bottom: 5px;
	margin: 0;
	padding-left: 0;
 }

#header #topnav li a{
	display: block;
	float: left;
	padding: 8px 10px 0px 10px;
	xxheight: 34px;
	color: #333;
	text-decoration: none;
	border: none;
}

#header #topnav li a:hover {
	color: #D24E06;
}

/* CONTENT
********************************************************************************/
.equalCol ul,
#midCol ul,
#main ul,
#contentWrap ol,
#contentWrap p,
#contentWrap h1,
#contentWrap h2,
#contentWrap h3,
#contentWrap h5,
.events,
.bio  {
	padding-left: 10px;
	padding-right: 10px;
}

#contentWrap {
	position: relative;
	background: #fff url(/_media/body_bg.gif) repeat-x;
	width: 940px;
	xxheight: 300px;
	padding: 10px;
}

body.home #contentWrap, 
body.subOverview #contentWrap  {
	padding-bottom: 20px;
}

#contentWrap p {
	color: #000;
}

#contentWrap h1 {
	border-bottom: 1px solid #c4c3c3;
}

.equalCol {
	float: left;
	width: 350px;
}

.cols3 {
	float: left;
	width: 230px;
	margin-right: 10px;
	background: #ccc;
}

#content {
	background-color: #fff;
	padding: 0 20px;
}

.floatRight {
	float: right;
}

#main {
	float: left;
	width: 710px;	
}

#midCol {
	float: left;
	width: 470px;
}

.column {
	float: right;
	width: 226px;
	margin-left: 10px;
	xxdisplay: inline;
	height: 200px;
	background: #ccc;
}

#quickstartWrap {
	margin-bottom: 50px;
}

#quickstartWrap div {
	float: left;
	width: 140px;
}

#quickstartWrap div a {
	cursor: pointer;
	border: none;
}

#quickstartWrap div a:hover {
	border: none;
}

span.iconChannels {
	background: url(/_media/icon_info_channels.gif) 100% 50% no-repeat;
	padding: 5px 50px 10px 0px;
}

span.iconAdmin {
	background: url(/_media/icon_admin.gif) 100% 50% no-repeat;
	padding: 5px 50px 10px 0px;
}

span.iconIntegration {
	background: url(/_media/icon_integration.gif) 100% 50% no-repeat;
	padding: 5px 50px 10px 0px;
}

span.iconCollaboration {
	background: url(/_media/icon_collaboration.gif) 100% 50% no-repeat;
	padding: 5px 50px 10px 0px;
}

span.iconQuery {
	background: url(/_media/icon_special_query.gif) 100% 50% no-repeat;
	padding: 5px 50px 10px 0px;
}

span.iconMethod {
	background: url(/_media/icon_search_method.gif) 100% 50% no-repeat;
	padding: 5px 50px 10px 0px;
}

span.iconReporting {
	background: url(/_media/icon_reporting.gif) 100% 50% no-repeat;
	padding: 5px 50px 10px 0px;
}

span.iconContent {
	background: url(/_media/icon_content.gif) 100% 50% no-repeat;
	padding: 5px 50px 10px 0px;
}

.featureItems {
	float: left;
	width: 345px;
	margin-right: 10px;
}

/* PRODUCT LANDING PAGES
********************************************************************************/
#landingValprop {
	position: relative;
	margin-bottom: 15px;
	background: #000 url(/_media/product_landing.gif) no-repeat;
	height: 310px;
	color: #fff;
}

body.noBar #landingValprop {
	height: 230px;
}

#landingValprop p {
	padding-left: 0;
}

#valpropHead {
	position: absolute;
	z-index: 10;
	left: 25px;
	top: 30px;	
}

body.subDevNetwork #landingValprop {
	background: #000 url(/_media/landing_devnetwork.gif) no-repeat;
}

body.subKruglePublic #landingValprop {
	background: #000 url(/_media/landing_kruglepublic.gif) no-repeat;
}

body.subKrugleBasic #landingValprop {
	background: #000 url(/_media/landing_devnetwork.gif) no-repeat;
}

#valpropHead img {
	margin-top: 10px; 
	display: block;
}

#valpropHead p {
	margin-top: 10px;
	width: 370px;
	color: #f7f5f4;
}

#valpropBottom {
	position: absolute;
	padding-left: 10px;
	z-index: 10;
	bottom: 0;
	left: 0;
	width: 700px;
	height: 80px;
}

#valpropBottom h3 {
	color: #fff;
}

#valpropBottom p {
	float: left;
	width: 156px;
	margin-left: 8px;
	padding-top: 29px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #999;
	font-size: 11px;
	line-height: 1.2;
}

#valpropBottom .floatIcon {
	float: left;
	padding-top: 26px;
}

#valpropBottom .nextCol {
	padding-left: 33px;
}

#valpropBottom .floatIcon a {
	border: none;
}

#valpropBottom p a {
	color: #fff;
	border: none;
	font-size: 15px;
	font-weight: bold;
}

#valpropBottom p a:hover {
	text-decoration: none;
	border-bottom: 1px solid #666;
}

#trialButton {
	float: right;
	width: 230px;
	height: 80px;
}

#trialButton a {
	background: url(/_media/button_trial.gif) right 0 no-repeat;
	border: none;
	display: block;
	width: 230px;
	height: 80px;
}

#trialButton a:hover {
	background: url(/_media/button_trial.gif) right -80px no-repeat;
}

body.iphone #trialButton a {
	background: url(/_media/button_iphone.gif) right 0 no-repeat;
}

body.iphone #trialButton a:hover {
	background: url(/_media/button_iphone.gif) right -80px no-repeat;
}

body.subDevNetwork #trialButton a {
	background: url(/_media/button_devnetwork.gif) right 0 no-repeat;
}

body.subDevNetwork #trialButton a:hover {
	background: url(/_media/button_devnetwork.gif) right -80px no-repeat;
}

body.subKruglePublic #trialButton a {
	background: url(/_media/button_kruglepublic.gif) right 0 no-repeat;
}

body.subKruglePublic #trialButton a:hover {
	background: url(/_media/button_kruglepublic.gif) right -80px no-repeat;
}

body.subKrugleBasic #trialButton a {
	background: url(/_media/button_kruglebasic.gif) right 0 no-repeat;
}

body.subKrugleBasic #trialButton a:hover {
	background: url(/_media/button_kruglebasic.gif) right -80px no-repeat;
}

#landingMain {
	float: left;
	width: 480px;
}

.landingBlock {
	xxbackground: url(/_media/dots.gif) repeat-x;
	padding: 10px;
	height: 1%;
}

.landingDetails {
	float: left;
	width: 200px;
}

.landingDetails p {
	line-height: 1.2;
	margin-top: 10px;
}

.landingScreenshot {
	float: right;
	width: 222px;
	border: 1px solid #666;
}

.openSearch {
	padding: 10px;
}

.openSearch a {
	font-weight: bold;
}

p.quote {
	background: url(/_media/quote.gif) no-repeat;
}

img.magnify {
}

.screenshot {
	margin-bottom: 10px;
	padding-left: 10px;
}

#leftCol {
	float: left;
	width: 480px;
}

.textBox {
	float: left;
	width: 240px;
}

.textBox h3 {
	margin-bottom:0;
}

.textBox a {
	border: none;
	font-weight: bold;
}

.textBox ul {
	list-style-type:disc;
	font-size: 11px;
	margin-left: 13px;
	margin-top: 0;
}

.textBox li {
	padding-left: 0;
	background: none;
}

#contactImg {
	float: right;
	width: 220px;
}

/* WHO WE ARE
********************************************************************************/
.bio {
	background: url(/_media/dots.gif) 0 100% repeat-x;
	padding-bottom: 1px;
	margin-bottom: 25px;
}

.bio img {
	float: left;
	width: 140px;
	margin-right: 20px;
}

.bioText {
	float: left;
	width: 520px;
}

.bioText p {
	padding-left: 0;
}

.bioText h3 {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	line-height: 1;
}

#contentWrap p.bioTitle {
	font-size: 11px;
	color: #999;
}

/* PRODUCTS OVERVIEW
********************************************************************************/
#overview {
	position: relative;
}

#linkBox {
	position: absolute;
	top: 35px;
	left: 0;
	width: 300px;
	height: 220px;
}

#overview .box2 {left: 320px;}
#overview .box3 {left: 640px;}

#linkBox a {
	display: block;
	width: 300px;
	height: 220px;
	border: none;
}

#overview h1 {
	background:url(/_media/overview_h1.gif) no-repeat;
	width: 351px;
	height: 25px;
	border: none;
	margin-bottom: 10px;
}

#overview h1 span {display: none;}

.overviewBox {
	float: left;
	text-align: center;
	padding-top: 38px;
	width: 300px;
	height: 242px;
	margin-right: 20px;
}

#overview .overviewBox p {
	color: #90b976;	
	font-size: 15px;
	padding: 0 50px;
}

#box1 {
	background: #000 url(/_media/overview_box1.gif) no-repeat;
}

#box2 {
	background: #000 url(/_media/overview_box2.gif) no-repeat;
}

#box3 {
	background: #000 url(/_media/overview_box3.gif) no-repeat;
}

.overviewBox img {
	margin-bottom: 10px;
}

.learnMore {
	margin: 0 auto;
	margin-top: 93px;
	width: 172px;
}

.learnMore a {
	background:url(/_media/button_learn_more.gif) no-repeat;
	border: none;
	display: block;
	width: 172px;
	height: 27px;	
}

.learnMore a:hover {
	background:url(/_media/button_learn_more.gif) no-repeat;
}

/* HOMEPAGE
********************************************************************************/

#homeValprop {
	background: url(/_media/home_valprop_bg.gif) no-repeat;
	height: 200px;
	padding-top: 40px;
	padding-right: 25px;
	margin-bottom: 10px;
}

#homeValprop p.title {
	color: #617951;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-left: 15px;
	margin-bottom: 0.5em;
}

#homeValprop p.subtitle {
	color: #e2e2e2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 15px;
}

#homeValprop img {
	display: block;
	padding-left: 25px;
}

#homeValpropButtons {
	float: right;
	width: 220px;
	padding: 0;
	margin-top: -30px;
}

#homeValpropButtons img {
	padding-left: 0;
}

#homeValpropButtons div {
	margin-bottom: 5px;
}

#homeValpropButtons div a {
	border: none;
}

#headline p {
	font-size: 11px;
	color: #999;
	background: #000;
	padding: 10px 0 10px 22px;
}

#headline p a {
	border: none;
	color: #999;
}

.callout {
	float: left;
	width: 300px;
}

.events {
	margin-bottom: 10px;
}

.events img {
	margin-bottom: 20px;
}

.callout h4 {
	margin-bottom: 10px;
}

#contentWrap .callout p {
	font-size: 11px;
	color: #666;
}

.callout img.logo, .events img.logo {
	float: left;
	margin-top: 5px;
}

#contentWrap .eventsInfo {
	float: left;
	width: 550px;
	margin-bottom: 10px;
	margin-left: 10px;
	display: inline;
}

#contentWrap .callout .eventsInfo h3 {
	font-weight: normal; 
	margin-bottom: 2px;
}

#contentWrap .callout .eventsInfo {width: 200px;}

/* LEFT SIDEBAR
********************************************************************************/
#leftSidebar {
	float: left;
	width: 230px;
}

#leftNavWrap {
	background:url(/_media/lnav_bottom.gif) 0 bottom no-repeat;
	padding-bottom: 36px;
	padding-left: 0;
}

#leftNav {
	width: 208px;
	background: url(/_media/lnav_top.gif) no-repeat;
	padding-top: 15px;
	border: 1px solid #7d7d7d;
	border-bottom: none;
	list-style: none;
	margin: 0;
}

#leftNav li {
	background: none;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #b9b9b9;
	margin: 0;
}

#leftNav li a {
	background: #ebebeb url(/_media/lnav_bg.gif) 0 bottom repeat-x;
	display: block;
	height: 21px;
	padding: 9px 0 0 13px;
	color: #333;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border: none;
}

#leftNav li a:hover {
	background: #fff;
	text-decoration: none;
}

#leftNav li ul {
	margin: 0;
}

#leftNav li ul li {
	border: none;
	margin: 0;
	margin-bottom: 0;
}

#leftNav li ul li a {
	background: #ebebeb;
	font-weight: normal;
	height: 15px;
	padding: 5px;
	padding-left: 20px;
	color: #636363;
}

img#docsample {
	margin-top: 30px;
	margin-left: 10px;
}

/* RIGHT SIDEBAR
********************************************************************************/
#rightCol {
	float: right;
	margin-left: 10px;
	display: inline;
	width: 220px;
	margin-top: 15px;
	xxborder-top: 1px solid #c4c3c3;
	color: #666;
	xxpadding-top: 18px;
}

#rightCol h1 {
	margin-top: 0;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	border:  none;
	margin-bottom: .5em;
}

#rightCol h1#h1spacer {
	font-size: 27px;
	font-weight: normal;
	margin-top: 0;
	xxmargin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #c4c3c3;
}

#rightCol p {
	font-size: 11px;
	line-height: 1.6;
}

#rightCol p a {
	color: #666;
	border: none;
	text-decoration: underline;
}

#rightCol p a:hover {
	color: #333;
	text-decoration: underline;
}

p.trailingChevron, a.trailingChevron {
	background: url(/_media/trailing_chevron.gif) 100% 5px no-repeat;
	padding-right: 10px;
}

img.trailingChevron {
	padding: 0 0 1px 5px;
}

img.magnify {
	padding: 0 0 0 5px;
}

a img.magnify {text-decoration: none;}

#landingContent .landingSidebar {
	border: none;
	margin-top: 10px;
	width: 190px;
	background: #f8f8f8;
	padding: 15px;
}

.landingSidebarWrap {
	background: #fff;
}

#rightCol .landingSidebar ul {
	color: #666;
	font-size: 11px;
}
#idlBlurb img {
	float: left;
	width: 138px;
	margin-bottom: 20px;
	margin-right: 30px;
}

#rightCol .sidebarQuote {
	background: url(/_media/quote.gif) no-repeat;
	font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	padding: 8px;
	margin-bottom: 10px;
}

#rightCol .sidebarQuote p {
	padding: 0;
	font-size: 15px;
	font-style: italic;
	color: #888774;
	line-height: 1.2;
	margin-bottom: .5em;
}

#rightCol .sidebarQuote cite {
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	color: #999;
}

/* FOOTER
********************************************************************************/
#moved, #noMoved, #noMovedProducts {
	width: 938px;
	height: 94px;
	background: #fff url(/_media/bottom_slice.gif) left bottom repeat-x;
	padding-left: 22px;
}

#noMoved {
	height: 70px;
}

#noMovedProducts {
	height: 8px;
}

#movedHome {
	position: absolute;
	z-index: 10;
	bottom: -12px;
	left: 20px;
}

#movedHome a, #moved a, #noMoved a, #noMovedProducts a {
	margin: 0;
	padding: 0;
	border: none;
}

#footer{
	width: 960px;
	xxposition: relative;
	background: #ccc url(/_media/footer_bg.gif) repeat-x;
	xxmargin-top: 5px;
	padding-top: 20px;
	margin-bottom: 4px;
	xxheight: 100px;
} 

.footerCol {
	float: left;
	width: 216px;
	height: 65px;
	background:url(/_media/footer_vert_rule.gif) 100% 0 no-repeat;
	padding: 0 12px;
	padding-bottom: 30px;
}

#footer p {
	font-size: 11px;
}

#footer h3 {
	font-size: 11px;
	font-weight: normal;
	xxcolor: #333;
	margin-bottom: .5em;
}

#footer h3 a {
	color: #000;
}

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

p#footerLeft {
	color: #7d7d7d;
	font-size: 11px;
	float: left;
	margin-left: 10px;
	display: inline;
	xxwidth: 50%;
}

p#footerRight {
	color: #7d7d7d;
	font-size: 11px;
	float: right;
	text-align: right;
	margin-right: 10px;
	display: inline;
	xxwidth: 50%;
}

p#footerRight a:first-child {
	color: white;
}

#footerWrap a {
	color: #7d7d7d;
	text-decoration: none;
	border: none;
}

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

/* FOOTER SEARCH BOX
********************************************************************************/
#footer-search-wrap {
}
#footer-search-box {
	background: #E8E8E8 url(/_media/footer_bg.gif) 0 -20px repeat-x;
}
#footer-search-box div.tab {
	color: #FFF;
	float: left;
	width: 97px;
	height: 18px;
	padding-top: 2px;
	background: #E8E8E8;
	}
	
#footer-search-box div.tab a:link, #footer-search-box div.tab a:visited, #footer-search-box div.tab a:active {
	color: #FFF;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 97px;
	height: 18px;
	}
#footer-search-box div.tab a:hover {
	color: #FFF;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	width: 97px;
	height: 18px;
	}
#footer-search-box div.code {
	background: #90B976;
	margin-left: 10px;
	margin-right: 2px;
	}
#footer-search-box div.tech-pages {
	background: #8982A2;
	margin-right: 2px;
	}
#footer-search-box div.projects {
	background: #D9B05F;
	}
#footer-search-box div.body {
	background: #90B976;
	clear: both;
	padding: 10px;
	}
#footer-search-box div.body div.advanced {
	float: left;
	font-size: 10px;
	margin-left: 10px;
	margin-top: 4px;
	}
#footer-search-box div.body div.advanced a {
	color: #FFF;
	}
#footer-search-box div.body form {
	float: left;
	}

/* TABLE STYLES
********************************************************************************/
table.std {
	margin-left: 10px;
	margin-bottom: 20px;
	width: 685px;
	border-right: 1px solid #959595;
	border-bottom: 1px solid #959595;	
	font-size: 11px;
	color: #000;
}

table.compare {
	color: #333;
}

th {
	background: #d7d7d7;
	border-left: 1px solid #959595;
	color: #000;
	font-weight: bold;
	padding: 5px;
}

tr.top th {
	background: #686868 url(/_media/table_header.gif) repeat-x;
	height: 25px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	border: none;
	text-align: center;
}

table.compare tr.top th {
	font-size: 15px;
}

td {
	background: url(/_media/dots.gif) 0 bottom repeat-x;
	border-left: 1px solid #959595;
	padding: 5px;
	vertical-align: top;
	line-height: 1.5;
	text-align: center;
}

tr.shaded {
	background: #fafafa;
}

xxtable.std>td:first-child {
	font-weight: bold;
	color: #333;
	text-align: left;
}

td.first {
	xxpadding-left: 10px;
	color: #000;
	text-align: left;
}

table.left td, table.left th {
	text-align: left;
}

table.left tr.top th {
	font-size: 13px;
}

table.noStyle {
	border: none;
}

table.noStyle td {
	border: none;
	background: none;
	vertical-align: middle;
	padding: 0;
	text-align: left;
}

/* FORM STYLES
********************************************************************************/
table.form {
	padding-left: 10px;
	border: none;
}
table.form td {
	line-height:1.5;
	padding:0px 0px 5px 0pt;
	vertical-align:top;
	background: none;
	text-align: left;
	border: none;
}

#getUpdates input {
	float: left; margin-right: 5px;
}

#getUpdates input.submit {
	margin: 0;
}

input.emailForm {
	color: #000;
	font-size: 11px;
	background: #fff url(/_media/formfield_bg.gif) repeat-x;
	padding: 3px;
	border: 1px solid #b7b7b7;
}

input.submitButton {
	background: #ccc url(/_media/submit_bg.gif) repeat-x;
	border: 1px solid #acacac;
	font-size: 11px;
	color: #333;
	xxheight: 23px;
	xxwidth: 60px;
	cursor: pointer;
	padding: 2px;
}

/*
#contentWrap h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #ca6b14;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	line-height: 1.8;
	border: none;
}
*/
#contentWrap .apply {
	text-align: right;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #000;
}

#contentWrap .apply img {
	float: right;
}

#contentWrap div.callout2 {
	background: url(/_media/dots_light.gif) 0 bottom repeat-x;
	text-align: left;
	float: left;
	font-weight: bold;
	margin-bottom: 10px;
	width: 230px;
	padding-bottom: 10px;
	font-size: 12px;
}

div#screenshotWrap {
	text-align: right;
	font-size: 12px;
	line-height: 1.4;
}

div#screenshotWrap #screenshot {
	float: right;
	width: 453px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	text-align: left; 
	margin-right: 7px;
}

div#screenshotWrap #screenshot a{
	border: none;
}

img#screenshotImg {margin-bottom: 10px;padding: 3px; border: 1px solid #ccc; background: #fff;}

div#screenshotWrap #addPhoto {
	float: left;
	margin-right: 10px;
	width: 122px;
}

/* TEXTAREA CODE / BADGES
********************************************************************************/
textarea.code {
		display: block;
		width: 450px;
		height: 100px;
		}

/* PROMO PAGES
********************************************************************************/
body.promo #landingValprop {
	background: #000 url(/promo/media/landing_krugleman1.jpg) no-repeat;
}

#valpropHead h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #d24e06;
	border: none;
	margin-left: 280px;
	line-height:1.5;
}

#valpropHead h1 {
	margin-top: 30px;
}

#promoLeft {
	position: relative;
	background: #CDCDCD url(/promo/media/sidebar_bg.gif) repeat-x;
	border: 1px solid #7d7d7d;
	border-bottom: none;
	width: 193px;
	height: 272px;
	padding: 30px 10px 0 10px;	
}

#promoLeft input {
	float: right;
	font-size: 12px;
	xxpadding-top: 1px;
	padding-bottom: 1px;
}

#promoLeft h5 {
	font-size: 12px;
}

#promoLeft p.light {color: #7d7d7d;}

#leftSidebar p.terms {
	color: #7d7d7d;
	font-size: 10px;
}

#promoForm {
	margin-top: 30px;
}
#starburst {
	background:url(/promo/media/starburst.gif) no-repeat;
	position: absolute;
	width: 62px;
	height: 63px;
	top: 130px;
	left: 5px;
	z-index:100;
}

#sidebarBottom {
	position: absolute;
	bottom: 0;
	background: url(/promo/media/logo_apress.gif) 85% 40% no-repeat;
	padding-right: 100px;
	z-index: 10;
}

#promoLeftBottom {
	margin-bottom: 20px;
	width: 215px;
	height: 7px;
	background:url(/promo/media/sidebar_bottom.gif) no-repeat;
}

#rightCol .learnMore {
	width: inherit;
	margin: 0;
	margin-top: 0;
	margin-bottom: 10px;
	background:url(/promo/media/button_learn_more.gif) right 0 no-repeat;
}

#rightCol .learnMore a {
	background: none;
	border: none;
	display: block;
	width: 172px;
	height: 27px;	
}

#landingContent .promoRt p {
	font-size: 12px;
	margin-bottom: 0;
}

#landingContent .promoRt p a {
	color: #496f2b;
	text-decoration: none;
}

/* MISC
********************************************************************************/
.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}

hr { 
	display: none;
	height:0px; 
    border:0px; 
    border-top:1px solid #ccc;
}

div.dottedLine {
	width: 100%;
	height: 1px;
	margin-bottom: 1em;
	background: url(/_media/dots.gif) repeat-x;
}

div.dottedLineLight {
	width: 100%;
	height: 1px;
	margin-bottom: 1em;
	background: url(/_media/dots_light.gif) repeat-x;
}

.light {color: #7d7d7d;}
.green {color: #496f2b;}
.small {font-size: 11px;}

.error{
	background:#FFFFFF none repeat scroll 0%;
	border:2px solid #F26530;
}
.error-box {
	background:#F26530 none repeat scroll 0%;
	color:#FFFFFF;
	font-weight:bold;
	padding:10px;
}

.buttons {
	margin-bottom: 10px;
}
.buttons div {
	margin-bottom: 5px;
}
#contentWrap .buttons div a {
	border: none;
}

.wpButton a,
.wpButtonSmall a {
	display: block;
	background: url(/_media/button_whitepaper.gif) no-repeat;
	width: 160px;
	height: 49px;
	padding-top: 30px;
	padding-left: 55px;
	padding-right: 5px;
	color: #fff;
	text-decoration: underline;
	font-size: 11px;
	line-height: 1.3;
}

.wpButtonSmall a {
	width: 170px;
	height: 35px;
	padding-top: 24px;
	padding-left: 50px;
	padding-right: 0;
	line-height: 1.3;
	font-size: 11px;
	background: url(/_media/button_whitepaper_small.gif) no-repeat;
	color: #363636;
}

#homeValpropButtons .wpButtonSmall a {
	background: url(/_media/button_whitepaper_small_home.gif) no-repeat;
}

.wpButton a:hover {
	color: #fff;
	text-decoration: underline;
}

.wpButtonSmall a:hover {
	color: #363636;
	text-decoration: underline;
}

#homeValpropButtons .wpButton a {
	background: url(/_media/button_whitepaper_home.gif) no-repeat;
}

a.noBorder {border: none;}
.nomargin {margin: 0;}
.notopgap {margin-top: 0;}
.nobottomgap {margin-bottom: 0;}

/* IE HACKS
********************************************************************************/
/* fixes font-size keyword problem for IE5/Win */
body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

/* TOP NAV HIGHLIGHTING
********************************************************************************/
body.navProducts #topnav a#nProducts, 
body.navSolutions #topnav a#nSolutions, 
body.navCommunity #topnav a#nCommunity, 
body.navResources #topnav a#nResources, 
body.navSupport #topnav a#nSupport, 
body.navCompany #topnav a#nCompany
{
color: #D24E06;
}

/* LEFT NAV HIGHLIGHTING
********************************************************************************/
#leftNav a.active {
	background: #b9b9b9 url(/_media/lnav_active.gif) 0 top repeat-x;
}

/* TOP NAV HIGHLIGHTING - PRODUCTS
********************************************************************************/
body.subKruglePublic a#sKruglePublic,
body.subDevNetwork a#sDevNetwork,
body.subEnterprise a#sEnterprise,
body.subResources a#sResources,
body.subKrugleBasic a#sKrugleBasic
{
	background: #b9b9b9 url(/_media/lnav_active.gif) 0 top repeat-x;
}

/* TOP NAV HIGHLIGHTING - PRODUCTS SUBS
********************************************************************************/
body.subsubOpenFeatures a#ssOpenFeatures,
body.subsubOpenCompare a#ssOpenCompare,
body.subsubOpenDatasheet a#ssOpenDatasheet,
body.subsubOpenQuickstart a#ssOpenQuickstart,
body.subsubEntFeatures a#ssEntFeatures,
body.subsubEntCompare a#ssEntCompare,
body.subsubEntDatasheet a#ssEntDatasheet,
body.subsubEntDemo a#ssDemo,
body.subsubEntTrial a#ssTrial,
body.subsubDevFeatures a#ssDevFeatures,
body.subsubDevCompare a#ssDevCompare,
body.subsubResources a#ssResources,
body.subsubDevDatasheet a#ssDevDatasheet,
body.subsubDocumentation a#ssDocumentation,
body.subsubBusBenefits a#ssBusBenefits,
body.subsubDevImpact a#ssDevImpact
{
	font-weight: normal;
	background: #fff;
} 

/* TOP NAV HIGHLIGHTING - SOLUTIONS
********************************************************************************/
body.subSolutions a#sSolutions
{
	background: #b9b9b9 url(/_media/lnav_active.gif) 0 top repeat-x;
}

/* TOP NAV HIGHLIGHTING - SOLUTIONS SUBS
********************************************************************************/
body.subsubMaintenance a#ssMaintenance,
body.subsubParallel a#ssParallel,
body.subsubComponents a#ssComponents,
body.subsubProductivity a#ssProductivity,
body.subsubReuse a#ssReuse,
body.subsubOssCompliance a#ssOssCompliance,
body.subsubAgile a#ssAgile
{
	font-weight: normal;
	background: #fff;
} 

/* TOP NAV HIGHLIGHTING - COMMUNITY
********************************************************************************/
body.subNewsletter a#sNewsletter,
body.subPlugins a#sPlugins,
body.subBlogBling a#sBlogBling,
body.subIDL a#sIDL
{
	background: #b9b9b9 url(/_media/lnav_active.gif) 0 top repeat-x;
}

/* TOP NAV HIGHLIGHTING - RESOURCES
********************************************************************************/
body.subDemos a#sDemos,
body.subDoc a#sDoc,
body.subWebcasts a#sWebcasts
{
	background: #b9b9b9 url(/_media/lnav_active.gif) 0 top repeat-x;
}

/* TOP NAV HIGHLIGHTING - RESOURCES SUBS
********************************************************************************/
body.subsubSDD a#ssSDD,
body.subsubWebinar a#ssWebinar,
body.subsubInterviews a#ssInterviews,
body.subsubAdmin a#ssAdmin,
body.subsubQuickRef a#ssQuickRef,
body.subsubWhitepapers a#ssWhitepapers,
body.subsubDocDatasheets a#ssDocDatasheets,
body.subsubArch a#ssArch,
body.subsubInstall a#ssInstall,
body.subsubFaq a#ssFaq,
body.subsubDemosEnt a#ssDemosEnt,
body.subsubEclipse a#ssEclipse,
body.subsubUseCases a#ssUseCases
{
	font-weight: normal;
	background: #fff;
} 

/* TOP NAV HIGHLIGHTING - SUPPORT
********************************************************************************/
body.subLinks a#sLinks,
body.subSupport a#sSupport
{
	background: #b9b9b9 url(/_media/lnav_active.gif) 0 top repeat-x;
}

/* TOP NAV HIGHLIGHTING - SUPPORT
********************************************************************************/
body.subsubServices a#ssServices

{
	font-weight: normal;
	background: #fff;
}

/* TOP NAV HIGHLIGHTING - COMPANY
********************************************************************************/
body.subWhat a#sWhat,
body.subWho a#sWho,
body.subHiring a#sHiring,
body.subNews a#sNews,
body.subEvents a#sEvents,
body.subContact a#sContact,
body.subPartners a#sPartners
{
	background: #b9b9b9 url(/_media/lnav_active.gif) 0 top repeat-x;
}

/* TOP NAV HIGHLIGHTING - DEMOS
********************************************************************************/
body.subDemoes a#sDemos,
{
	background: #b9b9b9 url(/_media/lnav_active.gif) 0 top repeat-x;
}

/* TOP NAV HIGHLIGHTING - COMPANY SUBS
********************************************************************************/
body.subsubContactForm a#ssContactForm,
body.subsubWebinars a#ssWebinars,
body.subsubTradeshows a#ssTradeshows,
body.subsubSupportEngr a#ssSupportEngr,
body.subsubProdMgr a#ssProdMgr,
body.subsubPress a#ssPress,
body.subsubMedia a#ssMedia,
body.subsubAwards a#ssAwards
{
	font-weight: normal;
	background: #fff;
} 
























/* THICKBOX (MODIFIED)
********************************************************************************/
*{xxpadding: 0; xxmargin: 0; xxoverflow: hidden;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 15px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

#TB_window a:link {color: #FFFFFF; text-decoration:none; border: none;}
#TB_window a:visited {color: #FFFFFF; text-decoration:none; border: none;}
#TB_window a:hover {color: #FFFFFF; text-decoration:none; border: none;}
#TB_window a:active {color: #FFFFFF; text-decoration:none; border: none;}
#TB_window a:focus{color: #FFFFFF; text-decoration:none; border: none;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/_media/macFFBgHack.png) repeat;}


* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #252525;
	z-index: 102;
	color:#000000;
	display:none;
	border: 0px none #252525;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#252525;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom: 0px;
	margin-top: 0px;
	_margin-bottom: 0px;
}
#styleClose{
	padding-right:10px;
	padding-top:5px;
	text-align:right;
}
/* Enterprise Partner Certifications */
.partnerSide {
	margin-top: 15px;
}
.partnerSide #mid {
	background-image:url(/_media/cert_top.gif); 
	background-repeat:no-repeat;
	width: 220px;
	padding-top: 10px;
}
.partnerSide #bottom {
	background-image:url(/_media/cert_bottom.gif); 
	background-repeat:no-repeat; 
	width: 220px; 
	height: 10px;
}