* { -webkit-box-sizing:border-box; box-sizing:border-box; }
body { font-family:Helvetica,sans-serif; font-size:12px; color: #ddd; padding:0; margin:0; background:#000 }

ul, li, p {margin:0px; padding: 0px;}
a { color: #f98900; text-decoration: none; }
a:active { text-decoration:underline; }
li {list-style: none;}
p {margin-bottom:3px;}
p.large {font-size:17px; padding:10px;}
h1, h2 {color:#fff; margin:0px; padding:0px;}
img { border:0px; }

.center { text-align: center; }
.left, .fl { float: left; }
.right, .fr { float: right; }
.clear, .cb { clear:both; display:block; }
.pad10 { padding:10px !important; }

.highlight { color:#f98900; font-weight:bold }

#wrapper { position:relative; width:100%; min-height:100%; overflow:hidden; }
.viewport { height:550px !important; }
#site { position:relative; }
.menu_open { left:240px; }

.red_btn, .black_btn, .btn_lg {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	padding:6px 14px;
	font-weight:bold;
	font-size:14px;
	-webkit-border-radius:6px;
}

h4.title, .light_menu_bar, .item_box {
	background-color:#181818;
    background: #181818 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#181818), to(#000000));
    padding: 0;
    margin: 0px;
    text-align:center;
}

.online_txt { display:inline-block; font-size:10px; font-weight:normal; color:#ba1b00; margin-top:1px; }

#content { position:relative; min-height:200px; }
.content_form { padding:10px !important; }

div#home_head { position:relative; height:55px; padding:10px; background: #141414 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#232323), to(#161616)); }
div#home_head img#pic { float:left; width:50px; height:50px; margin-right:10px; }
div#home_head h2 { margin-top:9px; }

.item_box { position:relative; border-top:1px solid #292929; padding:0; margin-bottom:1px; text-align:left; color:#ccc; font-size:12px; background-color:#141414; background: #141414 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1f1f1f), to(#141414)); }
.item_box a.box { display:block; color:#ddd; padding:10px 24px 10px 10px; line-height:16px; font-size:12px; }
.item_box span.usr { font-weight:bold; color:#f98900; }
.item_box.center { text-align: center; }

.item_box img.thumb_small { float:left; width:80px; height:80px; margin-right:10px; }
.item_box img.small { float:left; width:50px; height:50px; }
.item_box img.msg_pic { float:left; width:50px; height:50px; margin:0; }
.item_box img.my_pic { margin:0; width:50px; height:50px; }

.item_box img.online { float:none; margin:2px 5px 0 0; width:auto; height:auto; vertical-align:top; }
.item_box img.large {float:none; width:300px; height:auto;}

.item_box .new_label { position:absolute; top:9px; right:10px; vertical-align:top; color:#eee; font-size:13px; background: url("/images/mobile/ico_new_msg.png") no-repeat left center; padding-left:14px; }
.item_box .sel_chk { margin:0 5px 0 0; }
.item_box p.txt { margin-bottom:2px; color:#ddd; }
.item_box span.label { color:#ccc; font-weight:bold; }
.item_box .tstamp { color:#777; }
.item_box .msg_txt { width:86%; }
.item_box .my_msg { padding-right:60px; }
.item_box .your_msg { padding-left:60px; }

#content .item_box_selected { background: #222222; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#505050), to(#313131)); }
#content .item_box_on { background: #222222; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#343434), to(#272727)); }
#content .report_user { padding:8px 10px; text-align:center; }

ul.mem_info { float:left; width:40%; }
ul.mem_info li { }

ul.profile_info { float:left; margin-left:10px; width:48%; }


div#mem_home_wrap { width:312px; margin:0 auto; padding:5px 0 0 0; }
p.mem_home_title { float:left; font-size:14px; font-weight:bold; margin:0 0 2px 2px; }

div.mem_home_list_wrap { clear:both; padding:0 0 8px 0; }
ul.mem_home_list { }
ul.mem_home_list li { position:relative; float:left; width:78px; height:78px; text-align:center; }
ul.mem_home_list li span.featured { position:absolute; top:0; left:2px; border:2px solid #91B9FF; width:70px; height:70px; z-index:3; -webkit-box-sizing:content-box; box-sizing:content-box; }

ul.mem_home_list li.no_results { float:none; width:auto; height:72px; border:1px solid #353535; }
ul.mem_home_list li.no_results a { display:block; height:72px; text-decoration:none; }
ul.mem_home_list li.no_results span.text { display:inline-block; margin-top:16px; line-height:20px; font-weight:bold; }

.arrow { background: url("/images/mobile/menu_arrow_bg.png") no-repeat right center; }
.box_arrow { position:absolute; width:21px; height:15px; right:0; top:49%; background: url("/images/mobile/menu_arrow_bg.png") no-repeat right center; }

.black_btn {
	color:#fff;
	font-size:14px;
    border:1px solid #000;
	background-color:#202020;
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(22,22,22)),
    color-stop(0.45, rgb(33,33,33)),
    color-stop(0.50, rgb(43,43,43)),
    color-stop(1, rgb(96,96,96))
    );	
	text-shadow:0 -1px 0 #000;
	-webkit-box-shadow: 0 1px 0 #222;
	-webkit-background-clip: padding-box;
}

.red_btn {
	border:1px solid #1a1a1a;
    color: #f98900;
	background-color:#280202;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4b0501), to(#280202));
    -webkit-box-shadow: 0 1px 0 #630500;
}

form input[type="submit"], form input[type="button"], .btn_med, .btn_lg {
	width:100%;
    border:2px solid #404040;
    color: #262626;
	background-color:#bebebe;
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(135,135,135)),
    color-stop(0.51, rgb(208,208,208)),
    color-stop(0.53, rgb(223,223,223)),
    color-stop(1, rgb(237,237,237))
    );
	font-size:20px;
    font-weight:bold;    
    margin:10px 0 4px 0;
	padding:6px 14px;
	-webkit-border-radius:7px;
	text-shadow:0 1px 0 #eee;
	-webkit-background-clip: padding-box;
}

.btn_med { display:inline-block; width:auto; font-size:15px; margin:0; text-align:center; }

.btn_lg { margin:0; }

.btn_row { position:absolute; top:32px; right:8px; }
.btn_row_prof { position:absolute; top:14px; right:8px; }

.btn_box { padding:14px 10px 0 10px; }
.btn_box .btn_lg { margin-bottom:10px; }

/**** Friend request buttons ****/
.req_btn_box { position:absolute; top:8px; right:8px; }
.req_btn_box .btn_med { width:96px; text-align:center; }

#btn_sel { font-size:16px; width:auto; margin:0 10px 0 0; }
#btn_del { font-size:16px; width:auto; }

h1.title { background-color:#191919; padding:8px 0; border-bottom:1px solid #000; font-size:15px; font-weight:bold; text-align:center; }
h2.title { background-color:#191919; padding:8px 0 8px 10px; border-bottom:1px solid #000; font-size:14px; font-weight:bold; text-align:left; }
h2.title_bg { background: url("/images/mobile/title_bg.png") repeat-x 0 0; padding:0 0 0 6px; margin:0 !important; height:30px; line-height:30px; text-align:left !important; }
h4.title {padding: 5px 0px; border-bottom: 1px solid #333; font-size: 12px; font-weight: bold; }
h2.title a, h4.title a {text-decoration: underline;}

.light_menu_bar {height: 40px; border-top: 1px solid #111; border-bottom: 1px solid #111;}
.light_menu_bar .black_btn { margin:7px 2px 0px 2px; padding:5px 10px; font-size:11px !important; }
.light_menu_bar p {color: #cccccc; margin-top:12px;}

.top_menu_bar { border-top:0; }
.bottom_menu_bar { border-bottom:0; }

#header { position:relative; height: 46px; background:#660000 url(/images/mobile/fl_mobile_header_bg.gif) repeat-x top left; text-align:center; }
#header .red_btn { margin: 8px 7px 0px 7px; }
#header #logo { /*float:left;*/ }
#header .pub_logo { float:none !important; }

#btn_site_menu { position:absolute; top:6px; left:10px; padding:0; width:34px; height:33px; margin:0 !important; }

div#nav_wrap { position:absolute; top:7px; right:5px; /*float:right; margin:7px 0 0 0;*/ }

.btn_nav {
position:relative;
float:left;
width:38px;
height:34px;	
-webkit-border-radius:6px;
border-radius:6px;
margin-left:6px;
text-align:center;
}

span#nav_ico_home, span#nav_ico_messages, span#nav_ico_chat, span#nav_ico_friends, span#nav_ico_menu { display:inline-block; background-image:url('/images/mobile/menu_icons.png'); background-repeat:no-repeat; }

span#nav_ico_home { width:24px; height:21px; background-position:0 -259px; margin-top:5px; }
span#nav_ico_messages { width:24px; height:18px; background-position:0 -285px; margin-top:7px; }
span#nav_ico_chat { width:30px; height:23px; background-position:0 -308px; margin-top:4px; }
span#nav_ico_friends { width:24px; height:23px; background-position:-38px -112px; margin-top:5px; }
span#nav_ico_menu { width:20px; height:15px; background-position:-38px -196px; margin-top:8px; }

span.nav_counter { 
    position:absolute;
	top:-1px;
	right:-1px;
	display:inline-block;
	background-color:#9f0101;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc0505), to(#9f0101));
	border:1px solid #fff;
	height:16px;
	min-width:16px;
	-webkit-border-radius:9px;
	border-radius:9px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-shadow:#960000 1px 1px 0;
	-webkit-background-clip: padding-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}

span.nav_counter span { display:inline-block; margin:0 4px; }


#header_inner { padding:0 5px; }

/* ---------------------------- footer -------------------------------- */
#footer { background:#111 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#181818), to(#000000)); padding:10px 0px; text-align:center; color:#ccc; }
#footer a { font-size:13px; font-weight:bold; text-decoration:underline; }
#footer p#social_title { font-size:13px; font-weight:bold; margin:12px 0 4px 0; }
#footer p#copy { margin-top:12px; }
#footer span#gplus { width:38px; }
#footer span#gplus, #footer a#gplus_link, #footer a#tw_link { display:inline-block; margin-right:15px; }


ul.form_list { }
ul.form_list li { margin-bottom:10px; font-size:15px; }
ul.form_list li.label { margin:0 0 2px 0; text-align:left; font-weight:bold; }

ul#profile_stats { padding:0 0 0 10px; }

table.profile { }
table.profile td.label { padding:0 5px 0 0; font-weight:bold; white-space:nowrap; vertical-align:top; }

.profile_images { padding:10px 0 0 0; }

#city_txt { font-size:13px; color:#999; }

table.form { width:100%; }
table.form td { text-align:left; vertical-align:middle; padding-bottom:8px; font-size:15px; }
table.form td.label { text-align:right; }

form input[type="text"], form input[type="password"], form textarea, input.text {
	width:100%;
    color: #000;
    border: 1px solid #cccccc;
    -webkit-appearance: textfield;
	-webkit-border-radius:5px;
    padding: 6px;
	margin:0;
    font-size:16px;
}

form input[type="submit"].small {
    font-size: 12px;
    width:auto;
}

input.text::-webkit-input-placeholder { color:#444; }

form input[type="checkbox"] { width:20px; height:20px; margin:0; vertical-align:baseline; }

form label {display:block; font-size:15px; font-weight:bold; color:#ddd; white-space:nowrap; vertical-align:middle;}
form textarea { height:120px; padding:0; text-indent:-2px; }
form select { text-indent:0; width:100%; -webkit-appearance:menulist; border:0; margin-left:0; font-size:15px; }
form select.small {width:60px;}
form select#bmon { width:34%; }
form select#bday { width:31%; }
form select#byear { width:30%; }

div#gender_select_wrap { background-color:#171717; padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

/* ---------------------------- list menu -------------------------------- */

#side_menu {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:240px;
	min-height:100%;
	background-color:#333;
	color:#fff;
	overflow:hidden;	
	z-index:50;
}

ul#side_menu_list { }

ul#side_menu_list li { 
    border-top:1px solid #333;
	border-bottom:1px solid #1a1a1a;
    padding:0;
	background-color:#272727;
    overflow:hidden;
}

ul#side_menu_list li.divider { height:9px; background-color:#333;  }

ul#side_menu_list li a { 
display: block; 
color: #fff; 
background: url("/images/mobile/menu_arrow_bg.png") no-repeat right center; 
font-size:15px;
font-weight:bold;
height:46px; 
line-height:46px; 
padding:0 20px 0 10px;  
}

ul#side_menu_list li a#profile { position:relative; height:43px; line-height:43px; background-color:#1d1d1d; background-image:none; padding-right:10px; white-space:nowrap; }
ul#side_menu_list li a#profile img#thumb { float:left; margin:7px 9px 0 0; }

div#no_click_overlay { display:none; position:absolute; top:46px; left:0; height:500px; width:300px; z-index:40; }


span.notify_counter { 
	display:inline-block;
	background-color:#9f0101;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc0505), to(#9f0101));
	border:1px solid #fff;
	height:16px;
	min-width:16px;
	-webkit-border-radius:9px;
	border-radius:9px;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-shadow:#960000 1px 1px 0;
	-webkit-background-clip: padding-box;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}

span.notify_counter span { display:inline-block; margin:0 4px; }

#side_menu span.notify_counter { float:right; margin:15px 10px 0 0; }
#nav_wrap span.notify_counter { position:absolute; top:-1px; right:-1px; }



/**** Menu for non-javascript user ****/
ul.menu { color:#aaa; font-size:17px; font-weight:bold; padding:0; margin:2px 0 10px 0; }
ul.menu li {
    color:#666;
    border-top:1px solid #333;
    border-bottom:#333;
    padding:0;
	margin-bottom:1px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#111111));
    overflow:hidden;
}

ul.menu li:first-child, ul.menu li:first-child a { }
ul.menu li:last-child, ul.menu li:last-child a { }
ul.menu li a { display: block; color: #fff; background: url("/images/mobile/menu_arrow_bg.png") no-repeat right center; height:64px; line-height:64px; padding:0 20px 0 10px; }
ul.menu li .counter_wrap { float:right; margin:20px 18px 0 0; height:22px; line-height:22px; }

ul.menu li small.counter {
	display:inline-block;
	background-color:#9f0101;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fc0505), to(#9f0101));
	border:2px solid #fff;
	height:22px;
	min-width:22px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	font-size:14px;
	line-height:22px;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

ul.menu li small.counter span { display:inline-block; margin:0 6px; }


span#ico_msg, span#ico_friends, span#ico_on, span#ico_viewed, 
span#ico_search, span#ico_vid, span#ico_gal, span#ico_edit { display:inline-block; float:left; width:32px; height:32px; background-image: url(/images/mobile/menu_icons.png); background-repeat: no-repeat; margin: 15px 15px 0px 0px; }

span#ico_msg { background-position:0 0; }
span#ico_friends { background-position:0 -111px; }
span#ico_on { background-position:0 -74px; }
span#ico_viewed { background-position:0 -410px; }
span#ico_search { background-position:0 -148px; }
span#ico_edit { background-position:0 -184px; }
span#ico_gal { background-position:0 -222px; }
span#ico_vid { background-position:0 -375px; }

/** ------------- side menu icons -------------- **/
span#ico_side_msg, span#ico_side_friends, span#ico_side_on, span#ico_side_viewed, 
span#ico_side_search, span#ico_side_gal, span#ico_side_video_gal, span#ico_side_edit, 
span#ico_side_home, span#ico_side_account { display:inline-block; float:left; width:24px; height:24px; background-image: url(/images/mobile/menu_icons.png); background-repeat: no-repeat; margin: 11px 15px 0px 0px; }

span#ico_side_home { background-position:0px -258px; }
span#ico_side_msg { background-position:-38px 0px; }
span#ico_side_friends { background-position:-38px -112px; }
span#ico_side_on { background-position:-38px -56px; }
span#ico_side_viewed { background-position:-38px -263px; }
span#ico_side_search { background-position:-38px -28px; }
span#ico_side_edit { background-position:-38px -168px; }
span#ico_side_account { background-position:-38px -215px; width:16px; height:16px; position:absolute; right: 7px; top:15px; margin:0; }
span#ico_side_gal { background-position:-38px -84px; }
span#ico_side_video_gal { background-position:-38px -235px; }

/** ------------------------------- tab menu ---------------------------------------------------- */

ul.tab_menu { height:36px; padding: 5px 0 0 6px; background:#370101; -webkit-box-sizing:content-box; box-sizing:content-box; }
ul.tab_menu li { float: left; -webkit-box-sizing:content-box; box-sizing:content-box; }
ul.tab_menu li a { display:block; height:36px; line-height:36px; padding: 0 13px; color: #ffcccc; font-size:13px; font-weight: bold; -webkit-box-sizing:content-box; box-sizing:content-box; }

ul.tab_menu li a.on {
    color: #fff;
	background-color:#181818;
    background: #181818 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#101010), to(#181818));
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border:1px solid #444;
    border-bottom: 0px;
    height:35px;
    line-height:35px;
    padding: 0 12px;
	-webkit-box-sizing:content-box; 
	box-sizing:content-box;
}

/* ---------------------------- errors and alerts -------------------------------- */

ul#error_list, ul#alert_list { margin:0; padding:10px 10px 10px 25px; font-weight:bold; font-size:12px;}
ul#error_list li, ul#alert_list li { list-style: none; }
ul#error_list { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#ffc2c3)); color: #990000; }
ul#alert_list { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#e1ffe7)); color: #116220; }

/** ------------------------------- gallery -------------------------------------------- */

#content table.gallery { margin:3px auto 3px auto; cellspacing:0; cellpadding:0; border-collapse:collapse;}
#content table.gallery td { position:relative; padding:0px 2px; margin:0px; }
#content table.gallery td div { position:relative; }
#content table.gallery td.padded { padding: 2px; }
#content table.gallery td img { width: 74px; height: 74px; }
#content table.gallery td img.large { width: 100px; height: 100px; }
#content table.gallery td .desc { display:block; font-size:13px; text-align:center;}
#content table.gallery td .small_desc { display:block; font-size:11px; text-align:center;}
#content table.gallery td a.name { display:block; color: #fff; font-size:13px; font-weight:bold; white-space:nowrap; }
#content table.gallery td div.overlay { position:absolute; bottom:1px; left:2px; width:74px; font-size:11px; text-align:left; font-weight:bold; }
#content table.gallery td div.overlay a { display:inline-block; color:#fff; width:40px; font-size:11px; text-overflow:ellipsis; overflow:hidden; }

table.gallery a.name_small {
	float:left;
	color:#fff; 
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	max-width:51px;
	text-shadow:#000 1px 1px 1px;
}

#content table.gallery td img.online_icon { position:absolute; top:3px; left:4px; width:10px; height:10px; }
#content table.gallery td a.name img {width:auto; height:auto;}

/* ------------------------------- billing page ---------------------------- */

div#billing_page {
	margin:auto;
	text-align:center;
	padding: 0 0px 110px 0px;
	background:url('http://media.fling.com/mobile/billing_page_bg.gif') no-repeat bottom;
}

div#billing_page #secure_notice { 
    background-color:#262626;
	color:#cdcaac;
	font-size:16px;
	padding:4px 0;
	margin:0 0 10px 0;
	text-align:center;
}

div#billing_page #ico_secure { margin:0 8px 0 0; vertical-align:bottom; }
div#billing_page h2 { text-align:left; margin:10px 0; padding-left:6px; }
div#billing_page #bp_content { padding:0 6px; }

div#billing_page span.btn_billing {
	position:relative;
	display:block;
	height:62px;
	min-height:62px;
	margin: auto auto 10px auto;
	border:1px solid #bbb;
	background-color: #eeeeee;
	background-image:url('http://media.fling.com/mobile/bp_btn_bg.jpg');
	background-repeat:repeat-x;
	-webkit-border-radius: 8px;
}

div#billing_page span.btn_billing span.mem_type { position:absolute; top:15px; left:8px; text-align:left; }
div#billing_page span.btn_billing span.main_text { display:block; font-size:14px; font-weight:bold; line-height:15px; color:#014c85; text-shadow: 0px 1px 0px #dddddd; }
div#billing_page span.btn_billing span.desc { display:block; font-size:11px; color:#000; margin-top:4px; }

div#billing_page span.btn_billing span.price_wrap { position:absolute; top:13px; right:34px; text-align:right; }
div#billing_page span.btn_billing span.price { display:block; font-size:26px; color:#000; line-height:25px; text-shadow: 0px 1px 0px #dddddd; }
div#billing_page span.btn_billing span.month { display:block; font-size:12px; color: #000; margin-top:-1px; padding:0 4px 0 0; }
div#billing_page span.btn_billing img.ico_arrow { position:absolute; top:23px; right:4px; }


/* ------------------------- Home page bookmark popup ---------------------------------- */

div#iphone_bookmark { height: 110px; width:100%; padding:10px; margin: 0; z-index:100; }

div#iphone_bookmark div#popup {
	position: relative;
	background-color:#3f0100;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#960700), to(#3f0100));
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #fff;
	width:244px;
	height:102px;
	margin:auto;
}

div#iphone_bookmark div#popup p { font-size: 13px; color: #fff; text-align:left; padding:14px 18px 0px 72px; line-height:18px; }
div#iphone_bookmark img#fl_app_ico { position:absolute; top:17px; left:13px; }
div#iphone_bookmark img#popup_arrow { display:block; position:absolute; left:94px; bottom:-25px; }
div#iphone_bookmark a#close_btn { position:absolute; display:block; right:-11px; top:-11px; }
div.default_bookmark { position:absolute; top:180px; }
div.ios5_bookmark { position:fixed; bottom:26px; }

/* -------------------------- tour specific styles -------------------------------------- */

#main_tour_image { text-align:center;}
ul.tour_paging_nums { display:inline; }
ul.tour_paging_nums li { display: inline-block; margin:2px; }
ul.tour_paging_nums li a { background:#333333; padding: 3px 6px; -webkit-border-radius: 5px; }
ul.tour_paging_nums li a.on { background:#f98900; color:#000000; }
a.tour_join_link { display:block; text-align:center; text-decoration:underline; font-size:16px; font-weight:bold; margin: 10px 0px; }
h2.title_tour { background: #3d0104; padding: 5px 0; margin: 0 0 5px 0; color: #fff; text-align:center; font-size: 15px; font-weight: bold; }

div.hot_thumbs { padding:4px 4px 5px 4px; border-top:1px solid #2f2f2f; background-color:#2c2c2c;  margin-bottom:6px; box-sizing:content-box; -webkit-box-sizing:content-box; }
ul.hot_thumbs_list { box-sizing:content-box; }
ul.hot_thumbs_list li { float:left; width:78px; height:74px; text-align:center; box-sizing:content-box; }
ul.hot_thumbs_list li img.thumb { border:2px solid #ededed; width:70px; height:70px; box-sizing:content-box !important; -webkit-box-sizing:content-box; }

/* ------------------------------- picUp app ---------------------------- */

div#btn_upload_wrap { position:absolute; top:3px; right:10px; }

div#btn_upload_wrap img { float:none !important; width:auto !important; height:auto !important; margin:0 !important; vertical-align:top;  }
div#btn_upload_wrap span { display:inline-block; padding:3px 0 0 5px; }

#btn_upload { 
display:inline-block;
text-decoration:none;
margin:5px 0 0 0;
padding:10px 12px; 
font-weight:bold; 
font-size:12px; 
border:1px solid #b1b1b1;
color: #222;
background-color:#161616;
background: #161616 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#a3a3a3));
-webkit-border-radius:5px;
text-shadow:0 1px 0 #eee;
}

div#picup_wrap { 
position:absolute; 
top:50px;
width:100%;
z-index:50;
}

div#picup {
position:relative;
background-color:#fff;
color:#222;
width:234px; 
height:212px; 
margin:0 auto;
-webkit-box-shadow: 0 0 10px #333333;
-webkit-border-radius:5px;
}

div#picup #popup_close { position:absolute; top:-10px; right:-10px; }

div#picup div#inner { 
padding:12px 14px 0 14px;
}

div#picup p.title { font-size:15px; margin:0 0 12px 0; }
div#picup img#picup_ico { float:left; margin:0 10px 0 0; }
div#picup h2 { margin:0; padding:0; font-size:14px; font-weight:normal; }
div#picup h2 a { color:#0070b7; }
div#picup p#subtxt { color:#555; }

div#have_picup { clear:both; border-top:1px solid #ccc; margin:20px 0 0 0; padding:14px 0 0 0; font-size:14px; }

#btn_picup {
display:inline-block;
text-decoration:none;
margin:5px 0 0 0;
padding:5px 10px; 
font-weight:bold; 
font-size:12px; 
border:1px solid #999;
color: #222;
background: #161616 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ebebeb), to(#bebebe));
-webkit-border-radius:5px;
text-shadow:0 1px 0 #eee;
}

div.edit_photo {
position:relative;
background-color:#0e0e0e;
background: #0e0e0e -webkit-gradient(linear, 0% 0%, 0% 100%, from(#181818), to(#000000));
padding: 10px 14px;
margin: 0;
text-align:left;
}

div.edit_photo .thumb { float:left; }
.edit_btn_box { position:absolute; top:22px; right:8px; }
.edit_btn_box .btn_med { width:130px; text-align:center; }
div.edit_photo .btn_wrap { float:right; padding-top:15px; width:130px; }
div.edit_photo .btn_picup_edit { width:130px; text-align:center; }
div.edit_photo .ico_del { margin:0 6px 0 0; }
div.edit_photo .primary { margin-bottom:22px; }
div.edit_photo p#primary_txt { width:106px; margin-bottom:22px; text-align:center; font-size:12px; font-weight:bold; color:#3669ac; }

div#primary_photo { background: #e3e3e3 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#dcdcdc)); border-top:1px solid #cacaca; border-bottom:1px solid #cacaca; }

div.success_bar { height:34px; background-color:#cdf0b6; font-size:15px; font-weight:bold; color:#454943; text-align:center; line-height:34px; }
div.success_bar img.ico_check { margin:4px 6px 0 0; vertical-align:top; }

div#manage_picup { height:58px;  }
div#manage_picup h2.txt { font-size:15px; margin:11px 0 0 7px; color:#fff; }

/********* android app popup *********/
div#android_popup { position:absolute; top:-48px; left:50%; width:400px; height:521px; margin-left:-200px; }
div#android_popup a#android_bg { position:absolute; left:0; top:0; z-index:50; }
div#android_popup a#cont_lnk { position:absolute; left:0; bottom:16px; width:100%; color:#fff; text-decoration:underline; text-align:center; font-size:14px; z-index:200; }


/****** Chat popup test ******/
#chatNotify_wrap { position:absolute; top:70px; display:block; z-index:100; width:100%; }
#chatNotify { position:relative; background-color:#fff; width:270px; margin:0 auto; -webkit-box-shadow: 0 0 10px #333333; -webkit-border-radius:5px; }
#chatNotify .thumb { float:left; max-width:100px; max-height:100px; margin-right:8px; }
#chatNotify #popup_close { position:absolute; top:-10px; right:-10px; }

#chatNotify p#title { 
background-color:#efefef; 
background: #efefef -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#c8c8c8));
border-bottom:1px solid #c0c0c0;
color:#515151; 
padding:6px 0 4px 8px;
margin:0;
font-size:12px; 
font-weight:bold; 
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
}

#chatNotify #chat_content { padding:8px; font-size:15px; }
#chatNotify #chat_content { color:#333; }

#alert_mini_wrap { position:absolute; top:200px; right:4px; }
.alert_mini_content { position:relative; width:248px; /*height:94px;*/  padding-right:13px; z-index:100; }
.alert_mini { 
  background-color:#f7f7f7; 
  border:1px solid #9f9f9f; 
  width:100%; 
  min-height:82px;
  padding:0 0 9px 79px;
  -webkit-border-radius:9px; 
  border-radius:9px; 
}
.alert_mini img.thumb { position:absolute; border:1px solid #222; top:10px; left:10px; width:62px; height:62px; }
.alert_mini img.nub { position:absolute; top:32px; right:1px; z-index:200; }
.alert_mini img.close { position:absolute; top:6px; right:19px; }
/*.alert_mini p.title { position:absolute; top:4px; left:10px; font-size:14px; font-weight:normal; color:#666; }*/
.alert_mini p.alert_msg { color:#333; margin:8px 21px 4px 0; min-height:31px; }
.alert_mini p.user { width:146px; color:#111; padding:9px 0 4px 0; margin:0; overflow:hidden; white-space:nowrap; }


.btn_alert {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	padding:4px 16px;
	font-weight:bold;
	color:#fff;
	font-size:14px;
    border:1px solid #131f37;
	background-color:#bb302f;	
	text-shadow:0 -1px 0 #111;
	-webkit-background-clip: padding-box;	
	-webkit-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 1px 0 0 #eabfbf inset;
	box-shadow:0 1px 0 0 #eabfbf inset;
}

/*

#alert_wrap { 
  position:absolute; 
  top:80px; 
  left:20px; 
  width:270px; 
  height:210px; 
  background-color:#f7f7f7; 
  border:1px solid #9f9f9f; 
  -webkit-border-radius:9px; 
  border-radius:9px; 
  z-index:100; 
}

.alert { 
}
.alert img.thumb { position:absolute; border:1px solid #222; top:32px; left:13px; width:100px; height:100px; }
.alert img.close { position:absolute; top:7px; right:7px; }
.alert p.title { position:absolute; top:8px; left:12px; font-size:14px; font-weight:normal; color:#444; }
.alert .alert_txt { height:100px; margin:32px 0 8px 0; padding:0 10px 0 122px; color:#111; font-size:12px; }
.alert .alert_txt p.user { width:137px; font-size:12px; font-weight:bold; color:#0000ff; text-decoration:underline; overflow:hidden; white-space:nowrap; }


.btn_alert_wrap { padding:0 10px; }
.btn_alert_bg { width:100%; }

.btn_alert_dismiss { 
	display:inline-block;
	text-align:center;
	text-decoration:none;
	padding:4px 16px;
	margin-top:4px;
	font-weight:bold;
	color:#111;
	font-size:14px;
    border:1px solid #dbdbdb;
	background-color:#a9a9a9;	
	-webkit-background-clip: padding-box;	
	-webkit-border-radius:5px;
	border-radius:5px;
}
*/


span.button {
	background:transparent url(/images/mobile/button_sprite.png) no-repeat 0 -120px;
	float:left;
	width: 87px;
	height:38px;
	text-align:center;
	line-height:38px;
	color:#272727;
	text-shadow:1px 1px 1px #fff;
}
span.button.selected {
	background-position:0 0;
	color:#fff;
	text-shadow:1px 1px 1px #333;
}

span.button.left { background-position: 0 -120px; }
span.button.left.selected { background-position:0 0; }
span.button.right { background-position:0 -180px; }
span.button.right.selected { background-position:0 -60px; }