/* -----------------------------------
			
		 	Webcetera EZLynx
		~ screen.css stylesheet ~
		  
   ----------------------------------- */

* { padding: 0; margin: 0; } /* kill all whitespace */

body {
	line-height: 1; /* http://www.meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;	/* for standards based browsers */
	font-family: Arial, Verdana, sans-serif;
	background-color: #fff;
	color: #000;
}

html>body {
	font-size: small; 	/* for Opera */
}

/* -----------------------------------
			 General Styles
   ----------------------------------- */
   
img,
a img,
form fieldset 	{ border: none; }
form legend 	{ display: none; }
ul { list-style: none; }
a 		{ color: #0033cc; }
a:hover { color: #5a83ff; }

/* -----------------------------------
			 Container Styles
   ----------------------------------- */
   
#container {
	margin: 0 auto;
	width: 900px;
	border-top: 5px solid #cecece;
}

/* -----------------------------------
			 Top Styles
   ----------------------------------- */

#top {
	width: 100%;
	position: relative;
	margin: 2px 0 5px 0;
}

a#logo {
	display: block;
	float: left;
	width: 125px;
	height: 50px;
	text-indent: -9000px;
	background: url(/images/logo/logo.gif) no-repeat 0 0;
}

#search {
	float: right;
	width: 50%;
	margin-top: 5px;
}

#searchsite { 
	float: right; 
	margin-bottom: 0px;
}

#search_text { width: 250px; }

#mini-nav { float: right; }
#mini-nav li {
	float: left;
	margin-left: 10px;
}
#mini-nav li a {
	display: block;
	padding: 5px 0;
	text-transform: lowercase;
	text-decoration: none;
	font-size: 85%;
	color: #666;
}
#mini-nav li a:hover { color: #000; }

/* -----------------------------------
		    Header Styles
   ----------------------------------- */

#header { margin-bottom: 25px; }

#marquee img,
#marquee-mini img,
#marquee_map { 
	display: block;
	padding-bottom: 3px;
	border-bottom: 5px solid #cecece;
}
#marquee_map,
#marquee-mini img { margin-top: 2px; }
#marquee_map {
	width: 900px;
	height: 150px;
}

/* -----------------------------------
		  Navigation Styles
   ----------------------------------- */

#nav, #nav ul { 
	line-height: 1;
}

#nav { 
	background: #ccc url(/images/navigation/bkgd.gif) repeat-x 0 0; 
	border-top: 1px solid #aeaeae;
	border-right: 1px solid #aeaeae;
	border-bottom: none;
	border-left: 1px solid #999;
}

#nav a { display: block; }

#nav li {
	float: left;
	margin: 0 5px;
}

#nav li a {
	color: #000;
	text-decoration: none;
	margin-top: 5px;
	padding: 5px 15px;
}

#nav li ul {
	position: absolute;
	width: 14em;
	left: -999em;
	padding: 5px 0 10px 0;
	background: #fffefe;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #ccc;
	z-index: 100;
}
#nav li:hover ul,
#nav li.sfhover ul { left: auto; }

#nav ul li { float: none; }

#nav li a:hover,
#nav li:hover a,
#nav li.sfhover a
#home #nav-home a,
#products #nav-products a,
#partners #nav-partners a,
#support #nav-support a,
#news #nav-news a,
#employment #nav-employment a,
#aboutus #nav-aboutus a {
	margin-top: 3px;
	padding: 4px 14px 12px 14px;
	background: #fffefe url(/images/navigation/bkgd-tab.gif) repeat-x 0 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: none;
	border-left: 1px solid #ccc;
}

#nav li:hover ul li a,
#nav li.sfhover ul li a,
#nav li ul li a,
#home #nav-home ul li a,
#products #nav-products ul li a,
#partners #nav-partners ul li a,
#support #nav-support ul li a,
#news #nav-news ul li a,
#employment #nav-employment ul li a,
#aboutus #nav-aboutus ul li a {
	display: block;
	padding: 5px 10px;
	background: none;
	border: none;
}

