/*
	Global Stylesheet for Tripwire
	Rules in this file should be applied to every page on the site.
	If a rule will only apply to one or two, add it to pages.css instead.
	Be polite to future developers, and label any hex colors you use!
*/

/* Universal Rules -------------------------------------------------- */
body {
	background: #fff;
	color: #4f4f53; /* gray */
	font: 76%/1.75 helvetica, arial, sans-serif;
	margin: 0;
}
a, a:link, a:visited {
	color: #4c6296; /* blue */
}
a:hover, a:focus, a:active {
	color: #717e9f; /* light blue */
}
object {
	outline: none; /* fix for swfobject in FF3 */
}
a img { 
	border: none; 
}
.hide {
	display:none;
}
/* Layout -------------------------------------------------- */
#container {
	background: #fff url("/_images/bg-page.jpg") repeat-x center top;
	position: relative;
}
#page {
	width: 948px;
	margin: 0 auto;
}
#content {
	position: relative;
}

/* Header Styles -------------------------------------------------- */
#header {
	position: relative;
	height: 95px;
	z-index: 699;
}
#header * {
	margin: 0;
}
#header #logo {
	position: absolute;
	top: 28px;
	left: -7px;
	z-index: 699;
}
#breadcrumb {
	position: absolute;
	top: 110px;
	left: 15px;
	font-size: .75em;
	z-index: 50;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited {
	color: #6d6d71; /* gray */
	text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a:active {
	color: #717e9f; /* light blue */
	text-decoration: underline;
}
#breadcrumb a.current {
	color: #717e9f; /* light blue */
}



/* Utility Nav Styles -------------------------------------------------- */
#utilities {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #eee;
	font-size: .9em;
	z-index: 599;
}
#utilities a, #utilities a:link, #utilities a:visited {
	color: #eee;
	text-decoration: none;
}
#utilities a:hover, #utilities a:focus, #utilities a:active {
	color: #fff;
	text-decoration: underline;
}
#utilities li {
	float: left;
	margin: 0 0 0 1.5em;
	padding: 0;
	list-style: none;
	line-height: 45px;
	/*height: 45px;*/
}
/* International Pull-Down Styles -------------------------------------------------- */
#utilities #util-international {
	padding-left: 42px;
	background: transparent url("/_images/bg-international.png") no-repeat left 15px;
	z-index: 1000;
}
#util-regions {
	display: none;
	width: 948px;
	margin: 0 auto;
	height: 60px;
	background: transparent url("/_images/bg-regions.jpg") no-repeat;
	position: relative;
}
#placeholder-regions {
	background: #414246 url("/_images/bg-regions-tile.gif") repeat-x; /* dark gray */
}
#util-regions a, #util-regions a:link, #util-regions a:visited {
	color: #eee;
	text-decoration: none;
}
#util-regions a:hover, #util-regions a:focus, #util-regions a:active {
	color: #fff;
	text-decoration: underline;
}
#util-regions h4 {
	position: absolute;
	top: 18px;
	left: 252px;
	width: 132px;
	height: 21px;
	text-indent: -9999px;
	background: transparent url("/_images/headline-regions.png") no-repeat;
}
#util-regions ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	left: 458px;
}
#util-regions li {
	float: left;
	margin: 24px 2em 0 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}

/* Search Styles -------------------------------------------------- */
#util-search {
	position: absolute;
	top: 49px;
	right: 0;
	width: 172px;
	height: 22px;
	background: transparent url("/_images/bg-search.png") no-repeat;
}
#util-search #search {
	float: left;
	padding: 0;
	margin: 4px 0 0 6px;
	border: 0;
	width: 140px;
	font-size: 11px;
}
#util-search #go {
	float: right;
	margin: 4px 6px 0 0;
	width: auto;
}

