html, body, div, h1, h2, h3, h4, h5, h6, p, form, table, td, a {
	margin: 0; padding: 0; border: 0; font-size: 100%;
	}

body {
	background: #092159 url(../images/global-page-bg.gif) repeat-x top left; color: #222; font: normal 11px arial, helvectia, sans-serif, serif; text-align: center;
	font-size: x-small;		/* win ie 5.x  */												voice-family: "\"}\""; voice-family:inherit;
	font-size: small;			/* all other browsers */
	}

td {
	font: normal 100% arial, helvectia, sans-serif; text-align: left; vertical-align: top;
	}

img {
	display: block; border: 0;
	}

.clear {
	clear: both;
	}

a, a:visited , a:active {
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}




/* Global Styles */

#pageContainer {
	position: relative; width: 778px; font-size: 85%;
	margin: 0 auto; text-align: left;
	}

#headerHome {
	position: relative; height: 104px; padding: 27px 8px 0 0; margin-bottom: 38px; background: transparent url(../images/global-header-home.gif) no-repeat top left; text-align: right;
	width: 778px; height: 104px;	/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 770px; height: 77px;		/* all other browsers */
	}

#headerHome a {
	color: #a6c6f4;
	}

#headerHome img, #headerInside img {
	display: none;
	}

#headerInside {
	position: relative; height: 61px; padding: 43px 8px 0 0; margin-bottom: 38px; background: transparent url(../images/global-header-inside.gif) no-repeat top left; text-align: right;
	width: 778px; height: 61px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 770px; height: 18px;		/* all other browsers */
	}

#headerInside a.home, #headerInside a.home:hover {
	position: absolute; left: 5px; top: 24px; width: 161px; height: 28px; display: block; text-decoration: none;
	}

#headerInside a {
	color: #a6c6f4;
	}

#menubarHome {
	position: absolute; top: 104px; left: 0px; padding: 0 8px; border-top: 1px solid #bdd8ff;
	width: 778px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 762px;		/* all other browsers */
	}

#menubarInside {
	position: absolute; top: 61px; left: 0px; padding: 0 8px; border-top: 1px solid #bdd8ff;
	width: 778px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 762px;		/* all other browsers */
	}

#menubarRequestDemo {
	display: block; float: right; padding-top: 10px; color: #a6c6f4;
	}

div.menubarItem {
	display: block; float: left;
	}

div.menubarItem a {
	display: block; padding: 10px 17px 2px 10px; border-left: 1px solid #bdd8ff; z-index: 400;
	color: #fff; font-weight: bold; text-decoration: none;
	}

div.menubarItem a:hover {
	color: #ddc11b; text-decoration: none;
	}

div.menubarItem a.active {
	color: #c1c6d3;
	}

div.menubarItem div {
	position: absolute; border-top: 1px solid #bdd8ff;
	display: none;
	}

div.menubarItem div a {
	display: block; padding: 3px 10px; border: 1px solid #bdd8ff; border-top: 0;
	background: #092159; color: #fff; white-space: nowrap;
	}

div.menubarItem div a:hover {
	background: #fff; color: #cea118;
	}

#taketour {
	display: block; padding: 6px 0 0 12px; background: url(../images/global-button-taketour.gif) no-repeat 0px 0px; overflow: hidden;
	font: bold 110% arial, sans-serif; color: #1b509f; text-decoration: none;
	width: 110px; height: 29px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 98px; height: 23px;		/* all other browsers */
	}

#taketour:hover {
	color: #fff; background: url(../images/global-button-taketour.gif) no-repeat 0px -29px; overflow: hidden;
	text-decoration: none;
	}

#breadcrumbs {
	position: relative; padding: 5px 9px 6px 9px; background: url(../images/global-breadcrumbs-bg.gif); font-size: 90%; color: #fff;
	border-bottom: 1px solid #fff; border-right: 1px solid #fff;
	width: 778px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 	759px;		/* all other browsers */
	}

#breadcrumbs a {
	color: #fff; text-decoration: underline;
	}

#breadcrumbs a:hover {
	text-decoration: none;
	}

#footer {
	position: relative; width: 778px;
	}