#nav li ul li a:hover {
	background: url(/images/navigation/bkgd-li-ul-li-a-over.gif) repeat-x left center !important; 
	color: #fff;
}

a.nav-more { 
	padding-right: 40px !important;
	background: url(/images/bullets/nav-more.gif) no-repeat right center !important; 
}

#nav li:hover ul ul { margin: -2em 0 0 13em; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

li#nav-login {
	margin: 0 10px 0 0;
	padding: 0px 15px 5px 10px;
	background: url(/images/navigation/bkgd-login.gif) no-repeat right center; 
}
li#nav-login a { color: #fff; }
li#nav-login a:hover,
li#nav-login:hover a,
li#nav-login.sfhover a {
	margin-top: 5px;
	padding: 5px 15px;
	background: none;
	border: none;
}

/* -----------------------------------
	     Content Nav Styles
   ----------------------------------- */

#content-nav { 
	width: 190px; 
	float: left;
}
#content-nav ul {
	width: 170px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 15px 0 15px 5px;
	background: #e1e5f3;
	border-top: 5px solid #acc6e2;
}

#content-nav ul li { margin-bottom: 5px; }
#content-nav ul li a { 
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	font-size: 95%;
	color: #000;
}
#content-nav ul li a:hover,
#content-nav ul li.selected a { background: url(/images/navigation/bkgd-side-nav.gif) no-repeat left center; }
#content-nav ul li.selected a { font-weight: bold; }

/* -----------------------------------
			Content Styles
   ----------------------------------- */

#content {
	width: 900px;
	margin-bottom: 20px;
}

#content-sm {
	width: 710px;
	margin-bottom: 20px;
	float: left;
}

h2 {}

h2.heading {
	margin-bottom: 15px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 200%;
	font-weight: lighter;
}

h2.feature {
	margin-bottom: 15px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 140%;
	font-weight: lighter;
	color: #585858;
}	

h2.subheading {
	margin-bottom: 15px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 140%;
	font-weight: lighter;
	color: #e7930f;
}

p {
	line-height: 145%;
	margin-bottom: 15px;
	font-size: 95%;
}

p.large-text {
	font-size: 110%;
	line-height: 160%;
	margin-bottom: 20px;
}

#content-feature {
	margin-bottom: 20px;
	padding: 10px 0;
	background-color: #e1e5f3;
	border-top: 3px solid #acc6e2;
}

#content-feature .column {
	float: left;
	width: 240px;
	margin: 0 15px;
}

#content-feature .last {
	width: 330px;
}

p.testimonial-lg {
	padding: 10px 10px 10px 55px;
	background: #e1e5f3 url(/images/misc/quotes.gif) no-repeat 0 0;
	border-left: 3px solid #cecece;
}
p.testimonial cite,
p.testimonial-lg cite {
	display: block;
	margin: 10px 0 15px 0;
	text-align: right;
}
p.testimonial-lg cite { margin-bottom: 5px; }
p.testimonial cite span,
p.testimonial-lg cite span {
	font-style: normal;
	font-weight: bold;
}

ul.bullet-arrows,
ul.news-list {
	font-size: 90%;
	margin-bottom: 10px;
}

ul.bullet-arrows li {
	padding: 0 0 5px 15px;
	margin-bottom: 5px;
	background: url(/images/bullets/arrow-blue.gif) no-repeat left top;
}

ul.news-list li {
	margin-bottom: 10px;
	line-height: 130%;
}

ul.news-list li a {
	display: block;
	padding-right: 2px;
	text-decoration: none;
	color: #000;
}
ul.news-list li a:hover { 
	padding-right: 0;
	background-color: #acc6e2; 
	border-right: 2px solid #2576e5;
	color: #000;
}

ul.news-list li span {
	display: block;
	color: #444;
}

a.button-request-trial {
	display: block;
	width: 230px;
	height: 25px;
	text-indent: -9000px;
	background: url(/images/buttons/request-trial.gif) no-repeat 0 0;
}

.col-2-container .left  {
	padding: 2%;
	width: 45%;
}
.col-3-container .left { 
	padding: 2%;
	width: 29%;
}
.col-4-container .left { 
	padding: 0 5px;
	width: 167px;
}

