/*







  --------------------



  Style Index







  $1 - Site Structure Styles



  $2 - Header Styles



  $3 - Sidebar Styles



  $4 - Content Styles



  $5 - Footer Styles



  $6 - SIFR styles



  $7 - Form Styles







*/







/* $1 - Site Structure Styles ///////////////////////////////////////////////////////////////////////////////////*/






BODY {



  margin: 0px;



  padding: 0px;



  background: white url("images/top-bg.jpg") repeat-x;



  font-size: 12px;



  font-family: "Arial", "Verdana", "Trabuchet MS", sans-serif;



  color: #1A5A7F; 



}




table{

	border-right: 1px solid #000000;

	border-top: 1px solid #000000;

}



td{

	border: 1px solid #000000;

	border-right:0px;

	padding: 2px;

	border-top: 0px;

}







#container {



  width: 760px;



  margin: 0 auto;



}







#header-navigation {



  height: 32px;



  padding-top: 18px;



  position: relative;



}







#content-container {



  padding: 20px 0;



}







#main-content {



  position: relative;



  float: left;



  width: 500px;



  margin: 0 0 20px 0;



}



    



#sidebar {



  font-size: 11px;



  position: relative;



  float: right;



  margin: -98px 0 20px 0;



  padding: 34px 30px 30px 30px;



  width: 190px;



  background: url("images/sidebar-bg.jpg") 50% 0 no-repeat;



}







#footer {



  clear: both;



  height: 50px;



  padding: 80px 0 30px 0;



  text-align: center;



}







/* $2 - Header Styles ///////////////////////////////////////////////////////////////////////////////////*/



#header-banner {



  height: 74px;



  padding: 26px 0 0 0;



}







UL#header-nav-ul {



  margin: 0;



  padding: 0;



  height:32px;



  display: inline;



  overflow: hidden;



  list-style: none;



}







UL#header-nav-ul li {



  margin:0;



  padding:0;



  list-style: none;



  display: inline;



}







UL#header-nav-ul A {



  float: left;



  padding: 32px 0 0 0;



  overflow: hidden;



  height: 0px !important; 



}



    



UL#header-nav-ul A:hover {



  background-position: 0 -32px;



}







UL#header-nav-ul A:active, UL#header-nav-ul A.selected {



  background-position: 0 -32px;



}







#nav-home a {



  width: 82px;



  background: url("images/nav-home.gif") no-repeat;



}



    



#nav-about a {



  width: 82px;



  background: url("images/nav-about.gif") no-repeat;



}







#nav-downloads a {



  width: 120px;



  background: url("images/nav-downloads.gif") no-repeat;



}







#nav-contact a {



  width: 120px;



  background: url("images/nav-contact.gif") no-repeat;



}



#nav-trial a {



  width: 82px;



  background: url("images/nav-trial.gif") no-repeat;



}



#nav-forecast a {



  width: 120px;



  background: url("images/nav-forecast.gif") no-repeat;



}





#nav-project a {



  width: 120px;



  background: url("images/nav-project.gif") no-repeat;



}









/* $3 - Sidebar Styles ///////////////////////////////////////////////////////////////////////////////////*/







.rosette {



  position: absolute;



  top: -12px;



  right: -27px;



}







.all-this {



  margin-bottom:22px;



}







.get-started-link {



  margin-bottom:15px;



}







.samples {



  height: 88px;



  padding: 15px 0;



  margin: 0 0 15px 0;



  background: url("images/sample-bg.gif") no-repeat;



}



    



.samples-xhtml {



  margin-bottom: 4px;



}



    



.quote {



  position: relative; /* IE needs this ??????? */



  padding-top: 15px;



  background: url("images/quote-bg.gif") 0 0 no-repeat;



}







.quote-bg {



  padding: 0 15px 25px 15px;



  background: url("images/quote-bg-bottom.gif") 0 100% no-repeat;



}







.quotee {



  text-align: right;



  font-weight: bold;



}



    



.border-bottom {



  padding-bottom: 10px;



  border-bottom: 1px solid #DCEDF8;



}



    



/* $3 - Content Styles ///////////////////////////////////////////////////////////////////////////////////*/







#main-content a:link, #main-content a:visited {



  text-decoration: none;



  border-bottom: 1px dotted #ccc;



  padding: 1px;



  color: #BD1C1C;



}







#main-content a:active, #main-content a:hover {



  text-decoration: none;



  border-bottom: 1px dotted #BD1C1C;



  padding: 1px;



}







