/**********************************
*             Css Reset             *
**********************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; width:100%;}

/**********************************
*             Generic         old colour 777777  666666  *
**********************************/
html{ height:101%;}

body { 
  font-size: 75%;
  color: #222;
  color:#1d1d1d;
  background:#1d335d url(../images/bg.png) center top repeat-x;
  font-family: Helvetica, Arial, Helvetica, sans-serif;
  padding-bottom:20px;
  line-height:1.3;
}

body{  font-size:12px; color:#222;  background:#FFFFFF; font-style:normal; font-variant:normal;font-weight:normal; height:101%; padding-bottom:60px;}
body#home{ background:#FFFFFF url(../images/homeBG.jpg) 0px 50px repeat-x; }
body#pages{ background:#FFFFFF url(../images/pagesBG.jpg) 0px 50px repeat-x;}
.cb { clear:both;}
h1, h2, { margin:13px 0px;}
h3{ margin:5px 0px 13px 0px;}
h1{ color:#000000; } h2, h3 { color:#000000; }
h1 {font-size:24px} h2 {font-size:20px} h3 {font-size:13px}
form fieldset{ -moz-border-radius:2px; -webkit-border-radius:2px;}
form fieldset legend {background-color:#ffffff;  color:#333333; margin:0 0 -15px; padding:5px 7px; font-size:16px; position:relative; -moz-border-radius:3px; -webkit-border-radius:3px;}
.note{ font-size:10px; color:#999999;}
.btn{ cursor:pointer;}

a{ color:#15468a;}
a:hover{ text-decoration:underline;}
textarea, input{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.cb{ clear:both; float:none;}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


p           { margin: 0 0 1.5em; line-height:1.3;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }
a			{ color:#333333; text-decoration:none; cursor:pointer;}
a:hover		{text-decoration:underline;}



.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.strong  	{ font-weight: bold;}
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

li			{  line-height:1.3;}

.inner{ padding:10px;}
.outer{ margin:10px;}
.pad{ padding:5px;}
.right{ float:right;}
.left{ float:left;}
.br{ border-right:solid 1px #999;}
.bl{ border-left:solid 1px #999;}
.round{-moz-border-radius: 3px;-webkit-border-radius: 3px;}
.dashed{ border:dashed 2px #CCCCCC;}
.solid{ border:solid 1px #CCCCCC;}
.bluebg{ background:#eee;  -moz-border-radius:3px; -webkit-border-radius:3px;}


input.input{border:1px solid #DDDDDD;color:#000000;font-size:12px;padding:8px 5px;width:300px;}
.submit {border:medium none;-moz-border-radius:20px;-webkit-border-radius:20px;background:#1F3D75 url(../account_images/menu/menu-bg.jpg) repeat-x scroll 0 0;color:#FFFFFF;font-size:14px;padding:5px 30px;}



.smallLink{ font-size:10px;}
.flash{ background:#FFFFCC; border:1px solid #CC9933;}
.success{ font-weight:bold;color:#009900 }
a.boxlink{ background:#059545; color:#FFFFFF; padding:1px 2px 1px 2px; text-decoration:none;}
a.boxlink:hover{ background:#FFFFCC; color:#333333;}


.formTable{ width:100%;}
.formTable td{ vertical-align:middle;padding:4px 0; text-align:left;}
.formTable td.name{text-align:right; font-weight:bold; padding-right:10px;}
.formTable td.large{ padding-top:10px; vertical-align:top;}
.formTable .txtinput{ width:300px;border:1px solid #DDDDDD;color:#000000;font-size:12px;padding:8px 5px;}
.formTable td textarea, .formTable td textarea.txtinput{ width:100%;}

.content{width:940px; margin:0 auto;}
/**********************************
*             Menu             *
**********************************/
#menu{ height:50px; background:#111;}
#menu ul{list-style:none; list-style-type:none;  padding:0;  height:50px; float:right;  margin:0;}
#menu ul li{ float:left; display:block; margin:15px 0px 0px 0px;}
#menu ul li a{ color:#FFFFFF; text-decoration:none; padding:5px 10px 0px 10px; display:block; }
#menu ul li a:hover{  color:#FFFFFF; display:block;  }
#menu ul li a.selected{ background:transparent; color:#1e8feb; }
#menu ul li a.nohov:hover{color:#FFFFFF; background:#333333;}
#menu .logo{ font-size:20px; margin:13px 0 0 0; padding:0; float:left;}
#menu ul li a#m_logo:hover{ background:none; color:#FFFFFF;}
#menu ul li.actions a{ color:#04B33E; padding-right:0px;}
#menu span.homeLink{ position:absolute; margin:21px auto 0 -270px; left:50%; z-index:1000;}
#menu span.homeLink a{  color:#1e8feb;} #menu span.homeLink a:hover{ text-decoration:none;}

/*
#menu ul li a#m_pricing:hover{background-position:0px 0px; padding-bottom:5px;}
#menu ul li a#m_features:hover{ background-position:-150px top; padding-bottom:5px;}
#menu ul li a#m_testimonials:hover{ background-position:-150px top; padding-bottom:5px;}
#menu ul li a#m_tour:hover{ background-position:-230px top; padding-bottom:5px;}
#menu ul li a#m_faqs:hover{ background-position:-310px top; padding-bottom:5px;}
#menu ul li a#m_blog:hover{ background-position:-370px top; padding-bottom:5px;}
#menu ul li a#m_signup:hover{ background-position:-430px top; color:#FFFFFF; padding-bottom:5px;}
#menu ul li a#m_login:hover{ background-position:-500px top; color:#FFFFFF; padding-bottom:5px;}
#menu ul li a#m_logo:hover{ background:none;}
*/


/**********************************
*             Main             *
**********************************/
#main { padding:0; }

#actionButton{ width:180px; height:160px; background:transparent url(../images/elements/post-it.png) no-repeat; margin:-22px 0px 0px 0px;  display:block; float:right;z-index:700;}
#actionButton #innerBtn{ height:40px; width:174px; margin:3px;  color:#333333;}
#actionButton #innerBtn a{ display:block; width:174px; padding:65px 0px 0px 15px;}
#actionButton #innerBtn a:hover{ text-decoration:none;}


#featuredTitle{ height:130px; z-index:1001;}
#featuredTitle #title{  height:45px; margin:45px 0px 0px 0px;float:left;}
#featuredTitle h1{ font-size:36px;color:#000000;letter-spacing:-1px;line-height:1em;text-align:left; padding:0;  color: #FFF;text-shadow: 1px 1px 2px #555;}

.mainCell {background-color:#FFFFFF;font-size:12px; display:block; line-height:16px; padding-top:40px;}
.mainCell .leftCol {width:580px;float:left;padding-right:20px; padding:0px 20px 20px 20px;  border-right:1px solid #EDEDED;}
.mainCell .shortLeft {height:500px;}
.mainCell.incsubmenu { background:#FFFFFF url(../images/elements/bg_right_col.jpg) no-repeat 620px 0px;}
.mainCell .rightCol {width:319px;float:left; padding-top:0px; }
.mainCell .rightCol ul{ padding:0; margin:0;}
.mainCell .rightCol .pad{ padding:0 20px;}
.mainCell .leftCol h2{ margin-bottom:20px; line-height:1.2; text-align:left;}


.sub_nav{ list-style:none;  border-top:1px solid #f5f5f5;  border-bottom:1px solid #FFFFFF; margin-bottom:40px;} 
.sub_nav.top{ border-top:none;}
.sub_nav li{ list-style:none; display:block;}
.sub_nav li.sub a{ font-size:12px; padding-left:20px; width:299px; height:25px; line-height:25px; font-weight:normal;}
.sub_nav a{ display:block; text-align:left; padding-left:10px; width:309px; height:35px; border-bottom:1px solid #f5f5f5;line-height:35px; font-size:14px; color:#333333; font-weight:bold; cursor:pointer;}
.sub_nav a.selected{background:#007b23 url(../images/menu/sub_menu_selected.png) repeat-x; color:#FFFFFF; padding-left:20px; margin-left:-10px; height:40px; line-height:40px; font-size:16px; }
.sub_nav a.selected:hover{background:#007b23 url(../images/menu/sub_menu_selected.png) repeat-x; color:#FFFFFF;}
.sub_nav a:hover{ text-decoration:underline;}
.sub_nav a.littleSel{ text-decoration:none; background:#73489c url(../images/menu/sub_menu_selected.png) repeat-x; color:#FFFFFF;}
.sub_nav a.noHover:hover{ background:none; cursor:default; text-decoration:none;}
.sub_nav a.noHover{ height:15px;}
.sub_nav li a.highlight{ background:#73489c url(../images/menu/sub_menu_hover.png) repeat-x; color:#111; font-weight:normal;}

.morePoints{ padding:10px; width:260px; margin:auto;}
.morePoints li a{ display:block; padding:2px 5px;}
.morePoints strong{ font-size:16px;}
.morePoints ul li ul li{ list-style:disc; margin:3px 0px 0px 30px;}
/* Index page */

#screenShow{ float:right; margin:32px 0 0 501px;}

#feature {padding:0px; height:350px;}
#feature .left{ height:250px; padding:20px 0 0 0;}
#feature .left h1{ position:absolute; font-size:32px; letter-spacing:0px;margin:0px 0px 0px 0px;  width:500px; line-height:1.5; color: #f5f5f5;text-shadow: 1px 1px 2px #555;}
#feature .left h2{ position:absolute; font-size:20px; margin:170px 0px 0px 0px; color:#CCCCCC; width:500px; line-height:1.4; }
#feature .left #signup_button{  display:block; z-index:1002; margin:270px 0px 0px 0px;}
#feature .left #signup_button .quiet{ margin-top:3px; text-align:center;}
#feature .right{ padding:30px 0px 0px 0px; margin-right:-16px;}
#feature h1 {text-align:left;margin-left:10px}

.underlay{ margin-top:45px; line-height:1.2;}
.underlay#bottom .left{ width:570px;}
.underlay#bottom .right{ width:320px; margin-left:20px; margin-top:5px; }
.underlay#top .left{ width:320px;}
.underlay#top .right{ width:570px; margin-left:20px; margin-top:5px; }

.underlay .screen{ float:left; float:left; width:170px; height:100px; border:dashed 1px #666; margin-right:20px;}
.underlay .screen.last{ margin-right:0px;}
.underlay .screen img{ float:right; margin:-16px -16px 0px 0px;}
.underlay .point{ width:270px; padding:5px; float:left; height:70px; margin-bottom:10px;}
.underlay .point .image{ float:left; width:40px;}
.underlay .point .text h3{ margin:0px 0px 5px 0px; padding:0; font-size:16px;}
.underlay .point .text { font-size:13px; margin-left:45px;}
.underlay .video{  height:200px; margin-top:5px; line-height:200px; color:#eee; text-align:center;}

.underlay #skectch{  width:250px; margin:0px 50px 0px 50px; text-align:center;}
.underlay #skectchText{ width:250px; height:50px; margin:5px 50px 0px 50px; }
.underlay #skectchText a{ font-size:16px;}

/* Features Page */
#features .leftCol .imgBox {width:640px;clear:both;text-align:justify;padding-top:30px}
#features .leftCol .imgBox .img {float:left}
#features .leftCol .imgBox .text {float:left; line-height:16px;}
#features .leftCol h2{ text-align:left;}
#features .leftCol .imgBox.imgRight .text {margin-right:20px}

#features .leftCol #whatIsEcofiling .imgBox .img {width:70px;}
#features .leftCol #whatIsEcofiling .imgBox .text {width:457px; margin-left:10px;}
#features .leftCol #whatIsEcofiling .imgBox .text p{ margin-bottom:10px; line-height:1.5;}
#features .leftCol #whatIsEcofiling .imgBox.imgRight .text {width:480px;}

#features .leftCol #mainFeatures .imgBox .img {width:300px;}
#features .leftCol #mainFeatures .imgBox .text {width:320px;}
#features .leftCol #mainFeatures .imgBox.imgRight .text {width:320px;}

#features #fullFeatureList{}
#features #fullFeatureList ul{ margin:5px 0px 5px 15px; }
#features #fullFeatureList ul li{ color:#474747; font-size:16px; font-weight:bold; padding:5px 0px 0px 0px;}
#features #fullFeatureList ul li ul {list-style:disc; display:block; }
#features #fullFeatureList ul li ul li{ color:#4F5455; font-size:12px; font-weight:normal;display:block; margin:2px 0px 2px 10px; padding:3px 0px 3px 20px; background:url(../images/elements/bullet_blue.png) no-repeat left center;}

#subFeaturePages p{ margin-bottom:30px; line-height:1.5;}
#subFeaturePages ul{ list-style:disc;}
#subFeaturePages ul li{ margin-left:15px;}


/* FAQ page */
.quickFAQs {margin-bottom:30px; font-size:13px;}
.quickFAQs li {padding-bottom:3px}
.quickFAQs span {color:#0066CC;cursor:pointer}
.quickFAQs div { margin-bottom:5px; margin-top:5px;}

/* Sign up page */
#pricing{}
#easySignup { height:250px; width:600px; }
.leader {Arial,Helvetica;font-size:18px;font-size-adjust:none;font-style:normal;font-variant:normal;font-weight:normal;line-height:27px; color:#7B8188;}
.leader h2{ font-size:24px;} 


#pricing #plans #right{ float:right; margin-left:40px; width:539px; padding:10px; }
#pricing #plans #right h1{ text-align:center; font-size:36px; padding:13px 0px 0px 0px; margin:0;}
#pricing #plans #right h2{text-align:center; font-size:24px;}
#pricing #plans #right h3{ text-align:center; font-size:20px; color:#000000;}
#pricing #plans #right #paid{ padding:10px 15px; width:320px; float:left;}
#pricing #plans #right #paid h3{ margin-top:20px;}
#pricing #plans #right #free{ padding:13px 13px 13px 17px; border-left:none; width:150px; float:left; margin-top:40px;}
#pricing #plans #right #paid #promoPrice{ width:300px; margin:auto;}
#pricing #plans #right ul.summary li{ list-style:none; margin:7px auto; display:block; text-align:center;}
#pricing #plans #right #free .summary{ margin:20px 7px 15px 12px;}
#pricing #plans #right #paid .summary{ margin:20px 15px 20px 5px;}
#pricing #plans #right .emph{ padding:2px 2px 2px 0px; color:#9569C9; -moz-border-radius:8px; -webkit-border-radius:8px; font-weight:bold;}

#pricing #plans #left{ padding-top:10px;}
#pricing #plans #left p{ line-height:1.5}

#pricing #plans .inner{ width:300px; margin:auto;}
#pricing #plans #totals{ width:280px; padding-top:5px; margin-top:10px; }
#pricing #plans ul{ margin:5px 13px 20px 20px; list-style:disc; font-size:14px;}
#pricing #plans ul li{list-style:disc;}
#pricing #plans .field{ margin-bottom:4px; line-height:15px; font-size:16px;}
#pricing #plans .field .title{ width:160px; float:left;  font-weight:bold; }
#pricing #plans .field .text{  margin-left:160px;}
#pricing #plans #question{ margin-top:10px; margin-left:5px;}
#pricing #plans #question .left{ float:left; font-size:16px; color:#333333; font-weight:bold; line-height:26px; margin-right:10px;letter-spacing:-1px}
#pricing #plans #question .right{ float:left;}
#pricing #plans .frmPart{ width:280px; margin-bottom:0;}
#pricing #plans #priceImage{ margin-top:0px;}

#pricing #currSelector{}
#pricing #currSelector ul{ list-style:none; margin:5px 0px 5px 0px; padding:0;}
#pricing #currSelector ul li{ list-style:none; float:left; padding:0px 20px 0px 20px; border-left:solid 1px #CCCCCC; height:14px; line-height:14px;}
#pricing #currSelector ul li a{ font-size:11px; color:#CCCCCC;}
#pricing #currSelector ul li a.selected{ color:#62B756;}
#pricing #currSelector ul li.first{ border:0;}


#pricing table#plans{ width:100%; font-size:14px; display:none;}

#pricing table#plans thead{ height:20px;}
#pricing table#plans thead td{ background:#62B756; font-weight:bold;}
#pricing table#plans tbody{}
#pricing table#plans .left{ width:200px;}
#pricing table#plans tr{ border-bottom:solid 1px #f5f5f5;}
#pricing table#plans .right{}
#pricing table#plans tbody td{ }
#pricing table#plans td{ padding:10px 20px;}

#pricing #fancy_plans li{ width:25%;}

#fancy_plans{ margin:0;}
#fancy_plans li{ float:left; width:25%; display:block; height:450px;}
#fancy_plans li a{ display:block; margin:400px auto 0px auto; width:181px;}
#fancy_plans li#free{ background:url(../images/pricing/pricing_plans_free.png) no-repeat scroll center bottom;}
#fancy_plans li#basic{ background:url(../images/pricing/pricing_plans_basic.png) no-repeat scroll center bottom;}
#fancy_plans li#business{ background:url(../images/pricing/pricing_plans_business.png) no-repeat scroll center bottom;}
#fancy_plans li#premium{ background:url(../images/pricing/pricing_plans_premium.png) no-repeat scroll center bottom;}

#pricing #other_plan_options{ margin:20px 0px 0px 0px;}
#pricing #other_plan_options li{ float:left; width:50%; display:block; height:40px; text-align:center;}

#pricing #sidePoints{ font-size:16px; line-height:16px; margin-top:50px;}
#pricing #sidePoints ul{ list-style:none;}
#pricing #sidePoints ul li{ list-style:none; font-size:12px; font-weight:normal; height:40px;  display:block; }
#pricing #sidePoints ul li .icon{ height:40px; width:40px; float:left;}
#pricing #sidePoints ul li .text{ margin-left:50px; line-height:40px;}
#pricing #sidePoints div{ margin:5px 0px 0px 0px;}


.points { margin-top:30px;}
.points ul { padding:0px; margin:0;}
.points ul li { float:left; display:block; width:300px; margin:0px 19px 10px 0px; height:150px; padding-bottom:15px;}
.points ul li h3{ margin:0px 0px 5px 0px; line-height:1.3;} 
.points ul li ul{ margin-left:13px;}
.points ul li ul li{ margin:0px 0px 5px 0px; height:auto; padding:0; width:auto; display:list-item; float:none;}

#pricing li{ width:293px;}

#tour{ background-position:680px 0;}
#tour .leftCol{ width:640px;}
#tour .rightCol{ width:219px;}
#tour .rightCol .sub_nav a{ width:249px;}
#tour .rightCol .sub_nav .sub a{ width:239px;}
#tour .title{ } 
#tour .video{ width:550px; margin:30px 0px 20px 0px;}
#tour .video .icon{ height:100px; width:160px; float:left; border:solid 1px #000000; display:none;}
#tour .video .text{ margin-left:0px;}
#tour .video .text h3{ }
#tour .screenshot{ padding:1px; }

#media{}
#media table#logos{ width:100%;}
#media table#logos td{ text-align:center; vertical-align:bottom;}
#media .boxlink { background:#FFFFFF; color:#000000;}
#media .boxlink:hover{ text-decoration:underline}
#media .item{ width:45%; float:left; margin-right:20px; height:170px;}
#media .item h2{ border-bottom:solid 1px #666666;}
#media .item ul{}
#media .item  ul li{ margin:5px 0px;}

#media p{ margin-bottom:20px;}

#terms li{ line-height:1.7;}


.sidePromo{  margin:5px 20px;}
.sidePromo h3{ color:#666666;  border-bottom:solid 1px #999999; padding-bottom:3px;}

.mainCell #orderSummary div{ padding:3px 3px 3px 0;}
.mainCell #orderSummary div strong{ font-size:13px;}
.mainCell #orderSummary td{ padding:3px 3px 3px 0px;}
.mainCell #orderSummary table { width:100%;}
.mainCell #orderSummary table .left{ text-align:left;}
.mainCell #orderSummary table .right{ text-align:right;}

#free_signup {}
#free_signup .url{ margin-left:65px;}
#free_signup .url .text{ font-weight:bold;}
#free_signup #errors{ margin:0px 0px 0px 14px; list-style:disc;}
#free_signup #errors li{ color:#990000;}

#contact .leftCol{ padding-top:0;}
#contact .fieldTA{ width:300px;}
#contact .field{ width:300px;}
#contact label{ display:inline; line-height:25px; font-weight:bold;}
#contact em{ float:right; line-height:25px; font-size:10px;}
#contact .signupBtn{ margin:10px 0px 0px 0px;}
#contact #txtComment{ height:200px; width:302px;}
#contact #rightNote{ width:200px; margin:200px 0px 0px 380px;  position:absolute;}
#contact label.error{ color:#990000; font-weight:bold; font-size:12px; margin-top:3px;}

#login{}
#login ol{ margin:10px 0px 10px 25px; list-style:upper-alpha;}
#login ul{ margin:5px 0px 5px 10px;}
#login ul li.answer{}
#login ul li.answer span{ font-weight:bold; color:#009900;}
#login #lostForm{}
#login #lostForm #email{ width:250px;}
#login #lostForm #ident{ width:252px;}
#login #lostForm .forgot,#login #lostForm .forgotInst{ display:none;}

#terms{ line-height:1.6;}
#terms ol{ margin-left:20px; list-style:decimal;}

#sitemap { background:#FFFFFF url(../images/elements/siteMapbg.jpg) no-repeat scroll 200px 0;} 
#sitemap #inner{ padding:15px;}

/**********************************
*             Global css         *
**********************************/
#pageList ul{ margin:5px 0px 5px 20px; list-style:disc;}
#pageList a{ font-size:13px;}


/**********************************
*             Error Pages         *
**********************************/
#errorpage{}
#errorpage #error_404{ height:393px; background:url(../images/assest/404Tree.jpg) no-repeat; width:680px;}


/**********************************
*             Sceen Show           *
**********************************/
#facebox { position: absolute; top: 0; left: 0; z-index: 1000; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; border:#000000 solid 5px; }
#facebox td { border-bottom: 0; padding: 0; }
#facebox .body { padding: 5px; background: #000000; width: 370px; }
#facebox .body .content{ border:0; background:#000000; width:auto;}
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer {  padding-top: 10px; clear:both; }
#facebox .footer .close{ float:right; color:#FFFFFF;}
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }
* html #facebox_overlay { /* ie6 hack */ position: absolute;  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}






/**********************************
*             Footer              *
**********************************/
#footer {color:#999999; background:#111111;  padding:20px 5px 40px 0px; border-top:solid 2px #CCCCCC; margin:60px auto 0 auto; font-size:11px;border-top:2px solid #F5F5F5; line-height:1.3; }
#footer ul{ padding:0; margin:0;}
#footer ul li {padding:0;list-style:none;margin:5px 0px 5px 0px; }
#footer ul li a {color:#999999}
#footer ul li.sub a{ font-size:10px; color:#CCCCCC;}
#footer ul li a:hover {color:#c5c5c5}

#footer .column{ width:170px; float:left;}
#footer .column h5{ font-size:12px; margin-bottom:7px;}
#footer .column h5 a{ color:#999999;}
#footer .column .first{ margin-top:0px; margin-bottom:7px;}

#footer .column.large {  width:260px; line-height:1.3; font-size:10px;}
#footer .column.right { text-align:right; float:right;}
#footer .column.spacer {  width:160px;}


/**********************************
*             Ajax	     	    *
**********************************/

#ajax .header{ background:#1F3D75 url(../account_images/menu/menu-bg.jpg) repeat-x; height:40px; line-height:40px; color:#FFFFFF; font-weight:bold; font-size:18px; padding-left:20px;}
#ajax .ajax_content{ padding:10px;}
#ajax .section_header{text-transform:uppercase; font-weight:bold; color:#003d7e; padding:5px;  background:#D9E3FF; margin-bottom:5px;}
#ajax .display_table{}
#ajax .display_table td{ padding:4px;}
#ajax .display_table .title{ font-weight:bold; width:100px;}
#ajax .content{ width:auto;}