/* Navigation Styles -------------------------------------------------- */
#nav {
	position: absolute;
	top: 45px;
	left: 99px;
	width: 750px;
	height: 57px;
	background: transparent url("/_images/nav.png") no-repeat;
	font-size: .9em;
}
#nav a, #nav a:link, #nav a:visited {
	color: #666;
	text-decoration: none;
}
#nav a:hover, #nav a:focus, #nav a:active {
	color: #4c629c;
}
#nav .youarehere a.lvl2,
#nav .youarehere a.lvl3,
#nav .youarehere a.lvl4,
#nav .youarehere a.lvl5 {
	color: #4c629c;
}
#nav-products,
#nav-solutions,
#nav-services,
#nav-resources,
#nav-company {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#nav-products a.lvl1,
#nav-solutions a.lvl1,
#nav-services a.lvl1,
#nav-resources a.lvl1,
#nav-company a.lvl1 {
	display: block;
	position: absolute;
	top: 0;
	height: 30px;
	text-indent: -9999px;
}
/*

	Okay, this gets a little hairy - long story short, the nav items 
	are 100px wide by default, to allow proper "hot zones," but when 
	they're hovered, they expand to 140px and shift to the left to 
	allow the "ataris" to show on the active nav items.

*/
/* Navbar Placement */
#nav-products a.lvl1	{ left: 120px; width: 100px; }
#nav-solutions a.lvl1	{ left: 220px; width: 100px; }
#nav-services a.lvl1	{ left: 320px; width: 100px; }
#nav-resources a.lvl1	{ left: 420px; width: 100px; }
#nav-company a.lvl1		{ left: 520px; width: 100px; }
/* Selected Navbar Item */
#nav-products.sfHover a.lvl1	{ left: 100px; width: 140px; background: transparent url("/_images/nav.png") no-repeat -100px -57px; }
#nav-solutions.sfHover a.lvl1	{ left: 200px; width: 140px; background: transparent url("/_images/nav.png") no-repeat -200px -114px; }
#nav-services.sfHover a.lvl1	{ left: 300px; width: 140px; background: transparent url("/_images/nav.png") no-repeat -300px -57px; }
#nav-resources.sfHover a.lvl1	{ left: 400px; width: 140px; background: transparent url("/_images/nav.png") no-repeat -400px -114px; }
#nav-company.sfHover a.lvl1		{ left: 500px; width: 140px; background: transparent url("/_images/nav.png") no-repeat -500px -57px; }

/* Second Level */
#nav ul.lvl2 {
	margin: 2px 0 0 100px;
}
#nav-company ul.lvl2 {
	/*margin-left: 125px;*/
	width: 700px;
}
#nav li.lvl2 {
	padding: 3px 1em 0;
	line-height: 25px;
	background: transparent url("/_images/divider.png") no-repeat left center;
	text-transform: uppercase;
}
#nav li.lvl2:first-child {
	padding-left: 0;
	background: none;
}

/* Third Level */
#nav li li ul {
	width: 199px;
	padding: 8px 9px 0;
	background: transparent url("/_images/bg-nav-top.png") no-repeat;
	margin-top: -1px;
}
/*

	the following hacks aren't great, but there's no
	more reliable way to target safari and opera.

*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /* safari hack */
	#nav li li ul { margin-top: 0; }
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { /* opera hack */
	#nav li li ul { margin-top: -2px; }
}
#nav li li li ul {
	width: 181px;
	padding: 11px 0 0;
	margin: 0 0 0 3px;
	background: transparent url("/_images/bg-nav-top-inner.png") no-repeat;
}
#nav li li li {
	line-height: 1.25;
	height: 25px;
	padding-top: 0;
	text-transform: none;
	background: transparent url("/_images/bg-nav-tile.png") repeat-y;
	z-index: 99;
}
#nav li li li.lastchild {
	background: transparent url("/_images/bg-nav-bottom.png") no-repeat left bottom;
}

/* Special Override Styles */
#nav .special {
	text-indent: 1em;
}
#nav #more1,
#nav #more2,
#nav #more3 {
	width: 100px;
}
#nav #more1 li,
#nav #more2 li,
#nav #more3 li {
	width: 100px;
}
#nav #more1 li.lastchild {
	background-position: bottom left;
}
#nav #more2 {
	left: 281px;
	background-position: top center;
}
#nav #more2 li {
	background-position: top center;
}
#nav #more2 li.lastchild {
	background-position: bottom center;
}
#nav #more3 {
	left: 381px;
	background-position: top right;
}
#nav #more3 li {
	background-position: top right;
}
#nav #more3 li.lastchild {
	background-position: bottom right;
}

