body { margin-top: 0px; margin-left: 0px; font-family: arial; font-size: 11px; }
#mainHolder { width: 970px; height: 100%;  background-image: url("http://media.jinni.com/images/main_bgrnd.jpg"); position: absolute; left: 50%; margin-left: -500px; background-repeat: no-repeat; }
#mainHolder .left { float: left; } /* align left the signin logo */
#mainText { display: block; margin-left: 325px; margin-top: 151px;; width: 325px; font-family: arial; font-size: 14px; font-weight: normal; line-height: 18px; color: #333333; }
#mainText p { margin: -5px 100px 0 0; color: #333333; font-size: 14px; }
#mainText ul { padding-left: 20px; display: block; list-style-image: url('http://media.jinni.com/images/signInBullets.gif'); list-style-position: outside; margin-left: 0; margin-bottom: 30px; }
#mainText ul li { font-size: 14px; color: #333333; margin-bottom: 10px; }
#mainText a { color: #333333; font-weight: bold; }

#signInDemoLink { cursor: pointer; margin-top: 10px; float: left; }
#signInDemoLink .landingHeader { float: left; margin: 0; }
#signInDemoLink .landingPlayButton { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://media.jinni.com/images/play.png');
 									 float: left;  width: 18px; height: 18px; margin-left: 5px; }
html>body #signInDemoLink .landingPlayButton { background-image: url("http://media.jinni.com/images/play.png"); }

#slogan { height: 32px; font-family: arial; font-size: 28px; font-weight: lighter; color: #ffffff; font-stretch: narrower; float: left; margin-top: 16px; margin-left: 70px; display: inline; }
html>body #slogan { margin-left: 130px; }


