body {background: #FFFFFF url(../../images/themes/_segapass/bg.jpg) no-repeat top center}

.boxOne .top {background: url(../../images/themes/_segapass/boxOne_top.jpg) no-repeat}
.boxTwo .top {background: url(../../images/themes/_segapass/boxTwo_top.jpg) no-repeat}

.segapass {width: 100%}
.segapass .logo {text-align: right; vertical-align: middle; padding: 15px 0px 0px 10px}
.segapass .content {text-align: left; width: 500px; padding: 0px 0px 0px 20px; vertical-align: top}
.segapass .content .heading {font-weight: bold; margin: 0px 0px 15px 30px}
.segapass .content strong {color: #3399FF}

.segapass .pass_ul {list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left}
.segapass .pass_ul li {background: url(../../images/icons/arrow.jpg) no-repeat; padding: 3px 0px 10px 30px; height: 21px}




/* NEW SEGAPASS SECTION START - JIM*/

.mainMiddle .mainCentreAndRight {padding: 0px 0px 0px 5px; float: left; width: 748px; margin: 70px 0px 0px 0px; text-align: center}

.contentdeadjim {font-size: 9pt; color: #000000; padding: 2px 2px 2px 2px; text-align: left}
.blockDescription {width: 100%; margin: 0px 0px 10px 0px}
.largeSpace {height: 20px; width: 100%}
.smallSpace {height: 5px; width: 100%}
.checkboxSpace {height: 20px; width: 100%}

.theTextRadio {width: 220px; height: 22px; float: left; position: relative; padding: 0px 0px 0px 2px; margin: 3px 5px 0px 0px; text-align: right}
.theInputRadio {width: 230px; height: 20px; float: left; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left}
.theInputRadio input {width: 99%; height: 18px; border: 0px; padding: 0px 0px 0px 3px; color: #FF6600}

.theClear {background: #FF6600 url(../../images/sega-pass/clearSearch.jpg) no-repeat; height: 20px; float: left; position: relative; border: 1px solid #DDDDDD; border-left: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; cursor: pointer; cursor: hand}

.theInfo {height: 20px; width: 20px; background: url(../../images/help.gif) no-repeat; float: left; position: relative; border: 0px; border-left: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 3px}
.infoHover {width: 200px; position: absolute; border: 1px solid #000000; background: #FFFFFF; padding: 2px 2px 2px 2px; margin: 0px 0px 0px 0px; text-align: left; font-size: 8pt; text-align: left; color: #000000; left: 20px; top: 22px; z-index: 10000; display: none}

.captcha {height: 100px; padding: 10px 0px 0px 230px; border: 0; float: none}

.blockPersonal {width: 100%}

.divider1 {background-color: #005CBA; width: 733PX; height: 14px; color: #FFFFFF; padding: 0px 0px 0px 4px; margin: 15px 0px 8px 0px;}
.divider2 {background-color: #82b5eb; width: 733PX; height: 14px; color: #FFFFFF; padding: 0px 0px 0px 4px; margin: 15px 0px 8px 0px;}
.divider3 {background-color: #82b5eb; width: 733PX; height: 1px; color: #FFFFFF; margin: 15px 0px 8px 0px;}

.segmentBox {width: 100%; padding: 5px 5px 15px 5px; margin: 5px 5px 15px 5px; z-index: 1}
.segmentBox .segment1 {float: left; position: absolute; left: 0px; width: 250px}
.segmentBox .segment2 {float: left; position: absolute; left: 250px; width: 250px}
.segmentBox .segment3 {float: left; position: absolute; left: 450px; width: 250px}
.segmentBox .segment4 {float: left; position: absolute; left: 540px}
.segmentBox .segment5 {float: left; position: absolute; left: 720px}

.error {height: 22px}
.noerror {height: 22px}
.noerrorreadonly {height: 22px}
.noerrorreadonly .theInput .ronly {color: #708090; font-style: italic;}
.error .theInput {border: 1px solid red; border-right: 0px}
.error .theInputRadio {border: 1px solid red; border-right: 0px}
.error .theInputLong {border: 1px solid red; border-right: 0px}
.error .theInputShort {border: 1px solid red; border-right: 0px}
.error .theInput input {}
.error .theError {width: 20px; height: 20px; background: red url(../../images/error.gif) no-repeat; border: 1px solid red; border-left: 0px}

.error .theTextCheckbox {border: 1px solid red; border-left: 0px}
.theInputCheckbox {width:350px; height: 20px; }
.error .theInputCheckbox {border: 1px solid red; border-right: 0px; width:350px; height: 20px; }
.errorHover {width: 200px; position: absolute; border: 1px solid red; background: #FFFFFF; padding: 2px 2px 2px 2px; margin: 0px 0px 0px 0px; text-align: left; font-size: 8pt; text-align: left; color: red; display: none; left: -200px; top: 22px; z-index: 1000}
.theError {height: 20px; float: left; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px}

.theErrorPrivacy
{
    margin:-22px 0px 0px 350px;
}
/* the orange FF6600  was replaced by 005CBA */

.theText {width: 220px; height: 20px; float: left; position: relative; padding: 0px 0px 0px 2px; margin: 3px 5px 0px 0px; text-align: right}
.theTextDropdown {width: 220px; height: 22px; float: left; position: relative; padding: 0px 0px 0px 2px; margin: 3px 5px 0px 0px; text-align: right}
.theTextRadio {width: 220px; height: 22px; float: left; position: relative; padding: 0px 0px 0px 2px; margin: 3px 5px 0px 0px; text-align: right}

.theInput {width: 230px; height: 20px; float: left; border: 1px solid #3398ff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; background: #FFFFFF; z-index: 100}
.theInput input {width: 98%; height: 18px; border: 0px; padding: 0px 0px 0px 3px; color: #000000; background: #FFFFFF}
.theInputShort {height: 20px; float: left; position: relative; border: 1px solid #DDDDDD; border-right: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; background: #FFFFFF}
.theInputDropdown {height: 20px; float: left; position: relative; border: 1px solid #DDDDDD; border-right: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left}
.theInputDropdown input {width: 99%; height: 18px; border: 0px; padding: 0px 0px 0px 3px; color: #FF6600; background: #FFFFFF}
.theInputRadio {width: 230px; height: 20px; float: left; position: relative; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left}
.theInputRadio input {width: 99%; height: 18px; border: 0px; padding: 0px 0px 0px 3px; color: #FF6600}

.blockInterest {width: 100%}
.blockLogin {width: 100%}
.blockDescription {width: 100%; margin: 0px 0px 10px 0px}
.blockPersonal {width: 100%}
.blockGenres1 {width: 100%; position: relative; z-index: 1000}
.blockGenres2 {width: 100%; position: relative; z-index: 1}
.blockSubmit {width: 100%}

.submitButton {background: url(../../images/themes/_segapass/button.gif) no-repeat; width: 118px; height: 44px; border: 0px; font-family: Verdana; font-size: 9pt; padding: 0px 0px 10px 15px; float: right; text-align: center}
.loginButton {background: url(../../images/themes/_segapass/button.gif) no-repeat; width: 118px; height: 44px; border: 0px; font-family: Verdana; font-size: 9pt; padding: 0px 0px 10px 15px; float: left; text-align: center; margin: 8px 0px 0px 0px}

.redstar {color: red; margin: 0px 0px -7px 0px }
.theTextDropdown2 {text-align:center;}
.privacypolicy_hover { margin: -26px 4px 0px 0px }

/* NEW SEGAPASS SECTION END */