#footerCopyright {
	float: left; padding: 10px 0 20px 5px; font: normal 90% arial, sans-serif; color: #5b7aae;
	}

#footerCopyright a {
	color: #5b7aae;
	}

#footerContact {
	float: right; padding: 10px 5px 20px 0; font: normal 90% arial, sans-serif; color: #a6c6f4;
	}




/* Page Styles -- HOME */

#homeMainContent {
	width: 778px; background: #07346f url(../images/homepage-main-bg.gif) no-repeat bottom left;
	}

#homeMainContentLeft {
	float: left; padding: 15px 0 180px 20px; background: url(../images/homepage-main-left-bg.jpg) no-repeat top left;
	font: bold 125% arial, helvectia, arial; line-height: 160%; color: #06336e;
	min-height: 83px; height: auto;
	width: 403px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 383px;		/* width = all other browsers, height = win/ie 6+ */
	}

#homeMainContentRight {
	float: left; margin-bottom: 8px; padding: 20px 10px 0px 20px; background: #fff url(../images/homepage-main-right-bg.gif) repeat-x top left;
	width: 375px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 345px;		/* all other browsers */
	}
	
#homeMainContent h1 {
	background: no-repeat 0 0.333em; 
	font: bold 135% arial, sans-serif; color: #036; padding-bottom: 8px;
	}


#homeMainContent h1 a, #homeMainContent h1 a:hover {
	color: #036; text-decoration: none;
	}
	
#homeMainContent h2 {
	background: url(../images/global-arrow-large-blue.gif) no-repeat 0 0.333em; padding-left: 13px;
	font: bold 110% arial, sans-serif; color: #036; padding-bottom: 4px;
	}

#homeMainContent h2 a, #homeMainContent h2 a:hover {
	color: #036; text-decoration: none;
	}

#homeMainContent p {
	padding-left: 13px; padding-bottom: 8px;
	}

#homeMainContent p a {
	padding-right: 13px; background: url(../images/global-doublearrow-small-blue.gif) no-repeat 100% 0.333em;
	font-weight: bold; color: #359;
	}

#homeSubContent {
	width: 778px; background: #e4e9f1 url(../images/homepage-sub-bg.gif) no-repeat bottom left; border-top: 5px solid #0a225a;
	}

#homeSubContentLeft {
	float: left; padding: 13px 18px; background: url(../images/homepage-sub-topleft-bg.gif) no-repeat top left; border-right: 2px solid #0a225a;
	width: 311px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 275px;		/* all other browsers */
	}

#homeSubContentLeft a {
	padding-right: 13px; 
	/* background: url(../images/global-doublearrow-small-blue.gif) no-repeat 100% 0.333em; */
	font-weight: bold; color: #359;
	}

#homeSubContentMiddle {
	float: left; padding: 13px 18px; background: url(../images/homepage-sub-topright-bg.gif) no-repeat top right; border-right: 2px solid #0a225a;
	width: 321px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 283px;		/* all other browsers */
	}

#homeSubContentMiddle a {
	padding-right: 13px; background: url(../images/global-doublearrow-small-blue.gif) no-repeat 100% 0.333em;
	font-weight: bold; color: #359;
	}

#homeSubContentRight {
	float: left; padding: 13px 17px; background: url(../images/homepage-sub-topleft-bg.gif) no-repeat top left;
	width: 144px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 108px;		/* all other browsers */
	}

#homeSubContent h4 {
	font: bold 120% arial, sans-serif; color: #092159; padding-bottom: 11px;
	}

#homeSubContent h4 a, #homeSubContent h4 a:hover {
	color: #092159; text-decoration: none; background: none; padding: 0;
	}

#homeSubContent p {
	padding-bottom: 15px;
	}

#homeSubContent strong {
	font-weight: bold; color: #727374;
	}

#homeSubContentSpotlightLogo {
	float: left; margin: 3px 10px 5px 0;
	}

#homeSubContentSpotlightFooter {
	float: right; margin: 0; padding: 0; text-align: right;
	}



/* Page Styles -- INSIDE (shared) */

#insideContent {
	width: 778px; background: #fff url(../images/inside-main-bg.gif) no-repeat bottom right;
	}

