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

BODY { margin: 0; background: #bed5e9 url('../_img/background.jpg') top left repeat-x; font: 16px Arial, Helvetica, sans-serif; }
BODY * { font-family: Arial, Helvetica, sans-serif; }
IMG, TABLE, TBODY, TR, TD { border: 0; }

A.standard { color: #00f; text-decoration: underline; cursor: pointer; }

.clear { clear: both; }
.hide { display: none; }

.connect-div { margin: 40px auto 20px; /*display:inline-block;*/  border:0; text-align:center; width:620px; }

#facebook-connect-button { cursor: pointer; }

.outer { width: 100%; }
.header { width: 980px; margin: 0 auto; }
.header H2 { display: inline-block; width: 218px; float: left; height: 80px; background: url('../_img/webstarts-logo.jpg') top left no-repeat; text-indent: -9999em; margin: 0; padding: 0; }
.header .login-area {  display: inline-table; float: right; border: 0; height: 80px; background: url('../_img/login-gradient.jpg') bottom left repeat-x; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0 10px; }
.header .login-area TBODY { padding: 15px 0 0; display: inline-block; }
.header .login-area TD { vertical-align: middle; }
.header .login-area TD INPUT { display: block; }
.header .login-area .text-input { border: 1px solid #ccc; background: #fff; line-height: 16px; font-size: 16px; width: 200px; }
.header .login-area H3 { margin: 0; padding: 0; font-size: 16px; }
.header .login-area .support-number { text-align: left; }
.header .login-area .forgot-bookmark { text-align: right; }
.header A.standard { font-size: 12px; }

/* For updated header */
.header .login-outer { float:right; border:0; height:80px; background: url('../_img/login-gradient.jpg') bottom left repeat-x; border-left: 1px solid #ccc; border-right:1px solid #ccc; padding:0 10px; }
.header .login-main { display:inline-table; float:left; }
.header .login-fb { display:inline-table; float:left; }
.header .login-main { margin: 15px 0 0; display: inline-block; }
.header .login-main TD { vertical-align: middle; }
.header .login-main TD INPUT { display: block; }
.header .login-main .text-input { border: 1px solid #ccc; background: #fff; line-height: 16px; font-size: 16px; width: 200px; padding-left:3px;}
.header .login-main .emailContainer {position:relative;}
.header .login-main .spanGhost {position:absolute; left: 5px; top: 2px; color: #AAAAAA;}
.header .login-main H3 { margin: 0; padding: 0; font-size: 16px; }
.header .login-main .support-number { text-align: left; }
.header .login-main .forgot-bookmark { text-align: right; }
.header A.standard { font-size: 12px; }
.header .login-fb { font-size: 12px; margin-top:6px; margin-left:10px; padding-left:10px; border-left:1px solid #ccc; }
.header .login-fb TD { text-align:center; }
.pointer { cursor:pointer; } 

/* For updated login page */
.login-div { margin-left:auto;  margin-right:auto; margin-bottom:40px; margin-top:40px; /*display:inline-block;*/  border:0; padding:0 20px 15px 20px; text-align:center; width:620px; }
.login-div A { color:#0000ff; }
.login-page-main { /*display:inline-table; float:left;*/ }
.login-page-fb { /*display:inline-table; float:left;*/ font-family: arial; }
.login-page-main TBODY { display: inline-block; }
.login-page-main TD { vertical-align: middle; }
.login-page-main TD INPUT { display: block; }
.login-page-main .emailContainer {position:relative;}
.login-page-main .spanGhost {position:absolute; left: 5px; top: 2px; color: #AAAAAA;}
.login-page-main .text-input { border: 1px solid #ccc; background: #fff; line-height: 16px; font-size: 16px; width: 200px; padding-left:3px;}
.login-page-main H3 { margin: 0; padding: 0; font-size: 16px; }
.login-page-main .support-number { text-align: left; }
.login-page-main .forgot-bookmark { text-align: right; }
.login-page-fb { font-size: 12px; margin-top:0; margin-left:16px; padding-left:16px; border-left:1px solid #ccc; }
.login-page-fb TD { text-align:center; }
.login-page-button { font-size:14px; }


*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -user-select: none;
}
.round-input { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.navigation { background: #000 url('http://webstarts.com/images/nav-bg-gradient.jpg') 50% 50%; border: 1px solid #000; }
#main-menu { margin: 0 auto; padding: 0; list-style: none; display: block; width: 980px; }
#main-menu LI { display: inline; float: left; }
#main-menu LI.first { border-left: 1px solid #000; }
#main-menu A { text-decoration: none; font-size: 16px; display: block; padding: 5px 20px; float: left; color: #fff; border-right: 1px solid #000; }
#main-menu A:HOVER { text-decoration: underline; }
#main-menu A.sign-up { background: #96e499; color: #000; border-top: 1px solid #DCBB05; border-bottom: 1px solid #DCBB05; margin-top: -1px; margin-bottom: -1px; }
HTML>BODY #main-menu A.sign-up { background: #96e499 url('http://webstarts.com/images/nav-bg-green-gradient.jpg') 50% 50%; }

.content { width: 980px; margin: 10px auto; }
.content .main { border: 1px solid #ccc; }
.content .main .main-inside { padding: 20px; }
.topofcontent {position:relative; height:45px; width:940px;}

#metal {float:left; width: 380px; padding:15px; opacity: 0.7; filter: alpha(opacity = 70); text-align:center;}
#countdown {}
#countdowntext {padding-top:10px; font-family: Arial, Helvetica, sans-serif; color:#333; font-weight:400;}


.hr-space { height: 1px; color: #ccc; border: 0; background-color: #ccc; width: 100%; margin: 15px 0 0; }
.h1 { margin: 0; padding: 0; font-size: 27px; }

.gradient-top { background: transparent url('../_img/gradient-top.jpg') top left repeat-x; }
.gradient-bottom { background: #fff url('../_img/gradient-bottom.jpg') bottom left repeat-x; }

.round-all { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.features { margin: 0; padding: 0; list-style: none; width: 490px; display: inline; float: left; margin-left: 30px }
.features LI { margin-top: 20px; }
.features LI H2 { margin: 0; padding: 0; font-size: 20px; }
.features LI .sub-feature { margin: 0; padding: 10px 0 0 30px; list-style: none; display: block; }
.features LI .sub-feature LI { margin: 0; padding: 0; text-align: left; }
.video-player { width: 400px; height: 320px; background: #ccc; float: left; margin: 20px 0 0; }
.video-player-button { display: block; background: url('../_img/video-player.jpg') -1px -1px no-repeat; text-indent: -9999pt; width: 398px; height: 318px; cursor: pointer; border: 1px solid #999; }

.video-player-express { display: block; background: url('../_img/listingExpressPlayer.jpg') -1px -1px no-repeat; text-indent: -9999pt; width: 398px; height: 318px; cursor: pointer; border: 1px solid #999; }

.features .sign-up { text-align: center; margin: -10px 0 0 0; }
.sign-up-button { width: 304px; height: 69px; text-indent: -9999em; display: block; margin: 40px auto 20px; background: url('../_img/sign-up.png') top left no-repeat; cursor: pointer; }
.sign-up-button-espanol { width: 300px; height: 65px; text-indent: -9999em; display: block; margin: 40px auto 20px; background: url('../_img/signUp-espanol.jpg') top left no-repeat; cursor: pointer; }
.sign-up-fb-button { width: 300px; height: 65px; text-indent: -9999em; display: block; margin: 40px auto 0; background: url('../_img/fb-connect-300x65.jpg') top left no-repeat; cursor: pointer; }

.get-listed-now { width: 304px; height: 69px; text-indent: -9999em; display: block; margin: 40px auto 20px; background: url('/_img/get-listed-304x69.png') top left no-repeat; cursor: pointer; }

.boxes { margin: 10px 0; padding: 0; list-style: none; width: 980px; }
.boxes LI { display: block; float:left; width: 318px; height: 210px; text-align: center; margin: 0; padding: 0; margin-right: 10px; list-style: none; border: 1px solid #ccc; position: relative; }
.boxes LI.last { margin: 0; }
.boxes H4 { font-weight: normal; font-size: 16px; margin: 10px 0 0; padding: 0; }
#testimony { position: absolute; top: -85px; left: -250px; background: url('../_img/quote.png') top left no-repeat; width: 400px; height: 100px; text-align: left; padding: 10px; }
#testimony IMG { height: 60px; width: auto; float: left; margin: 5px; }
#testimony P { float: right; margin: 5px 30px 0 0; padding: 0; width: 295px; text-align: justify; font-size:14px; }
#testimony P.sig { position: absolute; bottom: 45px; right: 40px; width: auto; float:none; margin: 0; }

.blog { margin-top: 10px; border: 1px solid #bbb; padding: 20px;}
.blog H2 { margin: 0; padding: 0; font-size: 20px; }
.blog H3 { margin: 0; padding: 0; font-size: 20px; }
.blog H3 A { color: #000; text-decoration: none; }
.blog .date { color: #666; font-size: 12px; }
.blog P { margin: 5px 0; padding: 0; text-align: justify; }
.blog A.read_more {font-style: italic; color: #26BB23; text-decoration: none; }
.blog img {border-style: solid; border-width: 1px; border-color:#aaa;}
.bloghr {margin-top: 10px;margin-bottom:10px;background: #aaa;height: 1px; border-bottom: 1px solid #fff; border-top: 1px solid #ddd;}
#blog_image_wrap {height:170px; width:170px; overflow:hidden; position:relative; float:left; padding-right:10px;}
#blogimg {position:relative; float:left;  width:166px;}
#content_wrap {position: relative; float:right; width:750px}

.footer { width: 980px; margin: 0 auto 10px; text-align: center; padding-top: 20px; }
.footer UL { margin: 0; padding: 0; list-style: none; vertical-align: top; height: auto; }
.footer UL LI { margin: 0; padding: 0; line-height: 14px; }
.footer UL LI.column { padding: 0 30px 0 10px; border-left: 1px solid #666; display: inline-block; vertical-align: top; height: 90px; text-align: left; }
.footer UL LI.column.first { border: none; }
.footer A { color: #000; text-decoration: none; font-weight: bold; font-size: 12px; }
.footer A:HOVER { text-decoration: underline; }
.footer .sublinks A { font-weight: normal; }

.browsers { margin-top: 30px; font-size: 14px; }
.browser-icons { margin-top: 10px; }
.browser-icon { display: inline-block; height: 34px; width: 34px; background: url('../_img/browser-icons.png'); text-indent: -9999em; margin-right: 10px; }
.browser-icon.ie { background-position: 0 0; }
.browser-icon.ff { background-position: 0 -34px; }
.browser-icon.cr { background-position: 0 -68px; }
.browser-icon.sa { background-position: 0 -102px; }

.ui-dialog * { font-size: 12pt; }
#prompt-password { font-size: 12pt; }

#please-wait DIV,
#prompt-password DIV { text-align: center; }

#user-password { font-size: 16px; border: 1px solid #ccc; }

#relief { float: right; padding-left: 20px; line-height: 21px; background: url('/_img/help-japan.png') top left no-repeat; color: #c00; font-size: 12pt; }

#fb-like-button { float: right; margin-top: 15px; }
LI.facebook-sign-up { text-align: center; }
.facebook-sign-up #facebook-login-button-2 { font-size: 14px; float: none; display: inline-block; height: 19px; margin: 0 auto; padding: 5px 100px 5px 0; color: #00f; text-decoration: underline; background: url('../_img/facebook-connect-logo.png') center right no-repeat; cursor: pointer; }

.signup-field { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; background-color: #FFC; border: 1px solid #CCC; padding:4px 2px; background-position: center; vertical-align: middle; }

.signup-field-disabled { background-color:#ddd !important; }

.form-error { background-color:#FFC1C1; padding:10px; color:#8E2323; border:1px solid #A52A2A; margin-top:20px; font-weight:900; font-size:13px; }