@charset "UTF-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,form,fieldset,legend,p,ul,ol,li,fieldset,blockquote,caption,table,tr,dl,dt,dd {margin: 0; padding: 0;}

html,body{height:100%;}

body{
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#333333;
  background-color:#9c9c9c;
  background-image:url(../images/bg_gradient.jpg);
  background-repeat:repeat-x;
}

a{text-decoration:none}
img{border:0;}

.clear{clear:both}

#learnmore a, a:link, a:visited{color:white;  text-decoration:none;}
#learnmore a:hover, a:focus, a:active{color:white;  text-decoration:underline;}

#wrapper{width:969px; margin:0 auto 0 auto; padding:0;}
#wrapperTop{width:969px; margin:0; background-image:url(../images/bg_body.png); background-repeat:repeat-y;}
#wrapperBottom{width:969px; height:20px; margin:0; background-image:url(../images/bg_bodyBottom.png); background-repeat:no-repeat;}

/*-----Header-----*/
#header{width:961px; margin:0;}
#header #logo{float:left; padding:22px 0 10px 20px; margin:0;}
#header #signIn{float:right; padding:14px 20px 0 0; margin:0;}
#header #signIn p{font-size:12px; font-weight:bold; text-align:right; margin:0; padding:0 0 3px 0;}
#header #signIn a, a:link, a:visited{color:#333333; text-decoration:none;}
#header #signIn a:hover, a:focus, a:active{color:#333333; text-decoration:underline;}

#header #menu{width:961px; height:28px; background-image:url(../images/bg_menu.jpg); background-repeat:repeat-x; margin:0; padding:0; }
#header #menu ul{margin:0; padding:0 0 0 32px; list-style:none; font-size:12px;}
#header #menu ul li{padding:7px 14px 0 14px; margin:0; float:left; color:#c1e2ed; height:21px;}
#header #menu ul li.active{background-color:#0d2e4b; color:#FFF;}

#header #menu ul li a, a:link, a:visited{color:#c1e2ed; text-decoration:none;}
#header #menu ul li a:hover, a:focus, a:active{color:#FFF; text-decoration:none;}
#header #menu ul li.active a, a:link, a:visited{color:#FFF; text-decoration:none;}
#header #menu ul li.active a:hover, a:focus, a:active{color:#FFF; text-decoration:none;}
/*-----END Header-----*/


/*-----Footer-----*/
#footer{width:965px; margin:0 0 20px 0; padding:10px 0 0 4px;}
#footer p{color:#FFF; font-size:12px;}
/*-----END Footer-----*/

#btn_signup {
  height:88px; 
  width:177px; 
  background-image:url(../images/btn_signup.png); 
  background-repeat:no-repeat; 
  margin:40px 0 0 0;
  padding: 20px 0px 0px 0px;
  font-weight: bold;
  font-size: 22px;
  line-height: 34px;
  text-align: center;
}

#btn_signup a {
  color: #000000;
}

#btn_signup a.large {
  font-size: 36px;
  text-decoration: none;
}

#btn_dl {
  height:88px; 
  width:177px; 
  background-image:url(../images/btn_signup.png); 
  background-repeat:no-repeat; 
  padding: 30px 0 0 0;
  font-weight: bold;
  font-size: 22px;
  line-height: 34px;
  text-align: center;
}

#btn_dl a {
  color: #000000;
}

#btn_dl a.large {
  font-size: 28px;
  padding: 30px 20px 38px 20px;
  text-decoration: none;
}


/*-----Home-----*/
#home{width:961px; margin:0 auto 0 auto; padding:0;}
#home #header #splash{height:394px; width:961px; background-image:url(../images/img_splash.jpg); background-repeat:no-repeat; margin:0; padding:0;}
#home #header #splash h1{font-size:72px; font-family:Georgia, 'Times New Roman', Times, serif; color:#FFF; margin:0; padding:0; font-weight:normal; font-style:normal; }
#home #header #splash h2{font-size:34px; font-family:Georgia, 'Times New Roman', Times, serif; color:#FFF; margin:0; font-weight:normal;}
#home #header #splash p{font-size:16px; color:#FFF; line-height:20px; margin:0; font-weight:bold; }