#main-content A IMG {



}







P {



  margin: 0 0 10px 0;



  padding: 0;



  line-height: 20px;



}







P.p-space {



  margin: 0 0 40px 0;



  padding: 0;



}







#main-content p.index-p {



  padding: 10px;



  font: bold 12px Verdana, Arial, Helvetica, sans-serif;



  line-height: 20px;



  background: #ECF5FB;



  border-top: 1px solid #ACD2EA;



  border-bottom: 1px solid #ACD2EA;



}







IMG {

	

  padding: 2px;

  border: 0px;



  vertical-align: middle;



}







H1, H2, H3, H4, H5, H6 {



  margin: 0 0 8px 0;



  padding: 0;



}







H1 {



  margin-top: 40px;



  font-size: 26px;



}







H2 {



  font-size: 20px;



}



.map {

	border: 0px;

}



H3 {



  font-size: 15px;



 margin-bottom: 0px;



}







.ie-margin {



  margin-bottom: -2px;



}







HTML>BODY .ie-margin {



  margin-bottom: 0;



}











.index-steps {



  position: relative;



  left: -15px;



  margin: 0 -15px 30px 0;



}







#main-content UL {



  margin: 0 0 15px 0;



  padding: 5px 0 0 10px;



  list-style: none;



}







#main-content LI {



	line-height: 1.6em;	



}







UL.tick-ul LI {



  position:relative; /* IE needs this for the BG image ?????? */



  margin: 0 0 6px 0;



  padding: 2px 0 2px 20px;



  list-style: none;



  background: url("images/tick.gif") 0 50% no-repeat;



}







UL.samples-ul LI {



  position: relative; /* IE needs this for the BG image ?????? */



  margin: 0 0 6px 0;



  padding: 2px 0 2px 24px;



  list-style: none;



  background: url("images/sample-page.gif") 0 50% no-repeat;



}



    



.divider {



  margin: 0 0 20px 0;



  padding: 0 0 50px 0;



  line-height: 20px;



  background: url("images/divider.jpg") bottom no-repeat;



}







.clearfix:after {



  content: "."; 



  display: block; 



  height: 0; 



  clear: both; 



  visibility: hidden;



}







/* Hides from IE-mac \*/



* html .clearfix {



  height: 1%;



}







.clearfix {



  display: block;



}



/* End hide from IE-mac */







.faq-button {



  margin-right: 10px;



}







/* $5 - Footer Styles ///////////////////////////////////////////////////////////////////////////////////*/



#footer P {



  color: #000000;



  font-size: 11px;



}







#footer P A {



  color: #000000;



}







/* $6 - SIFR Styles ///////////////////////////////////////////////////////////////////////////////////*/



.sIFR-flash {



  visibility: visible !important;



  margin: 0;



}







.sIFR-replaced {



  visibility: visible !important;



}







span.sIFR-alternate {



  position: absolute;



  left: 0;



  top: 0;



  width: 0;



  height: 0;



  display: block;



  overflow: hidden;



}







/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */



.sIFR-flash + div[adblocktab=true] {



  display: none !important;



}







/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter 



spacing in this case is used to make the browser text metrics match up with the sIFR text metrics 



since the sIFR text in this example is so much narrower... your own settings may vary... any weird 



sizing issues you may run into are usually fixed by tweaking these decoy styles */







.sIFR-hasFlash h1 {



  visibility: hidden;



}







.sIFR-hasFlash h1.index-blurb {



  visibility: hidden;



  font-size: 18px;



  line-height: 20px;



}







H1.index-blurb {



  padding-bottom: 20px;



  margin-bottom: 20px;



  border-bottom: 1px solid #DFF0F9;



}







.sIFR-hasFlash h2 {



  visibility: hidden;



}







.sIFR-hasFlash h3 {



  visibility: hidden;



}







.sIFR-hasFlash h4 {



  visibility: hidden;



}







.sIFR-hasFlash h5#pullquote {



  letter-spacing: -4px;



  visibility: hidden;



  font-size: 24px;



}







/* $7 - Form Styles ///////////////////////////////////////////////////////////////////////////////////*/



FIELDSET {



  margin: 0;



  padding: 0;



  border: none;



}



LABEL {



  display: block;



  margin: 0 0 5px 0;



  padding: 0;



  font-weight: bold;



}