.sub1 { font-size: 24px; font-weight: normal; color: #cd3301; margin: 0px; }
.sub2 { font-size: 15px; font-weight: bold; color: #676767; margin: 0px; }
.api_sub_titles { margin: 0 3px 0 0; padding: 0px; font-size: 15px; font-weight: bold; color: #676767; }

.img1 { margin-bottom: 20px; }
.img2 { float: right; margin-left: 20px; }

#cuApi {
	color: #cd3301;	
} 

#landingBottomAttributes { width: 100%; float: left; }
#generalMenu {  float: left; width: 395px;  margin-top: 114px;  }
#generalMenu a { color: #cd3301; text-decoration: none; background-color: transparent; }
#generalMenu a:hover { text-decoration: none; }
#generalMenu a:active, #generalMenu a:focus { outline: 0px; }
#generalMenu .mainMenu { font-size: 11px; padding-left: 0px; margin: 0px; position: absolute;  }
#generalMenu .mainMenu li a { font-weight: bold; }
#user { float: left; }

#generalMenu ul li { list-style-type: none; display: inline; margin-right: 3px; color: #cd3301;}

#joinTheBeta { float: left; width:330px; margin-left: -70px; }
.landingHeader { font-size: 18px; font-family: tahoma; color: #cd3301; margin-bottom: 10px; margin-top: 13px; }
#landingSignIn { float: right; width: 220px; margin-right: 10px; }
#landingSignIn form { margin: 0px; }
#landingSignIn p { float: left; margin-bottom: 0; width: 100%; }
.notify { color: #cd3301; }
#enterEmailNotification { display: inline; color: #333333; }
#thxForSignup { display: none; }
#emailInUse { display: none; }

#emailTextBox { float: left; clear: left; position: relative; }

#theEmailBoxElements { margin-top: 8px; }

#theEmailBoxElements span { color: #676767; float: left; line-height: 18px; font-weight: bold; }
#theEmailBoxElements .landingButton {cursor:pointer; margin-left: 10px; }
.emailForSignup { height: 12px; margin-left: 5px; font-size: 11px; width: 146px; }
.landingButton {cursor:pointer; background-color: #BBD043; border: 1px solid #BBD043; font-size: 11px; font-weight: bold; color: #ffffff; line-height: 18px; margin-bottom: 0px;  line-height: 14px; } 
/*#lostInvite { color: #6D763D; margin-left: 38px; margin-top: 8px; }*/
#signinMain { margin-top: 10px; }
#lostInvite { visibility: hidden; font-size: 11px; color: #cd3301; font-weight: bold; margin-left: 200px; }
/*.thxComment { visibility: hidden; font-size: 11px; color: #cd3301; font-weight: bold; margin-left: 200px; }*/

#invitationRequestForm { float: left; }


.landingTxtBox {margin: 0; padding: 0 0 0 5px; height: 14px; font-size: 11px; width: 154px; color: black;}
#landingSignIn .passwordHolder {margin-bottom: 5px; float: left;}
#landingSignIn .usernameHolder {margin-bottom: 12px;float: left;}
.defaultModeTxt {padding-left: 5px; color: #676767}
.signInPreText {color: #777777; }
.signInUserText {color: black;}
#landingUsername { margin-left: 3px; }
#landingPassword {  display: none;}
#landingPasswordDummy {}
.rememberMe {float: left; color: #676767;}

.up { margin-left: -45px; padding-bottom: 10px; float: left; line-height: 18px; font-size: 11px; font-weight: bold; margin-right: 5px; position: relative; } 
.loginError { padding-left: 10px; line-height: 18px; font-size: 11px; font-weight: bold; position: absolute; color: #cd3301; width: 170px; margin-top: 10px; }

#singinTxt { font-size: 15px; font-weight: bold; color: #cd3301; margin: 0px 0px 20px 0px; padding-bottom: 4px; }
#singinTxt span { font-size: 11px; color: #676767; margin-left: 40px; display: inline; }
#singinTxt #forgotPassword a { color: #676767; }
#singinTxt #forgotPassword a:hover { color: #cd3301; }

#landingSignigChkbox { margin:0;}
#rememberMe { margin-left: 3px; font-size: 11px; font-weight: bold; }
#forgotPassword { margin-left: 10px; color: #6D763D; font-size: 11px; display: none; }

/* the registration page */
#regMainHolder { width: 970px; height: 100%;  background: url('http://media.jinni.com/images/beta_register_bg.jpg'); position: absolute; left: 50%; margin-left: -500px; background-repeat: no-repeat; color: #676767; }
.registrationMainDivs { float: left; position: relative; top: 155px; margin: 0px; }
#registrationFormDiv { width: 384px; left: 142px; line-height: 27px; }
/*
.registrationMainDivs { float: left; margin-top: 155px; }
#registrationFormDiv { width: 384px; margin-left: 142px; line-height: 27px; }

#regitrationParagraph { width: 265px; margin-left: 20px; }
*/
#registrationFormDiv div span { float: left; clear: left; }
#registrationFormDiv div input { float: left; height: 12px; margin-top: 6px; font-size: 11px; } 
#registrationRemarks { width: 20px; margin-left: 5px; border: 1px solid black; }
#regitrationParagraph { width: 330px; left: 158px; }

.theInputBox { width: 142px; }
#registrationFormDiv .theCaptchaInputBox { width: 142px; float: right; margin-right: 7px; }

#birthYear { float: left; width: 100%; }
/*#birthYear { float: left; margin-left: 2px; }*/
#birthYear .leftColumn, #regCountry .leftColumn { width: 107px; margin-left: 0px; }
html>body #birthYear .leftColumn, html>body #regCountry .leftColumn { width: 110px; }
#gender { float: left; }
#gender table { margin: 0px; padding: 0px; float: left; }
#gender table input { margin-top: 7px; } 
#gender table label { margin-left: 3px }
#regCountry { float: left; width: 100%; }

.leftColumn { width: 110px; }

.chkboxes { float: left }
.validation { float: left; width: 101%; }

.regLandingButton {cursor:pointer; background-color: #BBD043; border: 1px solid #BBD043; font-size: 12px; font-weight: bold; color: #ffffff; width: 80px; margin-bottom: 2px; margin-left: 4px; }

#welcomeTitle { font-size: 28px; color: #676767; }
#welcomeTitle img { margin-right: 10px;}
#welcomeSlogan { font-size: 18px; font-family: tahoma; color: #cd3301; margin-top: 10px; }

.registrationText { font-size: 15px; color: #676767; line-height: 22px; list-style-type: square; padding-left: 18px; margin: 0px; }
.validationRemarks { color: #cd3301; width: 118px; }
.validationRemarks img { margin-top: 5px; }

#signupRegistry { outline: 1px solid white; border: 0px; }
#singinTxt { margin-bottom: 0px; }
#siForm { margin: 3px; }
#siForm p { margin-bottom: 10px; }
#agreeTerms a { text-decoration: underline; color: #676767; }
#agreeTerms a:hover { text-decoration: none; }
/* forgot your password */

#fypMainHolder { width: 970px; height: 100%;   background: url('http://media.jinni.com/images/forgot_password.jpg');  position: absolute; left: 50%; margin-left: -500px; background-repeat: no-repeat; color: #676767; }
#fypMainHolder .registrationText { font-size: 15px; color: #676767; line-height: 22px; list-style-type: square; padding-left: 0px; margin:5px 0 10px; }
.feedbackContainer { width: 450px; margin-top: 9px; margin-left: 320px; text-align: left;}
#fpTitle { font-size: 28px; color: #cd3301; }
.fypLandingButton { background-color: #BBD043; border: 1px solid #BBD043; font-family: arial; font-size: 15px; font-weight: bold; color: #ffffff; width: auto; margin-bottom: 2px; margin-top: 15px; float: left; clear: left; cursor: pointer; }
.passwordInput { width: 282px; height: 14px; font-size: 11px; float: left;}
#passwordInput { width: 282px; height: 14px; font-size: 11px; }

#fypMainHolder .check { color:#CD3301; float:left; font-size:12px; font-weight:bold; margin:24px 0 0 17px; width: 190px; }

/* email sent */
#mailSent a { font-size: 15px; font-weight: bold; color: #cd3301; }
.esLandingButton { background-color: #BBD043; border: 1px solid #BBD043; font-size: 15px; font-weight: bold; color: #ffffff; width: auto; margin-bottom: 2px; float: left; clear: left; cursor: pointer; }
/**/

/* content pages */
#contentMainHolder { width: 970px; min-height: 860px; background: url('http://media.jinni.com/images/landing_bg_inside.jpg'); position: absolute; left: 50%; margin-left: -500px; background-repeat: no-repeat; }
#top { height: 105px; width: 190px; margin-top: 52px; margin-left: 54px; background-position: bottom left; background-repeat: no-repeat; display: inline-block; cursor: pointer;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://media.jinni.com/images/jinni_beta_logo_lps.png',sizingMethod='noscale'); } 
html>body #top { margin-top: 40px; background-image: url('http://media.jinni.com/images/jinni_beta_logo_lps.png'); filter: none; display: block; }  
#contentHolder { width: 600px; margin-left: 190px; margin-top: 15px; }
.contentTitle { font-size: 28px; font-weight: normal; color: #cd3301; font-family: tahoma; }
p { font-size: 15px; color: #676767; margin-top: 0px; }
.sub_titles { margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #6D763D; }
.partnerships_sub_titles { margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #6D763D; }
a { color: #cd3301; text-decoration: none; font-weight: normal; }
b { color: #cd3301; }
i { font-size: 15px; }
ul { font-size: 15px; color: #676767; margin-left: -25 px; }
#staticFooter { width: 600px; margin-left: 190px; line-height: 22px; text-align: center; }
#staticFooter .footerMenu { list-style-type: none; margin-left: 0px; margin-top: 10px; }
html>body .footerX { position: relative; top: 90px; }
#staticFooter .footerMenu li { display: inline; color: #cd3301; }
#staticFooter .footerMenu li a { display: inline; color: #cd3301; margin-left: 3px; margin-right: 3px; text-decoration: none; font-size: 11px; font-weight: bold; }
#staticFooter .footerMenu li a:hover { text-decoration: normal; }
#transCover { height: 100%; width: 100%; background-color: #ffffff; position: absolute; z-index: 5; display: none; opacity: 0.5; filter: alpha(opacit=50); }
#messege { width: 300px; height: 225px; border: 1px solid #BBD043; background: #ffffff; position: absolute; left: 40%; top: 200px; z-index: 10; opacity: 1; display: none; text-align: center; font-size: 15px; font-weight: bold; color: #cd3301; }
#notice { margin-top: 85px;  }
#closeButton { font-weight: normal; margin-top: 20px; }
#staticFooter .copyright { font-size: 12px; color: #cd3301; }
#sendDetails { border: 0px; }

/** the main registration tranparent div layout **/
#demoTransFrame { display:none; position: absolute; top: 0; left: 0; background-color: #000000; filter: alpha(opacity=70); opacity: 0.7; height: 100%; }
#demoVideoContainer { display: none; position: absolute; z-index: 11; top: 15%; left: 35%; background-color: #ffffff; border: 1px solid #cd3301; height: 352px; width: 360px; text-align: center; }
#demoVideoContainer #flashPlayer { margin: 20px 0 5px 0; }
#mainRegDemo { font-size: 15px; color: #cd3301; margin-top: 15px; width: 165px; height: 25px; cursor: pointer; }
#demoVideoContainer .demoBottomButton { background-color:#bbd043; color:#FFFFFF; display:block; font-size:15px; font-weight:bold; line-height:22px; width:168px; margin:12px 0 15px 50px; float: left; cursor: pointer; }
html>body #demoVideoContainer .demoBottomButton { margin:12px 0 15px 98px; }
#demoVideoContainer .demoContainerTitle { font-weight: bold; font-size: 12px; color: #cd3301; }

/** thanks page layout **/
#thanksMainHolder { background: url("http://media.jinni.com/images/beta_thanks_bg.jpg"); background-repeat: no-repeat; height: 565px; width: 975px; position: absolute; left: 50%; margin-left: -500px; }
#thanksMainHolder h1 { margin: 0 0 27px 0; }
#thanksMainHolder p { margin: 15px 0; }
#thanksMainHolder .demoButton { background-image: url("http://media.jinni.com/images/home_watch_our_demo.gif");  width: 165px; height: 25px; margin-bottom: 32px; cursor: pointer; }
#thanksMainHolder .linksp { margin-top: 20px; }
#thanksMainHolder .containerAlignment { float:left; left:175px; position:relative; top:163px; width:280px; }
#thanksMainHolder .containerAlignment p { font-weight: normal; }
.thanksDemoBg { display:none; position: absolute; z-index: 10; top: 0; left:0; background-color: #000000; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);  height: 800px; width: 100%; overflow: hidden; }
html>body .thanksDemoBg { display:none; position: absolute; z-index: 10; top: 0; left:0; background-color: #000000; opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); width: 100%; height: 100%; }
#thanksMainHolder .thanksDemo { display: none; position: absolute; left: 20%; z-index: 11; background-color: #ffffff; border: 1px solid #cd3301; height: 352px; width: 360px; text-align: center; }
#thanksMainHolder .demoContainerTitle { font-weight: bold; font-size: 12px; color: #cd3301; }
#thanksMainHolder .microsham { bottom:60px; left: 85px; color:#CD3301; font-size:28px; position:absolute; }
#thanksMainHolder .microsham a { text-decoration: underline; }

/* browser upgrade notice */
#ie6_notice_container { display: none; position: absolute; top: 20%; left: 30%; z-index: 1000; background-color: #ffffff; width: 396px; line-height: 16px; padding: 10px; font-family: arial; font-size: 15px; color: #676767; border: 1px solid #cd3301; }
#ie6_notice_container h6 {margin: 10px 0; font-size: 18px; color: #cd3301;  }
#ie6_notice_container button { background-color: #bbd043; line-height: 24px; font-size: 15px; font-weight: bold; color: #ffffff; border: 0; cursor: pointer; }
#ie6_notice_container .b1 { width: 57%; float: left; }
#ie6_notice_container .b2 { width: 40%; float: right; }
#ie6_notice_container a { width: 100%; clear: left; font-weight: bold; color: #676767; text-decoration: underline; }

/* registration error message */
.registrationAuthenticationError {padding: 0; margin: 0; position: relative; top:70px; left: -100px; width:500px;font-size: 18px; color:#676767}
.registrationAuthenticationError a {color: #CD3301; text-decoration: none;}

.commandButton{ background-color: #bbd043; font-weight: bold; color: #ffffff; vertical-align: middle; cursor: pointer; }
input, select { border: 1px solid #c7d47d; }


/* unsubscribe page */
.unsubscribePage {text-align: left; font-size: 12px;}
.unsubscribePage p {text-align: left;}
.unsubscribePage .commandButton {margin-top: 20px;}
.unsubscribePage  .unsubscribeMessage { display: block; float: left; width: 200%; margin-top: 10px;font-weight: bold;}
.unsubscribePage  .unsubscribeMessage a {color: #cd3301; font-weight: bold;}
.unsubscribePage  .selectRadio {border: none;}


.sxsw {position: absolute;margin-top: 20px;left: 0;}