#home #content{width:800px; margin:0 auto 0 auto; padding:30px 0 40px 0;}
#home #content h1{font-size:24px; font-family:Georgia, 'Times New Roman', Times, serif; font-weight:normal; color:#898d1e; margin:0 0 10px 0;}
#home #content p span{color:#0a698a;}
#home #content #col-1{width:375px; float:left; margin:0 50px 0 0; padding:0;}
#home #content #col-2{width:375px; float:left; margin:0; padding:0;}

#home #content a, a:link, a:visited{color:#0a698a; text-decoration:none;}
#home #content a:hover, a:focus, a:active{color:#0a698a; text-decoration:underline;}
/*-----END Home-----*/


/*-----Product-----*/
/* For ul below: list-style-image:url(../images/img_list.jpg)*/ 
#product{width:961px; margin:0 auto 0 auto; padding:0;}
#product #content{width:850px; margin:0 auto 0 auto; padding:55px 0 40px 0;}
#product #content h1{font-size:24px; font-family:Georgia, 'Times New Roman', Times, serif; font-weight:normal; color:#898d1e; margin:0 0 10px 0;}
#product #content #col-1{float:left; width:326px; padding:0 30px 0 0; margin:0;}
#product #content #col-1 ul{color:#898d1e; margin:20px 0 0 20px;}
#product #content #col-1 li { margin:5px 0 0 0; }
#product #content #col-1 li span {color:black;}
#product #content #col-2{float:left; width:494px; padding:0; margin:0;}
/*-----END Product-----*/

/*-----Download-----*/
ul{color:#898d1e; margin:20px 0 0 20px;}
li { margin:5px 0 0 0; }
li span {color:black;}


/*-----About Us-----*/
#aboutus{width:961px; margin:0 auto 0 auto; padding:0;}
#aboutus #content{width:850px; margin:0 auto 0 auto; padding:55px 0 40px 0;}
#aboutus #content p span{color:#0a698a;}
#aboutus #content h1{font-size:24px; font-family:Georgia, 'Times New Roman', Times, serif; font-weight:normal; color:#898d1e; margin:0 0 10px 0;}
#aboutus #content #col-1{float:left; width:356px; padding:0 30px 0 0; margin:0;}
#aboutus #content #col-1 ul{list-style-image:url(../images/img_list.jpg); margin:20px 0 0 20px;}
#aboutus #content #col-2{float:left; width:464px; padding:0; margin:0;}
#aboutus #content a, a:link, a:visited{color:#0a698a; text-decoration:none;}
#aboutus #content a:hover, a:focus, a:active{color:#0a698a; text-decoration:underline;}
/*-----END About Us-----*/


/*-----Sign Up-----*/
#signup{width:961px; margin:0 auto 0 auto; padding:0;}
#signup #content{width:850px; margin:0 auto 0 auto; padding:55px 0 40px 0;}
#signup #content p span{color:#0a698a;}
#signup #content h1{font-size:24px; font-family:Georgia, 'Times New Roman', Times, serif; font-weight:normal; color:#898d1e; margin:0 0 10px 0;}
#signup #content #col-1{float:left; width:356px; padding:0 30px 0 0; margin:0;}
#signup #content #col-2{float:left; width:464px; padding:0; margin:0px 0 0 0; background-color:#ebebeb;}
/*-----END Sign Up-----*/



/* -- MOBSPIN INSPIRED STUFF **/


#splash-wrapper
{
 margin-top: 60px;
 width: 411px;
 margin-bottom: 20px;
 border: 1px solid #d4d4d4;
 background-color: white;
}

#splash-wrapper h1 { font-size:18px;}

#content-splash
{
 min-height: 300px;
 margin-left: 40px;
 margin-right: 40px;
}

#splash-footer
{
  background-color: #33657E;
  height: 23px;
  padding-top: 9px;
  width:100%;
}


#splashlogovertoffset {
  height:50px;
  display:block;
}

#splashlogolink {
  background-color: #F6eddb;
  width: 173px;
  height: 53px; /* technically probably 58, but going to 57 so bounding box
                   doesn't touch gray background of h1 image */
/*  border: 1px dashed #333;  */
  background-image: url('../images/logo.jpg');
  background-repeat: no-repeat;
}