#insideContentLeft {
	float: left; width: 140px; padding-bottom: 210px; border-bottom: 1px solid #fff; background: #dae3fa url(../images/inside-main-left-bg.jpg) no-repeat bottom left;
	min-height: 312px; height: auto; overflow: hidden;
	}

#insideContentLeft h3 {
	padding: 10px 10px 8px 10px; background: #fdfdff url(../images/inside-main-topleft-bg.gif) repeat-y top right; border-bottom: 1px solid #fff;
	font-size: 118%; font-weight: bold; color: #cea118;
	}

#insideContentLeft h5 {
	padding: 17px 10px 5px 10px; font-weight: bold; color: #082873;
	}

#insideContentLeft h5 a {
	background: none; text-decoration: none; color: #082873; margin: 0; padding: 0;
	}

#insideContentLeft a.active {
	background-color: #fff;
	}

#insideContentLeft h5 a:hover {
	background: none; text-decoration: underline; color: #082873; margin: 0; padding: 0;
	}

#insideContentLeft a {
	display: block; margin-top: 2px; padding: 1px 10px 2px 17px; background: #e4ebf5 url(../images/global-arrow-small-blue.gif) no-repeat 10px 0.49em;
	font-weight: bold; color: #36c; text-decoration: none;
	width: 140px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 113px;		/* all other browsers */
	}

#insideContentLeft a:hover {
	background: #fff url(../images/global-arrow-small-blue.gif) no-repeat 10px 0.49em;
	color: #cea118; text-decoration: none;
	}

#insideContentLeft a.sub {
	display: block; margin-top: 2px; padding: 1px 10px 2px 27px; background: #e4ebf5 url(../images/global-arrow-small-blue.gif) no-repeat 20px 0.49em;
	font-weight: bold; color: #36c; text-decoration: none;
	width: 140px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 103px;		/* all other browsers */
	}

#insideContentLeft a.sub:hover {
	background: #fff url(../images/global-arrow-small-blue.gif) no-repeat 20px 0.49em;
	}

#insideContentMiddle {
	float: left; padding: 40px 20px 20px 12px; border-bottom: 1px solid #fff; font-size: 110%; overflow: hidden;
	width: 476px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 444px;		/* all other browsers */
	}

#insideContentMiddle a {
	font-weight: bold; color: #359;
	}

#insideContentMiddle a.contact {
	padding-right: 13px;  background: url(../images/global-arrow-small-yellow.gif) no-repeat 100% 0.333em;
	float: right;
	}

#insideContentMiddle h2 {
	padding: 0 0 16px 0; background: url(../images/global-dividerline-yellow.gif) repeat-x bottom left;
	font-size: 145%; color: #082873; font-weight: bold;
	}

#insideContentMiddle h4 {
	padding-bottom: 14px; font-size: 125%; font-weight: bold;
	}

#insideContentMiddle h6 {
	padding-bottom: 12px; font-size: 110%; font-weight: bold;
	}

#insideContentMiddleBody {
	margin-bottom: 10px; padding: 30px 12px 50px 12px; background: url(../images/global-dividerline-lightblue.gif) repeat-x 0 99%; border: 1px solid #fff;
	}

#insideContentMiddleBody ul, #insideContentMiddleBody ol {
	margin: 1.25em 0px 1.25em 20px; padding: 0;
	}

#insideContentMiddleBody ul.nogap, #insideContentMiddleBody ol.nogap {
	margin: 0 0 0 20px; padding: 0;
	}

#insideContentMiddleBody ul.gap, #insideContentMiddleBody ol.gap {
	margin: 1.25em 0px 30px 20px; padding: 0;
	}

#insideContentMiddleBody li {
	padding-bottom: 0.5em;
	}

#insideContentMiddleBody p.gap {
	padding-bottom: 30px;
	}

#insideContentMiddleBody p.center {
	text-align: center;
	}

#insideContentMiddleBody p.center img {
	margin: 0 auto;
	}

#insideContentMiddleBody div.indent {
	padding-left: 40px;
	}

#insideContentMiddleBody div.gap {
	padding-bottom: 30px;
	}