/* Content Styles -------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	line-height: 1.25;
	font-family: "arial", helvetica, arial, sans-serif;
	font-weight: normal;
	color: #4f4f53;	
	clear:both;
}
h1 {
	font-size: 1.25em;
	line-height: 1.26em;
}
h2 {
	font-size: 1.66em;
}

h3 {
	font-size: 1em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: -5px;
	clear:both;
}
h3.leadership {
	font-size:1.66em;
	text-transform:none;
	font-weight:bold;
}
h3.padding {
	padding:0 0 10px 0;	
}

h4, h5, h6 {
	font-size: 1.15em;
	font-weight: bold;
}
#content h4 {
	font-size: 1.45em;
	margin-bottom: -5px;
	font-weight: normal;
	line-height: 12px;
	padding-bottom: 3px;
	padding-top:3px;
}
#content h4.padding {
	margin:0;
	padding:5px 0;
	font-size:1.15em;
	font-weight:bold;
}
.small-text { font-size:.9em; }
/*

	These are the default settings for the splash area - page-specific 
	overrides for graphical headlines should be in pages.css.

*/
#splash {
	height: 108px; /* 110px -35px padding */
	padding-top: 35px;
	text-align: center;
}
#splash h2 {
	margin: 0 auto;
	text-shadow: #fff 0 0 15px;
	font-size: 2.25em;
	padding-top: 10px;
}
#splash h2.sIFR-replaced object {
	margin:0 auto;	
}
.intro {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: transparent url("/_images/intro_horz_rule.png") no-repeat center bottom;
}
.intro h1 {
	font-size: 1.55em;
	line-height: 1.15em;
}
#content .intro p {
	font-size: 1.1em;
	line-height: 1.65em;
	margin: 8px 0 0;
}
#content p {
	font-size: .95em;
}
#content ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#content ul li{
	margin: 0;
	padding: 0;
	padding-left: 25px;
	background: transparent url("/_images/tripwire_text_bullet.gif") no-repeat 0px 6px;	
}
#content .subpage-nav ul li {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	padding-top: 4px;
	background: transparent url("/_images/tripwire-subpage-nav.gif") no-repeat -15px 0px;		
}
#content .subpage-nav ul li a {
	text-transform: uppercase;
	font-size: 1em;
	color: #4d4d51;
	font-weight: bold;
	text-decoration: none;
}
#content .subpage-nav ul li a:hover {
	color: #4c6296;
}
#content .solution-list{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#content .solution-list li{
	margin: 0;
	padding: 0;
	padding-left: 40px;
	padding-top: 4px;
	margin-bottom: 3px;
}
#content .solution-list .te-solution {
	background: transparent url("/_images/bullet_te_icon.png") no-repeat 0px 0px;	
}
#content .solution-list .tlc-solution {
	background: transparent url("/_images/bullet_tlc_icon.png") no-repeat 0px 0px;	
}
#content .solution-list .vwire-solution {
	background: transparent url("/_images/bullet_vwire_icon.png") no-repeat 0px 0px;	
}
#content .solution-list .te-solution strong {
	color: #263787;
}
#content .solution-list .tlc-solution strong {
	color: #78064b;
}
#content .solution-list .vwire-solution strong {
	color: #aab300;
}
/*not in 12.10.09 r2c update*/
#content ul.bullets li {
	background:url("/_images/horizontalRule_lists.png") no-repeat;
	text-transform:uppercase;
	padding:5px 0;
	color:#4d4d51;
}
#content ul.bullets li span {
	background:url("/_images/bulletArrows.gif") no-repeat 2px 3px;
	padding:0 0 0 25px;
}
#content .greyBox {
	background-color:#f4f4f4;
	padding:10px;
}
#content a.learn {
	background:url("/_images/btn-learn.gif") no-repeat top left;
	text-indent:-9999px;
	height:24px;
	width:101px;
	display:block;	
}
#content .border {
	border-top:1px solid #e4e4e4;
	padding:5px 0 0 0;
}
#content a.signUp {
	display:block;
	text-indent:-9999px;	
}
#content .left {
	float:left;
	margin:0 20px 0 0;
}
#content ul.topMargin {
	margin:20px 0 0 0;	
}
/* Grid/Column Styles -------------------------------------------------- */
/*

	This is going to get a bit repetitive, because we can't do something
	like .columns.three.gutter, because IE6 doesn't understand when you 
	use more than one class at a time. So instead, we've got a different
	class for three columns, three columns with gutters, two columns,
	and two columns with gutters.

*/
.content p:first-child,
.two-column div p:first-child,
.two-column-gutter div p:first-child,
.two-column-even div p:first-child,
.two-column-even-gutter div p:first-child,
.three-column div p:first-child,
.three-column-gutter div p:first-child,
.two-column-third div p:first-child {
	margin-top: 0; /* remove top margin when there's no headline in the div */
}
.two-column,
.two-column-gutter,
.two-column-even,
.two-column-even-gutter,
.three-column,
.three-column-gutter {
	padding-bottom: 20px;
}
.two-column:after,
.two-column-gutter:after,
.two-column-even:after,
.two-column-even-gutter:after,
.three-column:after,
.three-column-gutter:after { /* clearfix */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.three-column .first,
.three-column .second,
.three-column .third {
	float: left;
	width: 279px; /* 319 - 40px padding */
	padding: 0 20px;
}
.three-column .third {
	width: 270px; /* 310 - 40px padding */
}
.three-column-gutter .first,
.three-column-gutter .second,
.three-column-gutter .third {
	float: left;
	width: 270px; /* 310 - 40px padding */
	padding: 0 20px;
	margin-right: 9px;
}
.three-column-gutter .third {
	margin-right: 0;
}
.two-column .first,
.two-column .second {
	float: left;
	width: 270px; /* 310 - 40px padding */
	padding: 0 20px;
}
.two-column .first {
	width: 598px; /* 638 - 40px padding */
}
.two-column-gutter .first,
.two-column-gutter .second {
	float: left;
	width: 270px; /* 310 - 40px padding */
	padding: 0 20px;
	margin-left: 9px;
}
.two-column-gutter .first {
	width: 589px; /* 629 - 40px padding */
	margin-left: 0;
}
.two-column-even .first,
.two-column-even .second {
	float: left;
	width: 429px; /* 469 - 40px padding */
	padding: 0 20px;
}
.two-column-even .first {
	width: 439px; /* 479 - 40px padding */
}
.two-column-even-gutter .first,
.two-column-even-gutter .second {
	float: left;
	width: 429px; /* 469 - 40px padding */
	padding: 0 20px;
	margin-left: 10px;
}
.two-column-even-gutter .first {
	margin-left: 0;
}
.two-column-third .first {
	float: left;
	width: 308px; /* 308 width of image */
	padding: 0;
	margin-right: 0;	
}
.two-column-third .second {
	float: left;
	width: 530px;
	padding: 0 0 0 20px;
	margin-right: 9px;		
}

.three-column .contains-modules,
.three-column-gutter .contains-modules,
.two-column .contains-modules,
.two-column-gutter .contains-modules,
.two-column-even .contains-modules,
.two-column-even-gutter .contains-modules{
	/* turn off the extra padding for columns that contain modules (which are full-width) */
	width: 310px;
	padding: 0;
}
.full-bleed {
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 10px;
}
.content {
	/* to make non-grid content line up properly, wrap in div.content */
	padding: 0 20px 20px;
}
/* flexible columns  */
.flex-columns:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .flex-columns {height: 1%;}
.flex-columns{ display:inline-block; }
.flex-columns{ display:block; }

.flex-columns .column{
  float:left;
  overflow:hidden;
  display:inline;
}
.flex-columns .lastColumn{ float:right; }

.col2 .firstColumn{ width:32%; }
.col2 .lastColumn{ width:60%; }

.col2A .firstColumn{ width:50%; }
.col2A .lastColumn{ width:48%; }

.col2B .firstColumn{ width:70%; }
.col2B .lastColumn{ width:29%; }

.col3 .firstColumn{ width:32%; }
.col3 .secondColumn{ width:32%; margin-left:20px; }
.col3 .lastColumn{ width:32%; }

.col4 .firstColumn{ width:24%; }
.col4 .secondColumn,.col4 .thirdColumn{ width:24%; margin-left:20px; }
.col4 .lastColumn{ width:24%; }

/* Grid Test Styles -------------------------------------------------- */
/* To check the grid, add class="gridtest" to the body tag */
.gridtest #page {
	background: transparent url("/_images/bg-grid.png") repeat-y;
}
.gridtest .three-column .first,
.gridtest .three-column .second,
.gridtest .three-column .third {
	background: #fcc;
}
.gridtest .three-column .second {
	background: #cfc;
}
.gridtest .three-column .third {
	background: #ccf;
}
.gridtest .three-column-gutter .first,
.gridtest .three-column-gutter .second,
.gridtest .three-column-gutter .third {
	background: #fcc;
}
.gridtest .three-column-gutter .second {
	background: #cfc;
}
.gridtest .three-column-gutter .third {
	background: #ccf;
}
.gridtest .two-column .first,
.gridtest .two-column .second,
.gridtest .two-column-even .first,
.gridtest .two-column-even .second {
	background: #fcc;
}
.gridtest .two-column .first,
.gridtest .two-column-even .first {
	background: #ccf;
}
.gridtest .two-column-gutter .first,
.gridtest .two-column-gutter .second,
.gridtest .two-column-even-gutter .first,
.gridtest .two-column-even-gutter .second {
	background: #fcc;
}
.gridtest .two-column-even-gutter .first {
	background: #ccf;
}

/* Module Styles -------------------------------------------------- */
.module {
	margin: 0;
	background: transparent url("/_images/bg-featured-top.png") no-repeat 2px top;
	padding: 17px 0 0;
}
.module .module-wrapper {
	background: transparent url("/_images/bg-module-1col-shadow.png") no-repeat left bottom;
	padding: 0 15px 25px;
}
.module .module-wrapper:after { /* clearfix */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.noshadow .module-wrapper {
	background-image: url("/_images/bg-module-1col.png");
	padding-bottom: 5px;
	margin-bottom: 9px;
}
#content .module ul {
	list-style: disc;
	margin: 10px 0;
}
#content .module li {
	margin-left: 1.5em;
	padding: 0;
	background: none;
}
.module-wide {
	margin: 9px 0;
	background: none;
	padding: 20px 0;
}
.module-wide .module-wrapper {
	background: none;
	padding: 0 15px;
}

/* Accordion Module Styles -------------------------------------------------- */
.module .accordion {
	padding-left: 0;
	padding-right: 0;
}
.accordion div {
	padding: 1px 15px;
}
.accordion form div {
	padding: 0;
}
#content .accordion h4 {
	margin: 0 2px;
	padding: 10px 13px;
	border-top: 1px solid #d8d8d8; /* gray */
	text-transform: uppercase;
	font-size: 1em;
	line-height: 1;
	font-weight: bold;
	color: #5f5f5f;
	clear: both;
}
#content .accordion h4.firstchild {
	border: 0;
	margin-top: 0;
	padding-top: 0;
}
#content .accordion h4 a {
	display: block;
	background: transparent url("/_images/accordion-expand.png") no-repeat right top;
	line-height: 21px;
	text-decoration: none;
	cursor: pointer;
	color: #5f5f5f;
}
#content .accordion h4.ui-state-active a {
	background-image: url("/_images/accordion-collapse.png");
}