#splashlogolink a {
  display: block;
  width: 100%;
  height:100%;
}


.main-form th
{
 font-weight: normal;
 padding-right: 6px;
 padding-top: 4px;
 text-align: right;
 vertical-align: top;
 /* Following 2 lines essentially set min width to width */
 white-space: nowrap;
}

.main-form td
{
 margin-left: 0px;
 padding-left: 0px;
 text-align: left;
}

.main-form input.width5
{
 width: 250px;
}
.main-form input.width4
{
 width: 200px;
}
.main-form input.width3
{
 width: 150px;
}
.main-form input.width2
{
 width: 100px;
}
.main-form input.width1
{
 width: 50px;
}

.main-form th.two-line
{
 font-weight: bold;
 padding-right: 6px;
 padding-top: 0px;
 text-align: right;
 vertical-align: top;
}

.main-form th.two-line div
{
 font-weight: normal;
 font-style: italic;
 font-size: 8pt;
}








/* Inspired from here: http://www.jorkas.com/lab/css/rounded_button/ 

As long as buttons are 24 pixels high, and left and right "borders"
are each 8 pixels wide, the only thing you need to change for each
specific button is the background image and text color as below with
.button.tab

*/


/* Handle right part... outer element. Note, Firefox will "eat" a regular
space coming after this button. Use   if you really want a space after such
a button--that seems to work fine in IE too. */
.mob-button {
       cursor:pointer; 
       cursor:hand; 
       background-repeat: no-repeat;
       background-position: right top;
       line-height:21px;
       height:22px;
       padding-right:8px; 
       vertical-align: middle;
       display:block; /*opera*/ 
       display:inline-block; /*ie*/
       display:-moz-inline-box; /*  ff  */ 
}

.mob-button:hover {
       text-decoration: none;
}

/* Handle left part */
.mob-button span { 
       background-position: left top;
       background-repeat: no-repeat;
       display:block;
       display:inline-block;
       padding-left:8px;
       height:22px;
   /* If this worked in IE, we wouldn't have to repeat this in the child :(
       Works in firefox.
       background-image: inherit;
   */
}

/* Firefox doesn't seem to allow me to put a style on a button? */
button {
       border:0; 
       border:none; 
       background:transparent;
       width:1;
       overflow:visible;
       white-space:nowrap; 
       padding:0 2px 0 0; /* needed for little IE button-push animation */
       cursor:pointer; 
       cursor:hand;
       font-family:verdana; 
}


/* 
Now, for each new button with style such as "tab", where a button
is a 24 pixel high image with left and right borders of 8 pixels each,
add two rules as follows, where we specify the URL in both rules and
the color for the button text in the first. Then, the hyperlink for
the button should be of style "button tab"
*/

.mob-button.tab, 
.mob-button.tab:link,
.mob-button.tab:visited {
       background-image:url('../images/tab_button.png');
       font-size: 9pt;
       color: white;
}

.mob-button.tab span {
       background-image:url('../images/tab_button.png');
}

/* The fill color of this button is currently used in _searchBusinessJS
   as well, to highlight the cell of a business */

.mob-button.body, 
.mob-button.body:link,
.mob-button.body:visited {
       background-image:url('../images/body_button.png');
       font-size: 11pt;
       font-family: arial,helvetica,sans-serif;
       color: white;
}

.mob-button.body span {
       background-image:url('../images/body_button.png');
}

.mob-button.body-disabled,
.mob-button.body-disabled:link,
.mob-button.body-disabled:visited {
       background-image:url('../images/body_button_disabled.png');
       font-size: 9pt;
       color: #a0a0a0;
}

.mob-button.body-disabled span {
       background-image:url('../images/body_button_disabled.png');
}



.small
{
  font-size: 8pt;
  font-weight: normal;
}

.normal
{ 
  font-family: verdana;
  font-size: 9pt;
}

.form_error
{ 
  font-size: 8pt;
  color: #BE0000;
}

.volumetip
{
  font-size: 8pt;
  font-style: italic;
  color: #140a66;
}

/**
 * briseno started adding the stuff below
**/
.msgError
{
 color: #BE0000;
}
.msgSuccess
{
  color:green;
}
.msgWarning
{
  color:#003EBA;
}

.msgFaint
{
  color:#808080;
}