#insideContentMiddleBody a.largeImage {
	display: block; padding: 3px 8px; white-space: nowrap;
	}

#insideContentRight {
	float: left; width: 162px; margin-bottom: 9px; padding: 16px 0 25px 0; overflow: hidden;
	background: #e4e9f1 url(../images/inside-main-bottomright-bg.gif) repeat-x bottom left;
	}

#insideContentRight p.blackLinks a {
	color: #222;
	}

#insideContentRight h5 {
	padding: 16px 11px 9px 11px; margin-bottom: 8px; background: url(../images/global-dividerline-white.gif) no-repeat 20% 100%;
	}

#insideContentRight p {
	padding: 0 11px 20px 11px;
	}

#insideContentRight p.quote {
	padding: 15px 11px; background: #fff;
	}



/* Pages Styles -- DIAGRAM (shared) */

#diagramContent {
	padding: 20px 2px; text-align: center;
	}

#diagramContent img {
	display: inline; margin: 0 auto;
	}



/* Page Styles -- TOUR  */

#insideContent.tour {
	padding-top: 15px;
	}

#tourMenu {
	padding: 0 1px 20px 11px; border-top: 1px solid #cea118;
	width: 778px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 766px;		/* all other browsers */
	}

#tourMenu a {
	display: block; float: left; padding: 5px 10px 0 10px; border-left: 1px solid #cea118; background: #fff;
	font-weight: bold; color: #222; text-decoration: none;
	height: 3.4em;	/* Height will scale with font-size */
	}

#tourMenu a:hover, #tourMenu a.active {
	background: #fdf7e3; text-decoration: none;
	}

#tourMenu a span {
	font-weight: normal;
	}

#tourContent {
	padding: 25px;
	width: 778px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 728px;		/* all other browsers */
	}

#tourContent a {
	font-weight: bold; color: #cea118;
	}

#tourContent a.tryportblue {
	float: right; display: block; margin-top: 20px; padding: 6px 0 0 12px; background: url(../images/global-button-tryportblue.gif) no-repeat 0px 0px; overflow: hidden;
	font: bold 110% arial, sans-serif; color: #1b509f; text-decoration: none;
	width: 160px; height: 29px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 148px; height: 23px;		/* all other browsers */
	}

#tourContent a.tryportblue:hover {
	color: #fff; background: url(../images/global-button-tryportblue.gif) no-repeat 0px -29px; overflow: hidden;
	text-decoration: none;
	}

#tourContent h2 {
	padding-bottom: 16px; background: url(../images/global-dividerline-yellow.gif) repeat-x bottom left;
	font-size: 145%; color: #082873; font-weight: bold;
	}

#tourContent h4 {
	padding-bottom: 16px; font-size: 125%; font-weight: bold;
	}

#tourContent h6 {
	padding-bottom: 4px; font-size: 110%; font-weight: bold;
	}

#tourContent p {
	padding-bottom: 20px;
	}

#tourContentBody {
	margin-bottom: 16px; padding: 30px 12px 40px 12px; background: url(../images/global-dividerline-lightblue.gif) repeat-x bottom left;
	}

#tourContentBody fieldset {
	padding: 10px; display: block;
	}

#tourContentBody legend {
	font-size: 135%; font-weight: bold;
	color: #222; padding: 0 7px 0 3px;
	}

#tourContentBody img {
	margin: 10px 0px 15px 0;
	}

#tourContentBody a.prev {
	float: left; display: block; padding: 15px 0 15px 15px; background: url(../images/global-arrow-small-yellow2.gif) no-repeat 0 50%;
	}

#tourContentBody a.next {
	float: right; display: block; padding: 15px 15px 15px 0; background: url(../images/global-arrow-small-yellow.gif) no-repeat 100% 50%;
	}



/* Page Styles -- SUPPORT  */

table.supportOptions {
	width: 100%; table-layout: fixed;
	}

table.supportOptions td {
	padding: 0 15px 35px 0;
	}

/* Page Styles -- MEDIA  */

table.mediaLinks {
	width: 100%; margin: 10px 0 10px 0; color: #082873;
	}

table.mediaLinks td {
	padding: 10px 20px 10px 0;border-bottom: 1px solid #ccc;
	}