.faq-q { 
	padding: 3px 0 3px 24px;
	background: url(/images/misc/faq-q.gif) no-repeat 0 0;
	font-weight: bold; 
}
.faq-a { 
	padding: 3px 0 3px 24px;
	margin-bottom: 35px;
	background: url(/images/misc/faq-a.gif) no-repeat 0 0;
}

/* -----------------------------------
			Table Styles
   ----------------------------------- */
   
table {
	width:95%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
}

table.press {
	width:95%;
	margin:1em auto;
	border-collapse:collapse;	
}

table.news {
	width:95%;
	margin:1em auto;
	border-collapse:collapse;
}
caption {
	display: none;
	color: #999;
	font-size:.94em;
	margin: 0;
	padding: 20px 0 0 0;
	caption-side:bottom;
	text-align:center;
	font-style: italic;
	font-family: Georgia, Times, serif;
}		
tr.odd td	{
	background:#f7fbff
}
tr.odd .column1	{
	background:#f4f9fe;
}	
.column1	{
	background:#f9fcfe;
}
td {
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.6em 1em;
	text-align:center;
}

td.story {
	text-align:left;
}

td.news {
	color:#678197;

	padding:.2em 1em;
	text-align:left;
}					
th {
	font-weight:normal;
	color: #001a42;
	text-align:center;
	border-bottom: 1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.6em 1em;
}							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:1.1em/2em Arial,Helvetica,sans-serif;
	color:#001a42
}

/* -----------------------------------
		  Registration Styles
   ----------------------------------- */
   
#Form1 {
	margin: 0;
	padding: 0;
}
#Form1 fieldset {
	position: relative;
	width: 885px;
	padding: 5px 5px 5px 10px;
	margin: 0 0 15px 0;
	/* background: url(/images/misc/fieldset-bkgd.gif) repeat-y 0 0; */
	background-color: #f6f6f6;
	border-left: 3px solid #acc6e2;
}
#Form1 fieldset legend {
	display: block;
	margin-top: 10px;
	color: #acc6e2;
	font-size: 400%;
	font-family: Times, serif;
}
#Form1 fieldset legend span { 
	font-size: 40%;
	font-family: Arial, Helvetica, sans-serif;
}
#Form1 fieldset.form-col-l,
#Form1 fieldset.form-col-r { width: 46%; }
#Form1 fieldset.form-col-l { float: left; }
#Form1 fieldset.form-col-r { float: right; }
#Form1 label {
	display: block;
	width: 35%;
	margin: 5px 0;
	float: left;
	font-size: 95%;
}
#Form1 input,
#Form1 select,
#Form1 textarea {
	float: left;
	margin: 5px 0;
}
#Form1 span.label {
	display: block;
	float: left;
	margin: 5px 10px 0 5px;
}
#Form1 br { clear: left; }
#Form1 input#buttonRegister {
	float: none;
	margin: 0 0 20px 35%;
}
#Form1 label span.instructions {
	display: block;
	font-style: italic;
	margin: 15px 0 0 0;
	padding: 10px 20% 10px 10px;
	line-height: 140%;
	background-color: #e1e5f3;
}

/* -----------------------------------
			Calculator Styles
   ----------------------------------- */

form#ezlynxcalculator {
	margin-bottom: 20px;
}
#ezlynxcalculator input,
#ezlynxcalculator label {
	margin: 5px 0;
}

#ezlynxcalculator {
	margin: 0;
	padding: 0;
}
#ezlynxcalculator fieldset {
	position: relative;
	width: 50%;
	padding: 5px 5px 5px 10px;
	margin: 0 0 15px 0;
	background-color: #f6f6f6;
	border-left: 3px solid #acc6e2;
}

/* SAVINGS TABLE */

#savings {
	width: 650px;
	margin-right: 15px;
}

/* BAR GRAPH */