#content .module .accordion ul.results li {
	list-style-type: none;
	padding: 0px;
	margin: 0;
	margin-bottom: 3px;
}
/*
	For graphic header image replacement, see pages.css
*/

/* Tabbed Module Styles -------------------------------------------------- */
.ui-tabs .ui-tabs-hide {
     display: none;
}
.tabbed {
	width: 629px;
	margin: 0 -20px;
	background: transparent url("/_images/bg-tabbed.gif") no-repeat;
}
.tabbed #tabbed-nav {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 31px;
	width: 629px;
}
.tabbed #tabbed-nav a, .tabbed #tabbed-nav a:link, .tabbed #tabbed-nav a:visited {
	color: #666;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}
.tabbed #tabbed-nav a:hover, .tabbed #tabbed-nav a:focus, .tabbed #tabbed-nav a:active {
	color: #4c629c;
}
.tabbed #tabbed-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
.tabbed #tabbed-nav li a {
	padding-top: 3px;
	display: block;
	position: absolute;
	top: 0;
	height: 28px;
	width: 105px;
	text-align: center;
	line-height: 28px;
	background: transparent url("/_images/bg-tabbed-nav-small.gif") no-repeat;
}
.tabbed #tabbed-nav.widetabs li a {
	width: 157px;
	background: transparent url("/_images/bg-tabbed-nav-wide.gif") no-repeat;
}
/*

	Okay, this gets a little hairy - long story short, the nav items 
	are 105px wide by default, to allow proper "hot zones," but when 
	they're hovered, they expand to 135px and shift to the left to 
	allow the "ataris" to show on the active nav items.

*/
/* Navbar Placement */
.tabbed #tabbed-nav #tabbed-nav1 a	{ left: 0; background-position: 0 0; }
.tabbed #tabbed-nav #tabbed-nav2 a	{ left: 104px; background-position: -104px 0; }
.tabbed #tabbed-nav #tabbed-nav3 a	{ left: 209px; background-position: -209px 0; }
.tabbed #tabbed-nav #tabbed-nav4 a	{ left: 314px; background-position: -314px 0; }
.tabbed #tabbed-nav #tabbed-nav5 a	{ left: 419px; background-position: -419px 0; }
.tabbed #tabbed-nav #tabbed-nav6 a	{ left: 524px; background-position: -524px 0; }
/* Selected Navbar Item */
.tabbed #tabbed-nav #tabbed-nav1.ui-state-active a	{ z-index: 99; left: -15px; width: 135px; background-position: 15px -31px; }
.tabbed #tabbed-nav #tabbed-nav2.ui-state-active a	{ z-index: 99; left: 89px;  width: 135px; background-position: -89px -62px; }
.tabbed #tabbed-nav #tabbed-nav3.ui-state-active a	{ z-index: 99; left: 194px; width: 135px; background-position: -194px -31px; }
.tabbed #tabbed-nav #tabbed-nav4.ui-state-active a	{ z-index: 99; left: 299px; width: 135px; background-position: -299px -62px; }
.tabbed #tabbed-nav #tabbed-nav5.ui-state-active a	{ z-index: 99; left: 404px; width: 135px; background-position: -404px -31px; }
.tabbed #tabbed-nav #tabbed-nav6.ui-state-active a	{ z-index: 99; left: 509px; width: 135px; background-position: -509px -62px; }
/* Navbar Placement */
.tabbed #tabbed-nav.widetabs #tabbed-nav1 a	{ left: 0; background-position: 0 0; }
.tabbed #tabbed-nav.widetabs #tabbed-nav2 a	{ left: 157px; background-position: -157px 0; }
.tabbed #tabbed-nav.widetabs #tabbed-nav3 a	{ left: 314px; background-position: -314px 0; width: 158px; /* this one is 1px off */ }
.tabbed #tabbed-nav.widetabs #tabbed-nav4 a	{ left: 472px; background-position: -472px 0; }
/* Selected Navbar Item */
.tabbed #tabbed-nav.widetabs #tabbed-nav1.ui-state-active a	{ z-index: 99; left: -15px; width: 187px; background-position: 15px -31px; }
.tabbed #tabbed-nav.widetabs #tabbed-nav2.ui-state-active a	{ z-index: 99; left: 142px; width: 187px; background-position: -142px -62px; }
.tabbed #tabbed-nav.widetabs #tabbed-nav3.ui-state-active a	{ z-index: 99; left: 299px; width: 188px; background-position: -299px -31px; }
.tabbed #tabbed-nav.widetabs #tabbed-nav4.ui-state-active a	{ z-index: 99; left: 457px; width: 187px; background-position: -457px -62px; }

.tabbed .tab {
	padding: 15px 20px;
}

/* Form Styles -------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}
em.required {
	font-style: normal;
	color: #f58025; /* tripwire orange */
}
form label {
	display: block;
	font-weight: bold;
}
form div {
	margin: .5em 0;
}
form div.asset_field input,
form div.asset_field select,
form div.asset_field textarea {
	width: 230px;
}
form select { 
	vertical-align:top;
}
form textarea {
	height: 100px;
}
form .check input,
form .radio input {
	width: auto;
}
form .check label,
form .radio label {
	float: none;
	font-weight: normal;
	width: auto;
	display: inline;
}
form .actions {
}
form .actions input {
	width: auto;
}
form .btn-go { 
	width: auto;
}
.asset-field select {
	width:200px;
	vertical-align:top;
}
#asset_form .module-wrapper {
	padding-right: 0;
}
#asset_form h4#section1,
#asset_form h4#section2 {
	width: 110px;
	height: 26px;
	text-indent: -9999px;
	background: transparent url("/_images/bg-sign-on.gif") no-repeat;
	margin:10px 0 0 0;
}
#asset_form p{
	padding-top:0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#asset_form label.error {
	font-weight: normal;
	color: #f58025; /* tripwire orange */ 
}
#asset_form .errorlist {
	background: #fff;
	padding: 1em;
	margin-right: 15px;
	border: 1px solid #f58025; /* tripwire orange */
}
#asset_form form .asset_field input {
	height: 18px; /* 35px - 10px padding */
	width: 255px; /* 290px - 15px padding */
	padding: 3px 5px 0px 5px;
}
#asset_form form .asset_field fieldset select {
	height: 18px; /* don't need to subtract the padding for some reason */
	width: 265px; /* don't need to subtract the padding for some reason */
}
#asset_form form span#submit_button {
	position: relative;
	top: 5px;
	left: 20px;	
	margin: 10px 0px 20px 0px;
	padding: 0;
}
#asset_form form span#submit_button input {
	margin-left: -25px;
	padding: 0;
	width: auto;
	height: auto;
}
#asset_form #first_time {
	padding-bottom: 20px;
}

/* Footer Tagline Graphic Styles ---------------------------------- */
#tripwire-tagline h3 {
	clear: both;
	margin: 0px auto;
	width: 948px;
	height: 96px;
	text-indent: -9999px;
	background: transparent url("/_images/footer_tagline.png") no-repeat;
}

/* Footer Styles -------------------------------------------------- */
#footer {
	clear: both;
	padding: 10px 40px;
	font-size: .9em;
}
#footer a, #footer a:link, #footer a:visited {
	color: #4f4f53; /* gray */
	text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #4c6296; /* tripwire orange */
	text-decoration: underline;
}
#footernav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	width: 650px;
}
#footernav ul {
	margin: .5em 0 0;
	padding: 0;
	list-style: none;
}
#footernav li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 120px;
	float: left;
	margin-left: 10px;
	padding-bottom: 40px;
}
#footernav li strong { /* same as H4 styles */
	display: block;
	font-family: "lucida grande", helvetica, arial, sans-serif;
	font-size: 1.15em;
	line-height: 1.25;
}
#footernav li li {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
}
#footer-about {
	float: left;
	width: 195px;
	padding-bottom: 40px;
}
#footer-about p {
	margin: .5em 0 1em;
}
/* Print Button --------------------------------------------------- */
#print {
	position: absolute;
	top: 215px;
	right: 0px;
	padding-right: 20px;
	background: transparent url("/_images/print-icon.png") no-repeat top right;
	line-height: 14px;
	z-index: 999;
}
#print a,
#print-gated a{
	font-size: .90em;
	text-transform: uppercase;
	text-decoration: none;
	color: #4d4e53;
}
#print a:hover,
#print-gated a:hover {
	text-decoration: underline;
	color: #4c629c;
}
#print-gated {
	position: absolute;
	top: 200px;
	right: 0px;
	padding-right: 20px;
	background: transparent url("/_images/print-icon.png") no-repeat top right;
	line-height: 14px;
	z-index: 999;
}
/* Button Styles -------------------------------------------------- */
/*General button style across site */
#content .module .more-link {
	display: block;
	height: 30px;
	padding: 0;
	margin: 0;
	position: relative;
	left: -5px;
}

#content .module .more-link {
	display: block;
	height: 35px;
	padding: 0;
	margin: 0;
	position: relative;
}
a.button {
    background: transparent url('/_images/bg_button_a.png') no-repeat scroll top right;
    color: #4d4e53;
    display: block;
    float: left;
    height: 31px;
    margin-right: 18px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    text-transform: uppercase;
    font-size: .90em;
    letter-spacing: .1em;
	cursor: pointer;
}

a.button span {
    background: transparent url('/_images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 15px;
    padding: 9px 0 7px 18px;
} 
a.button:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
    color: #4c629c;
}

a.button:hover span {
    background-position: bottom left;
    padding: 9px 0 7px 18px; /* push text down 1px */
} 
a.small-button {
	float: left;
	display: block;
	text-decoration: none;
	color: #5f5f5f;
	text-transform: uppercase;
	margin-right: 18px;
	height: 18px;
	width: auto;
	line-height: 18px;
	font-size: 10px;
	font-weight: bold;
	background: transparent url("/_images/btn-arrows-white.gif") no-repeat;
	margin-bottom: 10px;
	cursor: pointer;
}
a.small-button:hover {
    color: #4c629c;
}
a.small-button span {
	display: block;
	height: 18px;
	line-height: 18px;
	padding-right: 10px;
	margin: 0 -10px 0 18px;
	background: transparent url("/_images/btn-arrows-white.gif") no-repeat right top;
}
.module a.small-button,
.module a.small-button span {
	background-image: url("/_images/btn-arrows-gray.gif");
}





/* General Styles for Right Rail Boxes */
.module .module-wrapper .bottomBorder {
	background:url(/_images/module_ruleBg.gif) no-repeat bottom;
}
/* My Tripwire Call out Module */
#featured .module-wrapper {
	background: transparent url("/_images/bg-featured-shadow.png") no-repeat left bottom;
	padding: 80px 13px 25px;
}
#featured .module-wrapper {
	background-image: url("/_images/bg-featured.png");
	padding-bottom: 5px;
	margin-bottom: 9px;
}
#featured .module-wrapper .mytripwire {
	position:relative;
	padding:30px 0 0 0;
}
#featured .mytripwire h4 {
	width: 120px;
	height: 21px;
	background: transparent url("/_images/myTripwire_headlineSmall.gif") no-repeat top left;
	position: absolute;
	top: -31px;
	left: -1px;
	text-indent: -9999px;
}
#featured .mytripwire p {
	margin: 2em 0;
	
}
#featured .mytripwire p.desc {
	position:relative;
	top:-35px;
	width: 150px;
	line-height: 1.5;
	z-index:99;
}	

#featured .mytripwire p.actions a {
	background:transparent url(/_images/btn-signUpNow_small.png) no-repeat scroll center top;
	display:block;
	height:35px;
	padding:0;
	position:relative;
	text-indent:-9999px;
	width:286px;
	z-index:99;
	top:-15px;
}
#featured .mytripwire p.actions a.signin {
	background:transparent url(/_images/btn-sign-in-now.png) no-repeat scroll center top;
	display:block;
	height:35px;
	padding:0;
	position:relative;
	text-indent:-9999px;
	width:286px;
	z-index:99;
	top:-15px;
}
#pressBox .module-wrapper .mytripwire_thanks {
	position:relative;
	padding:30px 0 0 0;
}
#pressBox .mytripwire_thanks h3 {
	width: 285px;
	height: 21px;
	/*background: transparent url("/_images/headline_mytripwire_visit.gif") no-repeat top left;
	text-indent: -9999px;*/
	position: absolute;
	top: 10px;
	left: -1px;
	
}
#pressBox .mytripwire_thanks p {
	margin: 2em 0;
	
}
#pressBox .mytripwire_thanks p.desc {
	position:relative;
	top:-15px;
	width: 285px;
	line-height: 1.5;
	z-index:99;
}	

#pressBox .mytripwire_thanks p.actions a {
	background:transparent url(/_images/btn_mytripwire_visit.gif) no-repeat scroll center top;
	display:block;
	height:38px;
	padding:0;
	position:relative;
	text-indent:-9999px;
	width:286px;
	z-index:99;
	top:-15px;
}
#featured p.example {
	width: auto;
	margin: 0;
	position: absolute;
	top: -30px;
	right: -37px;
	z-index:50;
}
/* Tripwire RSS Right Rail Call Out */
.rssFeed {
	padding:0 0 0 5px;
}

.rssFeed p a {
	text-indent:-9999px;
	background:url(/_images/subscribeRss.png) no-repeat top;
	width:297px;
	height:30px;
	display:block;
}
/* Customer Events */
.customerEvents {
	padding: 0 0 10px 5px;	
}
.customerEvents p a {
	text-indent:-9999px;
	background:url(/_images/customerEvents.png) no-repeat top;
	width:297px;
	height:28px;
	display:block;
}
/* Resource Center */
.resourceCenter {
	padding:0 0 10px 5px;	
}
.resourceCenter p a {
	text-indent:-9999px;
	background:url(/_images/resourceCenter.png) no-repeat top;
	width:297px;
	height:28px;
	display:block;
}
.pressReleaseRss {
	padding:0 0 10px 5px;
}
.pressReleaseRss p a {
	text-indent:-9999px;
	background:url(/_images/pressReleaseRss.png) no-repeat top;
	width:297px;
	height:30px;
	display:block;
}

