@charset "utf-8";
/* CSS Document */

html { 				min-height: 100%; margin-bottom: 1px; } 
					/* This setting takes care of an issue of browser scrollbar appearing/disappearing. 
					It prevents shifting between pages of different "above the fold" / "below the fold" heights. */
				
body { 				background-color: #FFFFFF; margin: 0px; padding: 0px;
                    font-family:Arial, Helvetica, sans-serif;  }

a:link				{ color: #12538c; text-decoration: underline; }
a:active			{ color: #12538c; text-decoration: underline; }
a:visited			{ color: #12538c; text-decoration: underline; }
a:hover				{ color: #faa634; text-decoration: none; }
a:visited:hover		{ color: #faa634; text-decoration: none; }

h1 {				font-size: 200%; font-weight: normal; margin: 10px 0px 10px 0px; }
h2 {				font-size: 140%; font-weight: bold; color: #ff9933; margin: 10px 0px 10px 0px; }
h3 {				font-size: 110%; color: #ff9933; padding: 0px; margin: 10px 0px 10px 0px; }
h4 {				font-size: 110%; font-weight: bold; padding: 0px; margin: 4px 0px 4px 0px; }
h5 {				font-size: 100%; font-weight: bold; padding: 0px; margin: 0px 0px 10px 0px; }

hr {				border: 0px; height: 1px; color: #E7E3D6; background-color: #E7E3D6; }			
hr.dots {			margin: 0px; padding: 0px; margin-top: 5px; margin-bottom: 5px; border-bottom: 1px dotted #ADAAAD; }

	/* LIST SYTLES */
.listGeneric {		padding-bottom: 2px; list-style-type: none; margin-left: 2em; padding-left: 0px; }
.listGeneric li {	background: url("../images/common/arrow_blue.png") no-repeat 0px 3px;
					padding-left: 20px; padding-bottom: 0.4em; }
.listPDF {          padding-bottom:0.3em; list-style-type: none; margin-left:1.5em; padding-left: 0px; }
.listPDF li {       line-height:160%; background:url("../images/common/pdf_blue.gif") no-repeat; padding-left:2.4em; padding-bottom:0.5em;  }
.listDownload {     padding-bottom:0.3em; list-style-type: none; margin-left:1.5em; padding-left: 0px; }
.listDownload li {  line-height:160%;  background:url("../images/common/disc_sm.png") no-repeat; padding-left:2.4em; padding-bottom:1.2em}



.container {		width: 995px; margin: 0px auto 0px auto; }

.header {			width: 995px; height: 124px; 
					background-image: url(/images/common/header_background.gif); background-repeat: no-repeat; }
					
.logo {				width: 285px; height: 80px; padding: 17px 0px 5px 10px; float: left; }

.subnav {			height: 20px; float: left; padding: 46px 0px 37px 430px; }
					.subnavdivider {	width: 1px; height: 12px; float: left; margin: 5px 7px 0px 4px;
										background-image: url(http://www.vyatta.com/images/common/subnav_divider.gif); background-repeat: no-repeat; }
					.subnavlink {		font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #FFFFFF; font-weight: bold; }
										a.subnavlink:link          { color: #FFFFFF; text-decoration: none; }
										a.subnavlink:active        { color: #FFFFFF; text-decoration: none; }
										a.subnavlink:visited       { color: #FFFFFF; text-decoration: none; }
										a.subnavlink:hover         { color: #FFFFFF; text-decoration: underline; }
										a.subnavlink:visited:hover { color: #FFFFFF; text-decoration: underline; }
										
.mainnav {			height: 20px; float: left; padding: 4px 0px 0px 22px; }
					.mainnavdivider {	width: 3px; height: 8px; float: left; margin: 3px 10px 0px 10px;
										background-image: url(http://www.vyatta.com/images/common/mainnav_divider.gif); background-repeat: no-repeat; }
					.mainnavlink {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; 
										font-weight: bold; }
										a.mainnavlink:link          { color: #FFFFFF; text-decoration: none; }
										a.mainnavlink:active        { color: #FFFFFF; text-decoration: none; }
										a.mainnavlink:visited       { color: #FFFFFF; text-decoration: none; }
										a.mainnavlink:hover         { color: #ffcc00; text-decoration: none; }
										a.mainnavlink:visited:hover { color: #ffcc00; text-decoration: none; }
					.mainnavlinkon {	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; 
										font-weight: bold; }
										a.mainnavlinkon:link          { color: #ffcc00; text-decoration: none; }
										a.mainnavlinkon:active        { color: #ffcc00; text-decoration: none; }
										a.mainnavlinkon:visited       { color: #ffcc00; text-decoration: none; }
										a.mainnavlinkon:hover         { color: #ffcc00; text-decoration: none; }
										a.mainnavlinkon:visited:hover { color: #ffcc00; text-decoration: none; }
					
.left {				float: left; }
.right {			float: right; }


.middle {			width: 995px; }
.left-column {		width: 200px; float: left; }
.content-column {	width: 790px; float: left; margin: 0px 0px 0px 0px;
					background-image: url(../images/common/pagetitle_background.gif); background-repeat: no-repeat;  }

.right-column {		width: 200px; float: left; margin: 0px 0px 5px 0px;}

/*---remove all left nav settings --*/
.leftnav {			width: 197px; }
.leftnav2 {			width: 195px; padding: 3px 0px 3px 0px;
					border-left: 1px solid #a8a9ac;
					border-right: 1px solid #a8a9ac;
					border-bottom: 3px groove #a8a9ac; }
.leftnavtop {		width: 197px; height: 17px; background-image: url(../images/common/leftnav_top.gif);
					background-repeat: no-repeat; margin: 0px 0px 0px 0px; }
.leftnavbottom {	width: 197px; }
.leftnavoff {		width: 185px; padding: 4px 5px 4px 5px; background-color: #FFFFFF;
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #646565;
					border-left: 1px solid #a8a9ac;
					border-right: 1px solid #a8a9ac;
					border-bottom: 3px groove #a8a9ac; }
					a.leftnavofflink:link          { color: #646565; text-decoration: none; }
					a.leftnavofflink:active        { color: #646565; text-decoration: none; }
					a.leftnavofflink:visited       { color: #646565; text-decoration: none; }
					a.leftnavofflink:hover         { color: #646565; text-decoration: none; }
					a.leftnavofflink:visited:hover { color: #646565; text-decoration: none; }
.leftnavover {		width: 185px; padding: 4px 5px 4px 5px; background-color: #e9e9ea;
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #646565;
					border-left: 1px solid #a8a9ac;
					border-right: 1px solid #a8a9ac;
					border-bottom: 3px groove #a8a9ac; }
.leftnavon {		width: 185px; padding: 4px 5px 4px 5px; background-color: #e9e9ea;
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #646565; font-weight: bold;
					border-left: 1px solid #a8a9ac;
					border-right: 1px solid #a8a9ac;
					border-bottom: 3px groove #a8a9ac; }
					a.leftnavonlink:link          { color: #646565; text-decoration: none; }
					a.leftnavonlink:active        { color: #646565; text-decoration: none; }
					a.leftnavonlink:visited       { color: #646565; text-decoration: none; }
					a.leftnavonlink:hover         { color: #646565; text-decoration: none; }
					a.leftnavonlink:visited:hover { color: #646565; text-decoration: none; }
.leftnavparentoff {	width: 185px; padding: 4px 5px 4px 5px; background-color: #FFFFFF;
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #646565;
					border-left: 1px solid #a8a9ac;
					border-right: 1px solid #a8a9ac;
					border-bottom: 1px solid #FFFFFF; }
.leftnavparenton {	width: 185px; padding: 4px 5px 4px 5px; background-color: #e9e9ea;
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #646565; font-weight: bold;
					border-left: 1px solid #a8a9ac;
					border-right: 1px solid #a8a9ac;
					border-bottom: 1px solid #FFFFFF; }
.leftnav2off {		width: 165px; padding: 3px 5px 3px 5px; margin: 0px 0px 0px 20px; background-color: #FFFFFF;
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #646565; }
					a.leftnav2offlink:link          { color: #646565; text-decoration: none; }
					a.leftnav2offlink:active        { color: #646565; text-decoration: none; }
					a.leftnav2offlink:visited       { color: #646565; text-decoration: none; }
					a.leftnav2offlink:hover         { color: #646565; text-decoration: none; }
					a.leftnav2offlink:visited:hover { color: #646565; text-decoration: none; }
.leftnav2over {		width: 165px; padding: 3px 5px 3px 5px; margin: 0px 0px 0px 20px; background-color: #ffcc00;
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #FFFFFF; }
.leftnav2on {		width: 165px; padding: 3px 5px 3px 5px; margin: 0px 0px 0px 20px; background-color: #ffcc00;
					font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #FFFFFF; font-weight: bold; }
					a.leftnav2onlink:link          { color: #FFFFFF; text-decoration: none; }
					a.leftnav2onlink:active        { color: #FFFFFF; text-decoration: none; }
					a.leftnav2onlink:visited       { color: #FFFFFF; text-decoration: none; }
					a.leftnav2onlink:hover         { color: #FFFFFF; text-decoration: none; }
					a.leftnav2onlink:visited:hover { color: #FFFFFF; text-decoration: none; }

/*---remove all left nav settings --*/

.pagetitle {		font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 26px; color: #FFFFFF; 
					height: 40px; margin: 8px 0px 0px 20px; }
.content {			width: 650px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #646565;
					margin: 20px 0px 30px 60px; padding: 0px 40px 0px 0px; }
.contentpic {		margin: 20px 0px 10px 0px; }

.printmail {		width: 200px; height: 13px; margin: 48px 0px 15px 0px; }
.print {			float: left;}
.mail {				float: right; margin: 0px 3px 0px 0px; }

.rightitems {		width: 250px; margin: 10px 0px 10px 0px; padding: 15px 10px 0px 10px;
					background-image: url(http://www.vyatta.com/images/common/right_border.gif); background-repeat: no-repeat; }
                    .righttitle {		font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 0px 25px 0px;
										line-height: 16px; color: #0d3559; font-weight: bold; font-style: italic; }
                    .rightheading {		font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px 0px 10px 0px;
										line-height: 14px; color: #000000; font-weight: bold; font-style: italic; }
                    .rightregister {	font-family: Arial, Helvetica, sans-serif; font-size: 10px; margin: 0px 0px 10px 0px;
										line-height: 12px; color: #000000; font-weight: bold; font-style: italic; }
					.rightlink {		font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #0d3559;
										line-height: 12px; margin: 0px 0px 10px 0px; }
										a.rightlink:link          { color: #0d3559; text-decoration: underline; }
										a.rightlink:active        { color: #0d3559; text-decoration: underline; }
										a.rightlink:visited       { color: ##0d3559; text-decoration: underline; }
										a.rightlink:hover         { color: #000000; text-decoration: underline; }
										a.rightlink:visited:hover { color: #000000; text-decoration: underline; }
										

.buttons {			width: 250px; margin: 20px 0px 30px 0px; }

.footer {			width: 995px; height: 50px; text-align: center; padding: 10px 0px 10px 0px;
					font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 13px; color: #a8a9ac;
					background-image: url(http://www.vyatta.com/images/common/footer_background.gif); background-repeat: no-repeat; }
					.footer-item { padding: 5px 0px 5px 0px; clear: both; }


/* TABLE STYLES */

table.normal {		width: 650px; padding: 0px; margin: 0px; }

td.customerheading {	background-color: #DCECFA; padding: 0px 0px 0px 5px;
						border-top: 1px solid #bdd1e2; border-bottom: 1px solid #bdd1e2; }
td.customerlogo {		width: 150px; padding: 10px 0px 10px 0px; text-align: center;
						border-right: 1px dotted #ADAAAD; vertical-align: center; border-bottom: 1px dotted #ADAAAD; }
td.customerquote {		width: 404px; padding: 10px 0px 10px 10px; font-size: 11px; vertical-align: top; border-bottom: 1px dotted #ADAAAD; }
td.customerlogorow {	height: 80px; padding: 10px 0px 10px 0px; }
img.customerlogo {		vertical-align: middle; padding-right: 10px; }
span.customersource {	color: #000000; }

/* ----- */

td.awardlogo {			width: 100px; padding: 15px 0px 15px 0px; text-align: center; 
						border-right: 1px dotted #ADAAAD; vertical-align: center; }
td.awarddetails {		width: 404px; padding: 15px 0px 15px 10px; font-size: 11px; vertical-align: top; }
td.awarddivider {		height: 10px; background-color: #DCECFA; border-top: 1px solid #bdd1e2; border-bottom: 1px solid #bdd1e2; }

/* ----- */


td.eventdate {			width: 100px; padding: 15px 0px 15px 0px; font-size: 11px; text-align: center;
						border-right: 1px dotted #ADAAAD; vertical-align: center; }
td.eventdetails {		width: 404px; padding: 15px 0px 15px 10px; font-size: 11px; vertical-align: top; }
td.eventdivider {		height: 10px; background-color: #DCECFA; border-top: 1px solid #bdd1e2; border-bottom: 1px solid #bdd1e2; }

/* ----- */

table.hwcatalog {		width: 525px; padding: 0px; margin: 0px; border-collapse:collapse; font-size: 11px; }
.hwcatalog td {			padding: 8px 5px 8px 5px; border-top: 1px solid #646565; border-bottom: 1px solid #646565;
						border-left: 1px dotted #646565; border-right: 1px dotted #646565; }
td.certified {			width: 90px; background-color: #ffcc00; }
td.ready {				width: 90px; background-color: #e9e9ea; }
.hwcataloghead {		color: #646565; background-color: #c3dbf0; font-weight: bold; font-size: 12px; }
.hwcatalogvendor {		color: #000000; }

/* ----- */

table.prodcomparison {	width: 525px; padding: 0px; margin: 0px; border-collapse:collapse; font-size: 11px; line-height: 13px; }
.prodcomparison td {	padding: 8px 5px 8px 5px; border-top: 1px solid #646565; border-bottom: 1px solid #646565;
						border-left: 1px dotted #646565; border-right: 1px dotted #646565; }
.prodcomphead1 {		color: #646565; font-weight: bold; font-size: 12px; background-color: #ffcc00; }
.prodcomphead2 {		color: #646565; font-weight: bold; font-size: 11px; background-color: #c3dbf0; }
.prodcompvyatta {		background-color: #e9e9ea; font-weight: bold; }
.prodcompcisco {		background-color: #afeae7; }

/* ----- */

table.swcomparison {	width: 525px; padding: 0px; margin: 0px; border-collapse:collapse; font-size: 11px; line-height: 13px; }
.swcomparison td {		padding: 8px 8px 8px 8px; border-top: 1px solid #646565; border-bottom: 1px solid #646565;
						border-left: 1px dotted #646565; border-right: 1px dotted #646565; }
.swcomparisonsubs {		padding: 8px 8px 8px 8px; border-top: 1px solid #646565; border-bottom: 1px solid #646565;
						border-left: 1px dotted #646565; border-right: 1px dotted #646565; background-color: #FFFF99;  }
.swcomparisoncomm {		padding: 8px 8px 8px 8px; border-top: 1px solid #646565; border-bottom: 1px solid #646565;
						border-left: 1px dotted #646565; border-right: 1px dotted #646565; background-color: #f4f4f4;}
.swcomparison tr {		height: 30px; }
.swcomparisonhead {		color: #646565; font-weight: bold; font-size: 11px; background-color: #c3dbf0; }
.swcomparisonhead2 {	color: #646565; font-weight: bold; font-size: 11px; }



/* ----- */

table.subscription {	width: 525px; padding: 0px; margin: 0px; border-collapse:collapse; font-size: 11px; line-height: 13px; }
.subscription td {		padding: 8px 5px 8px 5px; border-top: 1px solid #646565; border-bottom: 1px solid #646565;
						border-left: 1px dotted #646565; border-right: 1px dotted #646565; }
.subscriptionhead1 {	background-color: #e9e9ea; font-weight: bold; }
.subscriptionhead2 {	color: #646565; font-weight: bold; font-size: 12px; background-color: #ffcc00; }
.subscriptionhead3 {	color: #646565; font-weight: bold; font-size: 11px; background-color: #c3dbf0; }
.subscriptionhead4 {	font-weight: bold; }
.subscriptionbody {	background-color: #FFFF99; }
p.footnote {			font-size: 10px; line-height: 12px; margin: 5px 0px; padding: 0px; }



/* HOME-SPECIFIC STYLES */

.home-left {		width: 678px; float: left; }
.home-right {		width: 317px; float: left; }

.homefeaturetext {	font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #646565; 
					padding: 13px 13px 13px 0px; }
					
.home-left01 {		float: left; background-image: url(http://www.vyatta.com/images/home/v_border.gif); background-repeat: no-repeat;
					background-position: right; padding: 0px 10px 0px 0px; width: 308px; height: 280px; }
					.home-left01-heading {		font-family: Arial, Helvetica, sans-serif; font-size: 18px; margin: 15px 0px 25px 0px;
												line-height: 20px; color: #0d3559; font-weight: bold; font-style: italic; }
.home-left02 {	float: left; background-image: url(http://www.vyatta.com/images/home/v_border.gif); background-repeat: no-repeat;
					background-position: right; padding: 0px 10px 0px 30px; width: 312px; height: 280px; }
					.homecustomerlogo {			float: left; width: 70px; height: 85px; margin: 0px 10px 0px 0px; }
					.homecustomerquote {		float: left; width: 215px; height: 85px; line-height: 12px;
												font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #646565; }
					.homeaward {				float: left; margin-right: 13px; margin-bottom: 10px; }
					
.homenews {			width: 222px; margin: 10px 0px 10px 27px; padding: 15px 40px 0px 15px;
					background-image: url(http://www.vyatta.com/images/home/news_border.gif); background-repeat: no-repeat; }
					.homenewsheading {	font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin: 0px 0px 10px 0px;
										line-height: 16px; color: #000000; font-weight: bold; font-style: italic; }
					.homenewslink {		font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #646565; 
										line-height: 13px; margin: 0px 0px 5px 0px; }
										a.homenewslink:link          { color: #346c9f; text-decoration: none; }
										a.homenewslink:active        { color: #346c9f; text-decoration: none; }
										a.homenewslink:visited       { color: #346c9f; text-decoration: none; }
										a.homenewslink:hover         { color: #346c9f; text-decoration: underline; }
										a.homenewslink:visited:hover { color: #346c9f; text-decoration: underline; }

.homebuttons {		width: 222px; margin: 20px 10px 20px 40px; }

/* FORMS and LANDING */

.partnerRequired {
	margin-left:13.5em;
	margin-bottom:.7em;
}
.asterisk {
	padding:0 0.2em;
	color:#ee6600;
}
.partnerAppSubmit {
	margin:1em 0 0 13.5em;
}
.btnRegister {
	padding:.5em 0 0 7em;
	font-size:77%;
}
.btnRegisterPartner {
	padding:.5em 0 0 17em;
	font-size:77%;
}
.btnRegisterLanding {
	padding-top:0.5em;
	font-size:77%;
 }
.contentland {			width: 1000px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; color: #646565;
					margin: 5px 0px 5px 20px; padding: 0px 40px 0px 0px; }
					
.content-landing {	width: 1000px; float: left; margin: 0px 0px 0px 5px;
					background-image: url(../images/common/pagetitle_background_land.gif); background-repeat: no-repeat;  }