#segapass abbr {border-bottom: 1px dotted black}




/* TABLE STYLES */

#segapass .blockInterest {}
#segapass .blockLogin {}
#segapass .blockDescription {width: 100%; margin: 0px 0px 10px 0px}
#segapass .blockPersonal {}
#segapass .blockGenres1 {position: relative; z-index: 500}/*; z-index: 1000*/
#segapass .blockGenres2 {position: relative; z-index: 1}
#segapass .blockSubmit {}

#segapass .left {vertical-align: top}
#segapass .right {vertical-align: top}

#segapass .divider1 {height: 20px; color: #000; font-weight: bold; margin:5px 0px;background:#D6E7EF;padding:5px 0 0 5px;}
#segapass .divider2 {height: 20px; font-weight: bold; width: 100%; text-align: left; margin: 5px 0px 0px 0px}


#segapass .theText {width: 220px; height: 20px; float: left; /*position: relative;*/padding: 0px 0px 0px 2px; margin: 3px 5px 0px 0px; text-align: right}
#segapass .theInput {width: 230px; height: 20px; float: left; /*position: relative;*/border: 1px solid #ddd; padding: 0; margin: 0; text-align: left; background: #FFFFFF}

#segapass .theInput input {width: 98%; height: 18px; border: 0px; padding: 0px 0px 0px 3px; color: #000000; background: #FFFFFF}

#segapass .theInputShort {height: 20px; float: left; /*position: relative;*/ border: 1px solid #DDDDDD; border-right: 0px; padding: 0; margin: 0; text-align: left; background: #FFFFFF}

#segapass .theTextDropdown2 {width: 450px; height: 20px; float: left; /*position: relative;*/ padding: 0px 0px 0px 5px; margin: 3px 5px 0px 0px; text-align: right}
#segapass .theInputDropdown2 {width: 100px; height: 20px; float: left; /*position: relative;*/ border: 1px solid #DDDDDD; border-right: 0px; padding: 0; margin: 0; text-align: left}
#segapass .theInputDropdown2 select {width: 99%; height: 20px; border: 0px; padding: 0px 0px 0px 3px; color: #FF6600; background: #FFFFFF}

#segapass .theTextDropdown {width: 220px; height: 22px; float: left; /*position: relative;*/ padding: 0px 0px 0px 2px; margin: 3px 5px 0px 0px; text-align: right}
#segapass .theInputDropdown {height: 20px; float: left; /*position: relative;*/ border: 1px solid #DDDDDD; border-right: 0px; padding: 0; margin: 0; text-align: left}
#segapass .theInputDropdown input {width: 99%; height: 18px; border: 0px; padding: 0px 0px 0px 3px; color: #FF6600; background: #FFFFFF}

#segapass .theTextRadio {width: 220px; height: 22px; float: left; /*position: relative;*/ padding: 0px 0px 0px 2px; margin: 3px 5px 0px 0px; text-align: right}
#segapass .theInputRadio {width: 230px; height: 20px; float: left; /*position: relative;*/ padding: 0; margin: 0; text-align: left}
#segapass .theInputRadio input {width: 99%; height: 18px; border: 0px; padding: 0px 0px 0px 3px; color: #FF6600}

#segapass .theInputCheckbox  {width: 600px; height: 20px; float: left; /*position: relative;*/ padding: 0; margin: 0; text-align: left;clear:left}
#segapass .theTextCheckbox {height: 20px; float: left; /*position: relative;*/ padding: 0; margin: 0; text-align: left}

#segapass .theClear {background: #FF6600 url(http://segapass.sega.com/images/sega-pass/clearSearch.jpg) no-repeat; height: 20px; float: left; position: relative; border: 1px solid #DDDDDD; border-left: 0px; padding: 0; margin: 0; cursor: pointer}

#segapass .theInfo {height: 20px; width: 250px; background: url('../images/info.gif') no-repeat; float: left; /*position: relative;*/ padding: 0; margin: 0}
#segapass .theInfo ul {list-style:none;}
#segapass .infoHover {width: 200px; 
position: absolute; 
border: 1px solid #000000; 
background: #FFFFFF; 
padding: 2px; 
text-align: left; 
font-size: 8pt; 
color: #000000; 
margin:22px 0 0 22px;
display: none; z-index: 1000}

#segapass .theError {height: 20px; float: left; /*position: relative;*/padding: 0; margin: 0}

#segapass .theErrorLong {height: 20px; float: left; position: relative; border: 1px solid #DDDDDD; border-left: 0px; padding: 0; margin: 0; background: #FFFFFF}
#segapass .errorHover {width: 200px; position: absolute; border: 1px solid #FF6600; background: #FFFFFF; padding: 2px; margin:22px 0 0 22px; text-align: left; font-size: 8pt; color: #FF6600; display: none; z-index: 1000}

#segapass .captcha {height: 100px; padding: 10px 0px 0px 230px; border: 0; float: none}

#segapass .segmentBox {width: 100%; padding: 5px 5px 15px 5px; margin: 5px 5px 15px 5px; z-index: 1}
#segapass .segmentBox .segment1 {float: left; position: absolute; left: 0px; width: 250px}
#segapass .segmentBox .segment2 {float: left; position: absolute; left: 250px; width: 250px}
#segapass .segmentBox .segment3 {float: left; position: absolute; left: 450px; width: 250px}
#segapass .segmentBox .segment4 {float: left; position: absolute; left: 540px}
#segapass .segmentBox .segment5 {float: left; position: absolute; left: 720px}

#segapass .error {height: 22px}
#segapass .noerror {height: 22px}

#segapass .error .theInput {border: 1px solid #FF6600; border-right: 0px}
#segapass .error .theInputDropdown {border: 1px solid #FF6600; border-right: 0px}
#segapass .error .theInputRadio {border: 1px solid #FF6600; border-right: 0px}
#segapass .error .theInputLong {border: 1px solid #FF6600; border-right: 0px}
#segapass .error .theInputShort {border: 1px solid #FF6600; border-right: 0px}
#segapass .error .theInput input {}
#segapass .error .theError {width: 20px; height: 20px; background: #FF6600 url('../images/error.gif') no-repeat; border: 1px solid #FF6600; border-left: 0px}
#segapass .error .theTextCheckbox {border: 1px solid #FF6600; border-left: 0px}
#segapass .error .theInputCheckbox {border: 1px solid #FF6600; border-right: 0px}

/* FORM INPUT STYLES */
#segapass input, select {font-family: Verdana; font-size: 9pt; color: #000000}
#segapass .submitButton {background: url(http://segapass.sega.com/images/sega-pass/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}
#segapass .loginButton {background: url(http://segapass.sega.com/images/sega-pass/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}

/* CONTENT STYLES */
/*#segapass h1 {padding: 0px 0px 0px 5px; margin: 4px 0px 0px 0px; font-family: Verdana; font-weight: bold; font-size:1em; color: #fff; text-align: left}*/
#segapass h1 {margin-top:4px}
#segapass h2 {padding: 0px 0px 0px 5px; margin: 0; font-family: Verdana; font-weight: bold; font-size: 13pt; color: #ff6600; text-align: left}
#segapass h3 {padding: 0px 0px 0px 5px; margin: 0; font-family: Verdana; font-weight: bold; font-size: 10pt; color: #000000; text-align: left}
#segapass .content {position: relative;}



#segapass .forgotten {margin: 10px 0px 0px 228px}

#segapass .largeSpace {height: 20px; width: 100%}
#segapass .smallSpace {height: 5px; width: 100%}
#segapass .checkboxSpace {height: 20px; width: 100%}



#segapass .citiesList {width: 245px; height: 97px; float: left; position: absolute; text-align: left; font-family: Verdana; font-size: 8pt; color: #4553B3; overflow: scroll; overflow-x: hidden; overflow-y: scroll; border: 1px solid #CCCCCC; padding: 2px 2px 2px 2px; background: #FFFFFF; display: none; z-index: 1000}
#segapass .cityItem {width: 100%; height: 10px; margin: 0; padding: 1px 1px 1px 1px; cursor: pointer; z-index: 1000}

#segapass .optional {padding: 0}
#segapass .optional .option input {width: 20px; height: 20px; float: left; position: relative; padding: 0; margin: 0; text-align: left;clear:left}
#segapass .optional .option div {height: 20px; float: left; position: relative; padding: 0; margin: 0; text-align: left}


#segapass .resulttext {}

#segapass .extraStar {width: 41px; height: 41px; background: url(http://segapass.sega.com/images/sega-pass/extras.gif) no-repeat; position: relative; float: left; margin: 0px 8px 0px 0px}
#segapass .extraText {width: 695px; height: 38px; color: #1E8DCD}


#segapass #login-top {
background:#fff url('../images/login-form.jpg') no-repeat 4px 4px;
/*padding: 4px 4px 0 100px;*/
}

#segapass .boxOne {
/*border:1px solid blue;*/
}

#segapass .leftpad {
padding-left:160px;
}

#segapass .boxTwo {
background:#fff;
}