/* Page Styles -- BOARD  */

#insideContentMiddleBody.board h4 span {
	display: block; font-size: 80%; color: #666;
	}

#boardMembersList a {
	padding-right: 15px;  background: url(../images/global-arrow-small-yellow.gif) no-repeat 100% 0.333em;
	}



/* Page Styles -- MANAGEMENT TEAM  */

#managementTeamList a {
	padding-right: 15px;  background: url(../images/global-arrow-small-yellow.gif) no-repeat 100% 0.333em;
	}



/* Page Styles -- COST COMPARISON  */

table.costComparison {
	width: 100%; border: 1px solid #666; margin: 20px 0 40px 0;
	}

table.costComparison td {
	padding: 10px 5px 5px 5px; border-bottom: 1px solid #ccc;
	}

table.costComparison td.bg {
	background: #f0f0f0;
	}



/* Pages Styles -- SOLUTIONS PAGES (shared)  */

div.solutionsYellowBox {
	padding: 15px; border: 1px solid #f4f4bc; background: #fffff0;
	}



/* Page Styles -- TEXT PAGES (privacy, security, tos) */

#insideContentMiddle.text {
	float: left; padding: 40px 20px 20px 12px; border: 0; font-size: 110%; overflow: hidden;
	width: 636px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 604px;		/* all other browsers */
	}



/* Page Styles -- FORM PAGES (client login, ) */

#loginContent {
	padding: 25px 20px 50px 20px; text-align: center;
	}

#loginContent a {
	font-weight: bold; color: #cea118;
	}

#loginContent fieldset {
	padding: 10px; display: block; width: 300px; margin: 0 auto; text-align: left;
	}

#loginContent legend {
	font-size: 145%; font-weight: bold;
	color: #000; padding: 0 7px 0 3px;
	}

#loginContent fieldset div.content {
	margin: 0 3px; padding: 20px 5px 24px 5px; background: #f5faff; border: 1px solid #cad2d9;
	}

#loginContent fieldset p.top {
	padding: 0px 5px 20px 5px; font-size: 100%; line-height: 140%;
	}

#loginContent fieldset p.bottom {
	padding: 20px 5px 5px 5px; font-size: 100%; line-height: 140%; clear: left;
	}

#loginContent fieldset p.invalid {
	color: #f00;
	}

#loginContent label, #loginContent input, #loginContent textarea {
	float: left; display: block; width: 60%; margin-bottom: 10px; font-size: 110%; padding: 1px;
	}

#loginContent textarea {
	height: 8em;
	}

#loginContent label.invalid {
	color: #f00; font-weight: bold;
	}

#loginContent input.invalid {
	border: 1px solid #a5acb2; background: #fff4f4;
	}

#loginContent input.submit {
	width: auto; float: left; padding: 2px 5px; margin-bottom: 10px; font-size: 110%;
	}

#loginContent input.small {
	width: 20%;
	}

#loginContent input.med {
	width: 40%;
	}

#loginContent label {
	text-align: right; width: 25%; padding-right: 15px;
	}

#loginContent fieldset.clientLogin {
	width: 310px;
	}

#loginContent fieldset.trialSignup {
	width: 500px;
	}



/* Page Styles -- CAREERS  */

#insideContentMiddle.careers ul ul {
	margin-top: 8px; margin-bottom: 0;
	}

#insideContentMiddle.careers li {
	padding-bottom: 4px;
	}

div.careerListing {
	padding: 15px; margin-bottom: 20px;  background: #f5faff; border: 1px solid #cad2d9;
	width: 420px;		/* win ie 5.x  */							voice-family: "\"}\""; voice-family:inherit;
	width: 390px;		/* all other browsers */
	}



/* Page Styles -- NEWS, PRESSROM (shared)  */

#insideContentMiddle.aboutLists h4.nogap, #insideContentMiddle.aboutLists h6.nogap {
	padding-bottom: 0px;
	}

#insideContentMiddle.aboutLists ul {
	padding: 0px 0 0px 0;
	}

#insideContentMiddle.aboutLists li {
	padding-bottom: 12px;
	}

#insideContentMiddle.aboutLists li b {
	color: #082873;
	}