/* Right Rail Press Box */
#pressBox h4, #contactTrip h4 {
	font-size:1em;
	color:#b1b1b1;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 0 5px 0;
}
#pressBox ul.flush {
	margin:0;
	padding:5px 0;
}
#pressBox ul.flush li {
	list-style-type:none;
	margin:0;
	padding:0;
}
#pressBox .analyst p.nomargin {
	margin-bottom:0;	
}
#pressBox .analyst p.nomarginTop {
	margin-top:0;	
}
#pressBox .analyst,
#pressBox .pressKits,
#pressBox .caseStudies {
	clear:both;
	padding:5px 0;
}
#pressBox .pressKits,
#pressBox .caseStudies {
	padding:10px 0;	
}
#pressBox .analyst,
#pressBox .pressKits {
	background:url(/_images/horizontalRule_lists.png) bottom no-repeat;
}
/* Class for adding the horizontal Rule to the top of a div */
.rule {
	background:transparent url(/_images/intro_horz_rule.png) no-repeat scroll center top;
	clear:both;
}

/* Application Instructions Module & Job Details */
#apply h4,
#jobDetails h4,
#speakers h4{
	font-size:1em;
	color:#b1b1b1;
	text-transform:uppercase;
	font-weight:bold;
	padding:0 0 5px 0;		
}
#apply .instructions {
	background:url(/_images/horizontalRule_lists.png) bottom no-repeat;
	padding:0 0 10px 0;
}
#apply br.clear {
	font-size:1px;
	clear:both;
	height:1px;
	width:1px;
	display:block;
}
#jobDetails dl dt {
	font-weight:normal;
	float:left;
	width:150px;
}
/* Speakers Bureau */
#speakers .speakers {
	padding:0 0 20px 0;	
}
#speakers h6 {
	font-size:1em;
	font-weight:bold;
}
/*long border for top of whole page */
.longBorder {
	background:url(/_images/horizontalRule_fullLength.png) no-repeat top center;
	padding:10px 0 0 0;
}
/*clear tag for the floating buttons*/
span.clear {
	display:inline;
	clear:both;
	height:1px;
	width:1px;
}

/* Side Nav border bottom */
div.sideNav {
	background:transparent url(/_images/horizontalRule_lists.png) no-repeat scroll center bottom;
	padding:0 0 10px 0;
	margin:20px 0 5px 5px;
}
/* Chart Box */
#content .fullGrey {
	background:url(/_images/greyBox_top.gif) top left no-repeat;
	padding:13px 0 11px 0;
	width:599px;
	clear:both;
}
#content .fullGrey .bottom {
	background:url(/_images/greyBox_bottom.gif) bottom left no-repeat;
	padding-bottom:11px;
}
#content .fullGrey .bottom .contentBox {
	background-color:#f2f2f1;
	min-height:100px;
	padding:0 20px;
}
#content .fullGrey .bottom .contentBox .left {
	float:left;
	width:205px;
}
#content .fullGrey .bottom .contentBox .right {
	float:left;
	width:295px;
	padding:0 0 0 20px;
}
#content .fullGrey .bottom .contentBox .right h4 {
	font-size:1.1em;
	color:#5f5f5f;
	text-transform:uppercase;
	font-weight:bold;
}
#content .fullGrey .bottom .contentBox .right h6 {
	font-size:1.2em;
	color:#4c629c;
	padding:10px 0 0 0;
}
#content .fullGrey .bottom .contentBox .right p {
	margin:5px 0 10px 0;	
}

/* TE Grey Box */
#content .fullGreyTE {
	background:url(/_images/greyBox_top.gif) top left no-repeat;
	padding:13px 0 11px 0;
	width:599px;
	clear:both;
}
#content .fullGreyTE .bottom {
	background:url(/_images/greyBox_bottom.gif) bottom left no-repeat;
	padding-bottom:11px;
}
#content .fullGreyTE .bottom .contentBox {
	background-color:#f2f2f1;
	min-height:100px;
	padding:0 20px;
}
#content .fullGreyTE .bottom .contentBox .left {
	float:left;
	width:102px;
}
#content .fullGreyTE .bottom .contentBox .right {
	float:left;
	width:375px;
	padding:0 0 0 20px;
}
#content .fullGreyTE .bottom .contentBox .right h4 {
	font-size:1.1em;
	color:#5f5f5f;
	text-transform:uppercase;
	font-weight:bold;
}
#content .fullGreyTE .bottom .contentBox .right h6 {
	font-size:1.2em;
	color:#4c629c;
	padding:10px 0 0 0;
}
#content .fullGreyTE .bottom .contentBox .right p {
	margin:5px 0 10px 0;	
}


form#askAQuestion {
	padding:0 0 20px 0;
	margin:0 0 0 -5px;
}
form#askAQuestion label {
	font-weight:normal;	
}
form#askAQuestion input#submitButton {
	width:97px;
	height:33px;
}
form#askAQuestion textarea {
	width:225px;
}
form#askAQuestion .error {
	display:block;	
}
h5.question {
	color:#f58025;	
}
.error {color:#CC0000}

br.clear {
	font-size:1px;
	clear:both;
	height:1px;
	width:1px;
	display:block;
}
.clear {
	clear:both;	
}
/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
  margin:0 auto;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

/*---- Header styling ---*/