INPUT {



  margin: 0 0 10px 0;



  padding: 7px;



  background: #EDF7FC;



  border: 1px solid #AEDBF0;



  font: bold 11px Verdana, Arial, Helvetica, sans-serif;



  color: #267DAC;



}



.drop {

  margin: 0 0 0 0;

  padding: 3px;

  background: #EDF7FC;

  border: 1px solid #AEDBF0;

  font: bold 11px Verdana, Arial, Helvetica, sans-serif;

  color: #267DAC;

}











TEXTAREA {



  margin: 0 0 15px 0;



  padding: 8px;



  background: #EDF7FC;



  border: 1px solid #AEDBF0;



  font: bold 11px Verdana, Arial, Helvetica, sans-serif;



  color: #267DAC;



}







SPAN.required {



  color: #CC0000;



}







INPUT {



  width: 150px;



  margin-bottom: 15px;



}







.input-upload {



  margin-bottom: 10px;



}







HTML>BODY .input-upload {



  font-size: 150%;



  margin-bottom: 10px;



}







TEXTAREA {



  width: 470px;



}







FORM {



  margin: 0;



  padding: 0;



}



    

.notfancy {

	border= 50px solid #000000;

}



.border-p {



  padding-bottom: 20px;



  border-bottom: 1px solid #eaeaea;



}



    



.confirmation {



  color: #81A74E;



  background: #CCDDB5;



  border-top:  1px solid #B3CC91;



  border-bottom:  1px solid #B3CC91;



  padding: 10px;



  font: bold 11px Verdana, Arial, Helvetica, sans-serif;



}











.error {



  background: red;



  color:  #fff;



  padding-top: 10px;



}







.image-submit-get-started {



  width: 190px;



  border: none;



  background: none;



  padding: 0;



}







.image-submit-email {



  width: 150px;



  border: none;



  background: none;



  padding: 0;



}    







#loadBar {



  padding: 10px;



  text-align: center;



  background: #E4F2FA;



  border-top: 1px solid #AED8F0;



  border-bottom:  1px solid #AED8F0;



  color:  #1D6D9E;



  font-weight:  bold;



  margin-bottom:  20px;



}







#loadBar P {



  color:  #1D6D9E;



  font-weight:  bold;



}







#emailSuccess {



  padding:  10px;



  text-align:  center;



  background:  #D8F2C8;



  border-top:  1px solid #7FD74A;



  border-bottom:  1px solid #7FD74A;



  color:  #59AA28;



  font-weight:  bold;



  margin-bottom:  20px;



}







div#quotes {



	background: url("images/quoted-back.gif") no-repeat center center;



	width: 471px;



	height: 115px;



	padding: 10px 10px 0px 10px;



	font-size: 11px;	



}







/* Blog Sidebar */



blockquote {



margin-left: 0;



padding-left: 1em;



border-left: 5px solid #ddd;



}







pre {



font-size: 50%;



line-height: 200%;



width: 100%;



max-height: 400px;



overflow: auto;



padding: 10px;



background: #eee;



}







code, pre {



font-family: Courier, 'Lucida Console','Courier New', Sans-Serif;



}







#searchform label {



font-weight: 700;



}







#searchform input.submit {



width: 100px;



}







#blog-sidebar {



background: #fff;



color: #111;



width: 25%;



float: right;



margin: 25px 0;



padding: 5px 0;



  color: #1A5A7F;



  font-size: 11px;



}







#blog-sidebar ul {



list-style-type: none;



margin: 2px;



padding: 0;



}







#blog-sidebar ul li ul li {



list-style: circle inside;



padding: 2px 0;



margin-bottom: 5px;



line-height: 1.6em;



}







#blog-sidebar h2 {



font-size: 100%;



margin: 20px 0 0 0;



padding: 4px 0;



}







.h2sidebar {



font-size: 100%;



font-weight: 900;



font-family: Georgia,'Trebuchet MS', 'Lucida Sans', 'Lucida Grande', 'Bitstream Sans Vera', Verdana, Arial, Tahoma, Helvetica, Sans-Serif;



color: #333;



}







#blog-sidebar li a {



border: none;



}







#blog-sidebar li li li {



list-style: circle inside;



border: none;



}







#blog-sidebar a:link, #blog-sidebar a:visited {



  text-decoration: none;



  border-bottom: 1px dotted #ccc;



  padding: 1px;



  color: #BD1C1C;



}







#blog-sidebar a:active, #blog-sidebar a:hover {



  text-decoration: none;



  border-bottom: 1px dotted #BD1C1C;



  padding: 1px;



}