 

    
   

.wizardFrame { width: 930px; }
.wizardContent {width: 100%;}
.wizardContent .stepContent {margin-top: 20px;float: left; width: 100%;}
.wizardContent .registratoinStep {width: 425px;}
.wizardContent .profileStep {width: 100%;}
.wizardContent h1 {font-size: 20px;}
.loginQuestion {color: #cd3301;}
.skipThis {display: block; color: #6D763D;font-size: 16px;text-decoration: none;;margin-left: 280px;}
.registrationForm {margin-top: 20px; font-size: 11px;color: #676767;}
.registrationForm div span {clear:left;float:left;}
.registrationForm .leftColumn {width:110px;}
.registrationForm .inputSection {margin-bottom: 10px;width: 95%;}
.registrationForm .validationRemarks {color:#CD3301;width:150px; }
.registrationForm .theInputBox {height: 12px; width: 143px; font-size: 11px;}
.registrationForm input.invalid {background-color: #ead7C0;}
.registrationForm input.valid {background-color: white;} 
.registrationForm .theCaptchaInputBox { width: 142px; float: right; margin-right: 7px; }
.registrationForm .validation {float: left; width: 400px;}
/*.registrationForm .validation a {color: #676767;}
.registrationForm .validation a:hover {text-decoration: none;}*/
.registrationForm #regCountry .leftColumn { width: 107px; margin-left: 0px; }
.registrationForm .signUpButton {float: left; clear: left; width: 100%;}
.registrationForm .signUpButton .donationBar{float: left; margin: 20px 0 0 20px;}
.wizardContent .thanksStep { float: left; margin-top: 0px;}
.wizardContent .thanksStep h1 {color:#CD3301;font-family:tahoma;font-size:28px;font-weight:normal; margin-bottom: 20px;}
.wizardContent .thanksStep p {color:#676767;font-size:15px;margin-top:0;}
.wizardContent .thanksStep .demoButton {background-image:url(http://media.jinni.com/images/home_watch_our_demo.gif);cursor:pointer;height:25px;margin-bottom:32px;width:165px;}
.wizardContent .thanksStep .starterLinks a {color:#CD3301;font-weight:normal;text-decoration:none;}


.stepContent #profileForm {float: left; width: 513px;}

.wizardContent .rightSide {float: left; margin-top: -38px; width: 50%;}
.wizardContent .rightSide .demoImageLink {cursor: pointer; margin-top: 20px;}
.wizardContent .rightSide p {color: #676767; font-weight: bold; font-size: 14px;}
.profileStep .rightSide {margin-left: -58px;}
.profileStep .rightSide .demoImageLink, .profileStep .rightSide p {margin-left: -20px;}
/*.profileStep #profileForm .userTopTitle {margin-top: 0px}*/
.inviteStep .rightSide {margin-left: 57px;}
.loginStep .rightSide {float: right; margin-right: 19px;}
.thanksStep .rightSide {margin-left: 50px; margin-top: 25px; width: 45%;}
.thanksStep .leftSide {float: left;}
.thanksStep .leftSide img {margin: 20px 0; cursor: pointer;}
.thanksStep .leftSide p.action {color: black;}
/*.rightSide ul li {display: list-item;}*/

.wizardContent .thanksStep #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; }
.registrationError {color:#CD3301;font-family:tahoma;font-size:28px;font-weight:normal;}

.activateForm {float: left; width: 48%;}

.wizardContent .registrationWizard {float: left;}


a.tamkeMeBack {color: #676767; text-decoration: none;}
.donationBar { color: #676767; width: 181px; }
.donationBar p {margin: 0; padding: 0;}
.donationBar p span.donated {font-size: 15px; font-weight: bold; clear: none; float: none;}
.donationBar div.bar { width: 100%; height: 10px; float: left;}
.donationBar div.bar span { clear:none; float:left;height:10px;} 
.donationBar div.bar .full {background: url('http://media.jinni.com/images/pixels/meter-red.png') repeat-x; display: inline-block;}
.donationBar div.bar .empty {background: url('http://media.jinni.com/images/pixels/meter-grey.png') repeat-x; display: inline-block;}

.joinFooter { float:left; width:100%; color:#676767; margin-top: 20px; height: 113px;}
.joinFooter div {float: left; width: 32%;}
.joinFooter div.left,.joinFooter div.middle,.joinFooter div.right { }
.joinFooter div.left {padding:10px; margin-left: -10px}
.joinFooter div.left h5 {color:#CD3301;}
.joinFooter div.left ul {list-style-type:disc;margin:10px 0 0 14px; padding: 0; border-right: 1px solid #CD3301;}
.joinFooter div.left ul li {display:list-item; line-height:20px;}
.joinFooter div.left ul li span {font-weight: bold}

.joinFooter div.middle {padding: 10px; padding: 43px 0 0 0;}
/*.joinFooter div.middle ul {width:60%;margin-left: 40px; margin-top:40px; list-style-image: url('http://media.jinni.com/images/icons/cnet.gif'); border-right:1px solid #CD3301; height:63px;}
.joinFooter div.middle ul li {display:list-item; position: relative; top: 10px;}
.joinFooter div.middle ul li span {position: relative; top: -10px;}
*/
.joinFooter div.middle div.container {height:60px; width: auto; border-right: 1px #cd3301 solid; padding: 0 10px 0 0;}
.joinFooter div.middle div.container p {width: 80%; float: left;}
.joinFooter div.middle div.container img { float: left; margin-right: 10px;}

.joinFooter div.right {height: 100%;}
.joinFooter div.right img {left:50%; margin-left:-80px; position:relative; top:50%;}

div.leftContent {float: left; width: 48%;}
div.rightContent { float: right; width: 341px; position: relative;top: -30px;}

div.joinRightContent {float: left; width: 341px;}
img.dogBanner {width: 341px; height: 247px;}
div.joinRightContent p {float: left; color: #676767; margin: 10px 0;}
div.joinRightContent a.jinniRedLink {float: left; white-space: nowrap;}
div.joinRightContent img.bfLogo {float: right;}

div.donationStatement {white-space:nowrap; border-bottom: 1px solid #BBD043; border-top:1px solid #BBD043; float:left; margin-top:20px;padding:0 15px;}
div.donationStatement p {color: #cd3301; margin: 3px 0; }
div.donationStatement p.left {float: left; font-weight: bold;}
div.donationStatement p.left span {font-weight: normal; margin: 0 3px;}
div.donationStatement p.right {float: left; white-space: normal; width: 200px; text-align: left;}
/*div.activateRightContent {float: left; width: 50%;}
div.rightSide div.donationStatement {border: none; margin: 10px 0 20px 0;}

div.rightSide div.donationStatement {margin-bottom: 10px;}
*/
div.rightSide p.donationStatement {color:#CD3301;float:left;font-size:14px;margin:0; font-weight: normal; white-space: nowrap; margin-bottom: 30px; margin-right: 5px;}
div.rightSide .share {float: left; margin: 0 5px;}
div.rightSide .envelop2 {position: relative; top: -2px; left: -6px;}
/*div.activateRightContent img.dogBanner {margin-top: 10px;}*/
.activationNote {font-size: 11px; margin-top: -7px;}

.wizardContent .rightSide .top img {float: left; margin-right: 10px; width: 137px; height: 144px}
.wizardContent .rightSide .top .prizeHeader {color: #cd3301; font-weight: bold;}
.wizardContent .rightSide .top .prizeNote {font-weight: normal;}


.wizardContent .rightSide .middle, .wizardContent .rightSide .top, .wizardContent .rightSide .video {position: relative;top: -20px;}
.wizardContent .rightSide .middle .joinFooter  div.left {width: auto;}
.wizardContent .rightSide .middle .joinFooter  div.left ul {border:none; }
.wizardContent .rightSide .middle .joinFooter h5 {color: #6D763D}
.wizardContent .rightSide .middle .joinFooter {margin-top: 0;}
.wizardContent .rightSide .middle .joinFooter div.middle div.container {border: none; font-weight: normal;}
.wizardContent .rightSide p{font-weight: normal; }
.wizardContent .rightSide .middle .joinFooter div.middle div.container p {width: auto; font-size: 12px;}
.wizardContent .rightSide .middle .joinFooter {width: 130%;}
.wizardContent .rightSide .middle .joinFooter div.middle {width: auto; margin-left: 10px;}
.wizardContent .rightSide .middle .joinFooter div.middle .container p {margin-top: 0;}
.wizardContent .rightSide .video {float: left; margin-top: 10px; position: relative; top: -10px;}
.wizardContent .rightSide .video h5{margin-bottom:10px;}
.video{
	z-index: 0;
	}