#q-graph {
	display: block; /* fixes layout wonkiness in FF1.5 */
	position: relative; 
	width: 144px; 
	height: 300px;
	margin: 1.1em 0 0; 
	padding: 0;
	background: #eee url(/images/graphs/bkgd-blue.gif) repeat-x left bottom;
	border: 1px solid #bbb;
	font: 9px Helvetica, Geneva, sans-serif;
}
#q-graph caption {
	caption-side: top; 
	width: 492px;
	position: relative; 
	z-index: 10;
	font-weight: bold;
	text-align: center;
	display:none;
}

#q-graph tr, 
#q-graph th, 
#q-graph td { 
	position: absolute;
	bottom: 0; 
	width: 71px; 
	z-index: 2;
	margin: 0; 
	padding: 0;
	text-align: center;
}

#q-graph thead tr 		{ left: 100%; top: 50%; bottom: auto; margin: -2.5em 0 0 5em; display:none; }
#q-graph thead th 		{ width: 7.5em; height: auto; padding: 0.5em 1em; }
#q-graph thead th.total { top: 0; left: 0; border: 1px solid; }

#q-graph tbody tr {
	height: 296px; 
	padding-top: 2px;
	border-right: 1px dotted #C4C4C4; 
	color: #AAA;
}
#q-graph tbody tr.highlight { background: url(/images/graphs/highlight.gif) no-repeat top right; }

#q-graph #s1 		{ left: 0; }
#q-graph #s2 		{ left: 71px; border-right: none; }
#q-graph tbody th 	{ top: 0.75em; vertical-align: top; }
#q-graph .bar 		{ width: 68px; border: 1px solid; border-bottom: none; color: #000; }
#q-graph .bar p 	{ margin: 5px 0 0; padding: 0; }
#q-graph .total {
	left: 1px;
	background: #3579DA url(/images/graphs/blue-gradient.gif) repeat-y center bottom;
	border-color: #EDC #BA9 #000 #EDC;
}
#q-graph .ezlynx {
	left: 1px;
	background: #ffa33d url(/images/graphs/orange-gradient.gif) repeat-y center bottom;
	border-color: #EDC #BA9 #000 #EDC;
}

#ticks {
	position: relative; 
	top: -300px; 
	left: 2px;
	width: 144px; 
	height: 300px; 
	z-index: 1;
	margin-bottom: -300px;
	font: 10px Helvetica, Geneva, sans-serif;
}
#ticks .tick 	{ position: relative; border-bottom: 1px dashed #BBB; width: 144px; }
#ticks .tick p 	{ position: absolute; left: 100%; top: -0.67em; margin: 0 0 0 0.5em; width: 50px; }


/* -----------------------------------
			Sitemap Styles
   ----------------------------------- */

#sitemap { list-style: disc; }
#sitemap ul { list-style: lower-roman; }
#sitemap ul ul { list-style: lower-alpha; }
#sitemap li { margin: 3px 0 5px 25px; }

/* -----------------------------------
			Footer Styles
   ----------------------------------- */

#footer {
	margin-bottom: 20px;
	font-size: 85%;
	color: #656565;
}

#bottom-nav { float: left; }
#bottom-nav li {
	float: left;
	margin-right: 10px;
}
#bottom-nav li a {
	color: #656565;
}

/* -----------------------------------
			 Icon Styles
   ----------------------------------- */

.icon	{
	padding-left: 20px !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
}

.icon-map 				{ background-image: url(/images/icons/Map_16x16.gif) !important; }
.icon-conversation 		{ background-image: url(/images/icons/Conversation_16x16.gif) !important; }
.icon-admin				{ background-image: url(/images/icons/Admin_16x16.gif) !important; }
.icon-login				{ background-image: url(/images/icons/Admin-Blue_16x16.gif) !important; }

/* -----------------------------------
			 Miscellaneous
   ----------------------------------- */

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }
.clear-both 	{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.block			{ display: block; }
.none			{ display: none; }
.strong			{ font-weight: bold; }
.no-background 	{ background-image: none; }
.ampersand		{ font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }

/* ----------------------------------------------------------------------------
						Clearfix Easy Clearing of Floats

			http://www.positioniseverything.net/easyclearing.html
   ---------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */