html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0pt none; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0pt; padding:0pt; vertical-align:baseline}
body, p, ol, ul, td {font-family: arial, helvetica, sans-serif; font-size: 13px; line-height: 18px}
input.text, input.title, textarea, select {margin: 0px 0px; padding: 0px 0px}
h2 {font-size: 12pt; font-weight: bold; margin-bottom: 10px}
.small {font-size: 8pt}
body {color: #333; background: white url("http://cdn.hottiegram.com/images/main09/background_bg.png") repeat-x scroll 0px 0px}
.simple_background {background: transparent url("http://cdn.hottiegram.com/images/main10/bg/simple_for_text_bg.jpg") no-repeat; width: 960px; height: 800px; padding: 123px 0 0 200px}
pre {background-color: #eee; padding: 10px; font-size: 11px}
a {color: #000}
a:visited {color: #666}
a:hover {color: #fff; background-color:#000}
.fieldWithErrors {padding: 2px; background-color: red; display: inline-block}
#errorExplanation {width: 350px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square; margin-left: 20px}
div.error {border:red solid 1px; font-weight: bold; padding: 3px; margin: 10px; width:648px}
div.notice {border:blue solid 1px; font-weight: bold; padding: 3px; margin: 10px; width:648px}
#user_nav {}
#choose_greeter img {float: left}
#greeting_editor {float: left}
#preview {}
.clear {clear: both}
br.both{ clear:both}
#main_tabs {color: white; text-align: center; font-family: "Trebuchet MS"; font-weight: bold}
#account_links {position: absolute; top: 20px; left: 730px; color: white}
#account_links a {color: white; font-family: "Trebuchet MS"; font-size: 10pt}
#main_tabs div {padding-top: 9px}
#my_hottiegram {padding-left: 5px}
#main_tabs a {color: white; text-decoration: none}
#main_tabs a:hover {text-decoration: underline; background-color: transparent}
#account_links {font-family: "Trebuchet MS"; font-size: 10pt}
#account_links a {color: white; text-decoration: none}
#account_links a:hover {text-decoration: underline; background-color: transparent}
#create_a_hottiegram {position: absolute; top: 25px; left: 214px; width: 173px; height: 29px}
#create_a_hottiegram.tab_on {background: transparent url(http://cdn.hottiegram.com/images/main09/create_on.png) no-repeat scroll}
#my_hottiegram {position: absolute; top: 25px; left: 388px; width: 173px; height: 29px}
#my_hottiegram.tab_on {background: transparent url(http://cdn.hottiegram.com/images/main09/center_on.png) no-repeat scroll}
#members_only {position: absolute; top: 25px; left: 541px; width: 126px; height: 29px; color: white}
#members_only.tab_on {background: transparent url("http://cdn.hottiegram.com/images/main09/members_on.png") no-repeat scroll}
.goto_cart {position: absolute; width: 48px; height: 36px; background: transparent url("http://cdn.hottiegram.com/images/main09/application.png") no-repeat scroll -26px 0px}
.goto_cart.off {background: transparent url("http://cdn.hottiegram.com/images/main09/application.png") no-repeat scroll -26px -38px}
#goto_cart {top: 9px; left: 902px}
#footer_left {background: white url("http://cdn.hottiegram.com/images/main09/application.png") no-repeat scroll 0px 0px; float: left; width: 12px; height: 33px}
#footer_right {background: white url("http://cdn.hottiegram.com/images/main09/application.png") no-repeat scroll -16px 0px; float: right; width: 11px; height: 33px}
#footer {margin-left: auto; margin-right:auto; width: 961px; height: 33px; background-color: black; color: white; position: relative}
#footer a {color: white; text-decoration: none}
#footer a:hover {text-decoration: underline}
.underline {text-decoration: underline}
#footer .left {margin: 5px; float: left}
#footer .right {margin: 5px; float: right}
.red_bar {background: transparent url("http://cdn.hottiegram.com/images/main09/red_bar.png") no-repeat scroll; width: 678px; height: 33px}
.subtitle {color: white; font: normal bold 12pt "Arial"; padding: 7px 0 0 10px}
.beta_logo {background: transparent url("http://cdn.hottiegram.com/images/main09/application.png") no-repeat scroll 0 -90px; width: 175px; height: 76px}
#popup {display:none; position:fixed; _position:absolute;  background: transparent url("http://cdn.hottiegram.com/images/main09/popup-background.png") no-repeat scroll 0 0; width: 685px; height: 225px; z-index:999}
#popup .image {position: absolute; top:10px; left:10px; width: 180px; height: 190px}
#popup:hover {cursor: pointer}
#popup .notice {position: absolute; top: 32px; left: 197px; font-size: 14pt; font-weight: normal; width: 450px; border: none }
#popup .close {position: absolute; top: 0px; right: 0px; width: 100px; height: 100px}
.summer {background: white url("http://cdn.hottiegram.com/images/main09/girls_popup.jpg") no-repeat scroll 0 0}
.error_girl {background: white url("http://cdn.hottiegram.com/images/main09/girls_popup.jpg") no-repeat scroll -180px 0}
.sara {background: white url("http://cdn.hottiegram.com/images/main09/girls_popup.jpg") no-repeat scroll -360px 0}
.chris {background: white url("http://cdn.hottiegram.com/images/main09/girls_popup.jpg") no-repeat scroll -540px 0}
#popup_background {display:none; position:fixed; _position:absolute;  height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:1}
.btn38 {height: 38px; color: #fff}
.btn38 ul li {vertical-align: top; display: inline-block; zoom: 1; *display: inline; font-size: 15pt; font-weight: bold}
.btn38 .left {background: transparent url("http://cdn.hottiegram.com/images/main09/application.png") no-repeat scroll -75px -40px; width: 10px; height: 38px}
.btn38.on .left {background: transparent url("http://cdn.hottiegram.com/images/main09/application.png") no-repeat scroll -75px 0}
.btn38 .right {background: transparent url("http://cdn.hottiegram.com/images/main09/application.png") no-repeat scroll -90px -40px; width: 10px; height: 38px}
.btn38.on .right {background: transparent url("http://cdn.hottiegram.com/images/main09/application.png") no-repeat scroll -90px 0}
.btn38 .center {background: transparent url("http://cdn.hottiegram.com/images/main09/btn38_red_bg.png") repeat-x scroll; height: 38px; padding: 8px 5px 0px 5px; margin: 0 -1px}
.btn38.on .center {background: transparent url("http://cdn.hottiegram.com/images/main09/btn38_blue_bg.png") repeat-x scroll; height: 38px}
.btn28 .center {background: transparent url("http://cdn.hottiegram.com/images/main09/btn28_black_bg.png") repeat-x scroll; height: 28px}
.btn28.on .center {background: transparent url("http://cdn.hottiegram.com/images/main09/btn28_red_bg.png") repeat-x scroll; height: 28px}
.btn28_sq {background: transparent url("http://cdn.hottiegram.com/images/main09/btn28_red_bg.png") repeat-x scroll; height: 28px; color: white}
.btn28_sq:hover {background: transparent url("http://cdn.hottiegram.com/images/main09/btn28_black_bg.png") repeat-x scroll; height: 28px; color: white}
.btn28_sq.on {background: transparent url("http://cdn.hottiegram.com/images/main09/btn28_black_bg.png") repeat-x scroll; height: 28px; color: white}
.btn28_sq_inactive {background: transparent url("http://cdn.hottiegram.com/images/main09/btn28_red_bg.png") repeat-x scroll; height: 28px; color: white}
#register_login_div {position: relative; padding-top: 20px}
#register_login_div #new_account * input {width: 140px}
#register_login_div #first_name {width: 130px}
#register_login_div #last_name {width: 130px}
#register_login_div #email_address {width: 300px}
#register_login_div #password {width: 200px}
#register_login_div #confirm_password {width: 200px}
.form_title {font: normal bold 12pt "Arial"}
#login_div input[type='text'] {width: 160px; margin: 10px 0 0 4px}
#login_div input[type='password'] {width: 160px; margin: 10px 0 0 4px}
#login_div p {margin: 0 0}
#new_user_session {color: black}
#login_div {background: transparent url('http://cdn.hottiegram.com/images/main09/application.png') scroll no-repeat -176px 0px; width: 212px; height: 153px}
.default_value {font-style: italic}
.mkt_box {color:white;font-size:9pt;line-height:11pt;cursor:pointer}
.girls_star_bg {position: absolute; bottom: 30px; left: 441px; width: 385px; height: 450px; background: transparent url(http://cdn.hottiegram.com/images/main09/stars_girls_graphic.png) scroll no-repeat; z-index: -100}
#share-widget {width: 170px; color: white}
#share-widget a {float:left; width: 85px; text-decoration: none}
#share-widget span {background: gray no-repeat 1px center; cursor: pointer; display: block; padding: 1px 1px; height: 17px; width: 17px; border: 1px solid #d8dfea; margin: 0 2px; font-size: 8pt; color: #fff; text-indent: 24px }
#share-widget span:hover {border-color: #295582; background-color: #3b5998}
#sample_hg_list {border: rgb(255,53,91) medium }
#sample_hg_list li { margin-left: 5px; font-weight: bold; color: black; list-style: none}
#sample_hg_list a {color: white}
#sample_hg_list li:hover {background-color: rgb(255,53,91)}
#sample_hg_list li:hover a {background-color: rgb(255,53,91)}
#player_app_msg {position:absolute; display:none; background-color: black; color: #FF355B; font-size: 14pt}
#player_app_msg p {margin: 20px 0 0 20px}
#hottiegram_edit {background: transparent url("http://cdn2.hottiegram.com/images/main10/welcome/ht01_home_5_2_2010.jpg") no-repeat; width: 961px; height: 1100px; position:relative}
#occ_categories {background: transparent url("http://cdn2.hottiegram.com/images/main09/btn28_red_bg.png") scroll; margin: -3px 0; position: absolute; top: 473px; left: 36px; width: 445px}
#occ_categories ul li {display: inline-block; zoom: 1; padding: 5px 10px 3px 5px;  font-size: 12pt; font-weight: bold; *display: inline; vertical-align: middle; height:20px}
#occ_categories ul li.white_sep {background-color: #fff; width: 1px; height: 27px; padding: 0 0; vertical-align: top}
#occ_categories ul li:hover { color: white }
#occ_categories ul li.on { color: white }
#occ_picker {position: absolute; top: 526px; left: 36px; width: 445px; height: 145px; background-color: white; overflow: auto}
#occ_picker ul li {color: rgb(255,53,91); margin-left: 5px; font-weight: bold; width: 205px; display: inline-block; zoom: 1; *display: inline}
#occ_picker ul li:hover {background-color: rgb(255,53,91); color: white }
#occ_picker ul li.on {color: black}
ul.recipient_name li { margin-left: 5px; font-weight: bold; color: white}
ul.recipient_name li:hover {color: rgb(255,53,91); background-color: white}
ul.recipient_name li.on {color: black}
#team_indicators_div {position: absolute; width: 330px; height: 143px; background: white url('http://cdn2.hottiegram.com/images/main09/welcome/greydient_143.png') repeat-x ; border: black thin solid; padding: 5 5; display: none; z-index: 7}
#age_indicators_div {position: absolute; width: 155px; height: 143px; background: white url('http://cdn2.hottiegram.com/images/main09/welcome/greydient_143.png') repeat-x ; border: black thin solid; padding: 5 5; display: none; z-index: 7}
.occasion_indicators {height: 100px; overflow: auto; padding-left: 3px; border: #555 solid thin}
.indicator_list {color: rgb(255,53,91); padding: 2px 10px 0 10px}
.indicator_list a {text-decoration: none; color: rgb(255,53,91)}
.indicator_list ul a:hover {background-color: rgb(255,53,91); color: white }
.indicator_list ul li {display: inline-block; zoom: 1; padding-left: 2px; *display: inline}
#team_indicators_div ul li {width: 150px}
#age_indicators_div ul li {width: 135px}
.indicator_list ul li:hover {background-color: rgb(255,53,91); color: white}
.indicator_list ul li.on {color: black}
#header {position:relative; width: 1024px; height: 60px;  }
#user_nav {position: absolute; top: 10px; right: 50px}
#recipient_name {position:absolute; top: 0; right: 0 }
#choose_a_hottie {position: absolute; top: 102px; left: 145px; width: 231px; height: 80px; background: transparent url("http://cdn3.hottiegram.com/images/main09/welcome/welcome.png") scroll no-repeat}
#choose_a_hottie.off {background: transparent url("http://cdn3.hottiegram.com/images/main09/welcome/welcome.png") scroll no-repeat 0 -80px}
#say_what.on {position: absolute; top: 173px; left: 521px; width: 106px; height: 18px; background: transparent url("http://cdn3.hottiegram.com/images/main09/welcome/welcome.png") scroll no-repeat 0 -150px}
#say_what_div {position:absolute; top: 173px; left: 520px; width: 395px; height: 175px; color: white}
#say_what_div a {text-decoration: none; color: #fff}
#say_what_div input {position: absolute; top: 25px}
#primary {padding-left: 3px; position: absolute; top: 57px; left: 1px; width: 226px; height: 126px; border: white solid thin; overflow: auto }
#recipient_toe {position:absolute; padding-left: 3px; top: 57px; height: 125px; width: 100%; border: #fff solid 1px; overflow: auto }
#primary.no_data {border: none;  }
#primary input {width: 200px}
#hottiegram_edit #player_div {position: absolute; top: 412px; left: 533px; width: 407px; height: 234px; background: transparent url("http://cdn1.hottiegram.com/images/main10/checklist_123.jpg") scroll no-repeat; z-index: 1}
#btn_rating.R.on {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/btn_switch_rating.png") scroll no-repeat; width: 103px; height: 38px}
#btn_rating.R {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/btn_switch_rating.png") scroll no-repeat -105px 0; width: 103px; height: 38px}
#btn_rating.PG.on {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/btn_switch_rating.png") scroll no-repeat 0 -55px; width: 103px; height: 38px}
#btn_rating.PG {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/btn_switch_rating.png") scroll no-repeat -105px -55px; width: 103px; height: 38px}
 #player h2 {background-color: red; color: white}
#player h3 {background-color: red; color: white}
#player p {background-color: red; color: white}
#hottiegram_edit #player {position: absolute; width: 407px; height: 234px; z-index: 1}
#current_selection {position: absolute; top: 388px; left: 535px; font-size: 10pt; color: white; cursor: pointer}
#hottiegram_edit #summer {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/welcome_girls.png") scroll no-repeat -201px -573px; width: 201px; height: 278px}
#hottiegram_edit #summer.on {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/welcome_girls.png") scroll no-repeat 0px -573px; width: 201px; height: 278px}
#hottiegram_edit #summer:hover {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/welcome_girls.png") scroll no-repeat 0px -573px; width: 201px; height: 278px}
#hottiegram_edit #sara {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/welcome_girls.png") scroll no-repeat -179px 0px; width: 179px; height: 292px}
#hottiegram_edit #sara.on {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/welcome_girls.png") scroll no-repeat 0px 0px; width: 179px; height: 292px}
#hottiegram_edit #sara:hover {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/welcome_girls.png") scroll no-repeat 0px 0px; width: 179px; height: 292px}
#hottiegram_edit #chris {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/welcome_girls.png") scroll no-repeat -179px -295px; width: 179px; height: 278px}
#hottiegram_edit #chris.on {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/welcome_girls.png") scroll no-repeat 0px -295px; width: 179px; height: 278px}
#hottiegram_edit #chris:hover {background: transparent url("http://cdn1.hottiegram.com/images/main09/welcome/welcome_girls.png") scroll no-repeat 0px -295px; width: 179px; height: 278px}
.widget_sep {width: 1px; height: 255px; background: transparent url("http://cdn1.hottiegram.com/images/main10/welcome/promo_divider.png") scroll no-repeat; float: left; margin: 0 3px}
#fb_login {background: transparent url("/images/main10/bg/blue_450_150.png") no-repeat 0 -152px; width: 450px; height: 80px}
#fb_friends {background: transparent url("/images/main10/bg/blue_450_150.png") no-repeat; width: 450px; height: 142px; padding-top: 10px}
#fb_friends div.content {overflow-y: auto; height: 100px; width: 240px; border: 1px solid black; margin: 7px auto}
#fb_friends li {list-style: none; cursor: pointer}
#fb_friends li:hover {background: blue; color: white}
#fb_container {text-align: center}