/**
 * This is the basic css for desktop web pages.
 *
 * THIS SHOULD NOT BE USED ON MOBILE WEB.
 * It adds a min-width and various other things that make sense for desktop web but not mobile web.
 */

/* Normalize CSS for elements across browsers. Similar to mweb's coolstatic/res/css/mobile/_modules/css_reset.css */
* { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 0 0 0px; min-width: 1024px; }
h1 { font-size: 1.8em; font-weight: normal; }
h2 { font-size: 1.6em; }
p, label, td { font-size: 1em; }
a, .link-behavior { color: #000098; text-decoration: none; outline:none; cursor:pointer; }
a:hover, .link-behavior:hover { color: #000098; text-decoration: underline;}

.small_font { font-size: .9em; }
.smaller_font { font-size: .8em; }
.smallest_font { font-size: .7em; }
.align_center { text-align:center; }
.align_right { text-align:right; }
.strong { font-weight:bold; }
.hide_me, .yui-hidden { display: none !important; }
.disable { position:absolute; background:#FFF; top:0; left:0; filter:alpha(opacity=70); -moz-opacity: 0.7;opacity: 0.7; }
.tos_footer { color:#FFFFFF; text-decoration: underline; }

#profile_banner { font-size:1px; line-height:0 }
#page_content { width:960px; margin:0 auto; text-align:left; }
#page_content.fullscreen_iframe_holder { width:100%; margin:0; }
#footer { padding: 20px 0; width:960px; margin: 0 auto; text-align:center;}
#tos_footer { padding: 20px 0; text-align:center; color: #FFFFFF; }
#connect_footer {width: 190px; float:left; text-align:center;}
#connect_footer .service_container {float: left; height: 28px;}
#connect_footer .image_container {width: 35px; float:left; text-align:left; padding: 0 0 0 25px;}
#connect_footer .image_container img{margin: 0 3px;}
#connect_footer .name_container {width: 125px; float:left; text-align:left; overflow: hidden; font-size:10px;}

/* Connect Icons */
.connect_icon { background-image:url('/im/connect/connect_icons4.png'); background-repeat:no-repeat; }
.facebook_icon { background-position:0 -0px; }
.google_icon { background-position:0 -150px; }
a.connect:hover { text-decoration: none; }
.connect .connect_gradient, .connect .icon_left, .connect .icon_right { background: transparent url(/im/connect/connect_sprite_2.png) repeat; font-weight: bold; font-size: 13px; float: left; display: inline; }
.connect .icon_border { margin: 0 0 0 -3px; }
.connect .fb_left, .connect .fb_right, .connect .gg_left, .connect .gg_right { padding: 3px 0 0 0; width: 3px; }
.connect .fb_gradient { background-position: 0 -200px; color: #FFFFFF; padding: 4px 2px 0 4px; height: 23px; }
.connect .fb_left { background-position: 0 -250px; height: 22px; }
.connect .fb_right { background-position: 0 -300px; height: 22px; }
.connect .fb_icon { background: transparent url(/im/connect/connect_sprite_2.png) no-repeat 0 -353px; width: 13px; height: 20px; float: left; margin: -1px 6px 0 2px; display: inline; }
.connect .gg_gradient { background-position: 0 -200px; color: #FFFFFF; padding: 4px 2px 0 4px; height: 23px; }
.connect .gg_left { background-position: 0 -250px; height: 22px; }
.connect .gg_right { background-position: 0 -300px; height: 22px; }
.connect .gg_icon { background: transparent url(/im/connect/connect_sprite_2.png) no-repeat 0 -753px; width: 13px; height: 20px; float: left; margin: -1px 6px 0 2px; display: inline; }

/* Freestar ads adjustments */
body.is-freestar #page_content { margin-bottom: 100px; }

.tagged_tip_icon { cursor: pointer; display: inline-block; width: 16px; font-size: 16px; background: url(/im/chrome/help_icon_1.png) no-repeat; }

input.text { border:1px solid #8FABC4; padding:1px 2px; }
input.inherit { border: none; color: inherit; font: inherit; }
input.inherit:focus { border: solid 1px; }
textarea { border:1px solid #8FABC4; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:2px; }
.orangeBtn, .orange_btn { font-family:Arial, Helvetica, sans-serif; font-size:1em; background: #F06103; color: #FFF; border: 2px solid #F06103; border-right-color: #853500; border-bottom-color: #853500; padding: 1px 6px; cursor: pointer; }
.greyBtn, .grey_btn { font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #E5E5E5; border: 2px solid #E5E5E5; border-top-width:1px; border-right-color:#747474; border-bottom-color:#747474; padding: 1px 6px; cursor: pointer; }
.greenBtn, .green_btn { font-family:Arial, Helvetica, sans-serif; font-size:12px; background: #00C02F; border: 2px solid #00C02F; border-top-width:1px; border-right-color:#01691A; border-bottom-color:#01691A; padding: 1px 6px; cursor: pointer; }
.greyBtnBig, .grey_btn_big { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; background:#E5E5E5; border: 2px solid #E5E5E5; border-right-color:#747474; border-bottom-color:#747474; padding: 1px 4px; font-weight:bold; cursor: pointer; }
.greenBtnBig, .green_btn_big { font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; background:#00C02F; border: 2px solid #00C02F; border-right-color:#01691A; border-bottom-color:#01691A; padding: 1px 4px; cursor: pointer; color: #FFF; font-weight:bold; }
a.grey_link_big:link, a.grey_link_big:visited, a.grey_link_big:hover, a.grey_link_big:focus, a.grey_link_big:active { display: block; font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; background:#E5E5E5; border: 2px solid #E5E5E5; border-right-color:#747474; border-bottom-color:#747474; padding: 10px 20px; font-weight:bold; cursor: pointer; color: #000 }
a.green_link_big:link, a.green_link_big:visited, a.green_link_big:hover, a.green_link_big:focus, a.green_link_big:active { display: block; font-family:Arial, Helvetica, sans-serif; font-size: 1.5em; background:#00C02F; border: 2px solid #00C02F; border-right-color:#01691A; border-bottom-color:#01691A; padding: 10px 20px; cursor: pointer; color: #FFF; font-weight:bold; }
/* btn_disabled will be used for both Grey and Green buttons */
.btnDisabled, .btn_disabled { font-family:Arial, Helvetica, sans-serif; background: #E5E5E5; border: 2px solid #E5E5E5;border-top-width:1px; border-right-color:#747474; border-bottom-color:#747474; padding: 1px 6px; cursor: default; color:#999 }
/* for textarea + text input fields: */
.inputDisabled, .input_disabled { background:#ECE9D8; }

.clearLeft, .clear_left { clear:left; height: 0px ; /* Need this for IE 6 to collapse the div */ font-size: 0px ; width: 0px ;}
.clearRight, .clear_right { clear:right; height: 0px ; /* Need this for IE 6 to collapse the div */ font-size: 0px ; width: 0px ;}
.clearBoth, .clearFloats, .clear_both { clear:both; height: 0; line-height: 0; /* Need this for IE 6 to collapse the div */ font-size: 0px ; width: 0px ;}
img {  border: 0px;}
img.png {*behavior:url(/pngbehavior.htc);}
div.leftcolumn { float:left; width:650px; margin-right:10px; }
div.rightcolumn { float:left; width:300px; margin:0px;}
/* YUI stuff */
#yui-history-iframe {  position:absolute;  top:0; left:0;  width:1px; height:1px;  visibility:hidden; }
/* YUI tabs */
ul.die-yui-nav { height:19px; height:20px\9; position: relative; border-bottom: 1px solid #B6B6B6; font-size:1.1em; font-weight:bold; padding:12px 0 0 120px; }
ul.die-yui-nav li { float:left; list-style:none; }
ul.tabs li.selected a,
ul.die-yui-nav li.selected a { background:#FFF; border-bottom-color:#FFF; }
ul.die-yui-nav li a { position:relative; margin:0 10px 0 0; padding: 3px 10px; background:#F8FBFF; border:1px solid #B6B6B6; text-decoration:none; outline:none; /*line it up for IE6/7/8*/top: 1px; }
ul.die-yui-nav li a:hover { text-decoration:none; }
ul.die-yui-nav li.right_side { position:absolute; right:0; bottom:4px;}

/* jQuery tabs */
/* note that u.tabs includes a CSS hack for 'height' that will be applied to IE6, 7 & 8 */
ul.tabs { height:19px; height:20px\9; border-bottom: 1px solid #B6B6B6; font-size:1.1em; font-weight:bold; padding:12px 0 0 120px; }
ul.tabs li { float:left; list-style:none; }
ul.tabs a { position:relative; margin:0 10px 0 0; padding: 3px 10px; background:#F8FBFF; border:1px solid #B6B6B6; text-decoration:none; outline:none; /*line it up for IE6/7/8*/top: 1px; }
ul.tabs a:hover { text-decoration:none; }
ul.tabs a.current { background:#FFF; border-bottom-color:#FFF; }

/* Subtabs, tabs within tabs - overriding styles defined above: */
.yui-content ul.die-yui-nav { padding:10px 0 0 0; font-weight:normal; font-size:1.1em; border:none; white-space:nowrap;  }
.yui-content ul.die-yui-nav li { border:none; border-left:1px solid #000; padding:0 8px; }
.yui-content ul.die-yui-nav li a { background:none; border:none; margin:0; white-space:nowrap; }
.yui-content ul.die-yui-nav li.first { border:none; padding:0 8px 0 0; }
.yui-content ul.die-yui-nav li.first a { border:none; padding:0 8px 0 0; }
.yui-content ul.die-yui-nav li.selected { font-weight:bold;}
.yui-content ul.die-yui-nav a:hover { text-decoration:underline; }
.yui-content ul.die-yui-nav li.selected a:hover { text-decoration:none; cursor:default; }
.yui-content ul.die-yui-nav li.selected a { color:#000; }

/* generic success and failure boxes - use class="feedback success" */
div.feedback { padding:8px 15px;}
div.success { background:#CAF79A; color:#295301; border-bottom:1px solid #477709; }
div.failure { background:#FFB2B2; color:#7D1617; border-bottom:1px solid #D30102; }
div.neutral { background:#EBF5FF; color:#000; border:1px solid #B2B2B2; }

#inner_container { padding-bottom: 40px; }
.inner_container { width: 960px; margin: 0 auto; }
.main_content { padding:10px 0 0 0; }
.column1 { float:left; }
.column2 { float:right; }

/* Home page only */
.home_page .container,
.home_page #page_content { width: 1100px; }
.home_page .column1 { float: left; width: 160px; padding-right: 40px; }
.home_page .column2 { float: left; width: 700px; }
.home_page .column3 { float: left; width: 160px; padding: 140px 0 0 40px }
.home_page .navbar .brand { margin-left: 0; }
@media screen and (max-width: 1120px) {
    .home_page .column3 { display: none; }
    .home_page .container,
    .home_page #page_content { width: 900px; }
}

/* Override header bar*/
.navbar-static-top .container {width: 1024px!important; }

a.nav-link { padding: 11px 8px 11px!important;}

/* Page navigation */
.page_position { float:left; }
.die-nav { float:right; font-weight:bold; }
.die-nav .small_font { font-weight:normal; }
.die-nav span, .die-nav a { margin:0 4px; white-space:nowrap; }
.die-nav input.text { width:25px; padding:0 2px; text-align:right; font-size:12px; }
.die-nav span.total_pages { font-weight:normal; margin:0; }

/* lightbox */
#lbMask { position:absolute; top:0; left:0; background:#000; opacity:0.7; filter: alpha(opacity=70); -moz-opacity:0.7; z-index:1000; }
#lbContent { position:absolute; margin:auto; background:#FFF; border:1px solid #000; width:400px; height:300px; padding:20px; text-align:center; z-index:1005; }
#lbContent .contentHeader { background:#CCC; }
#lbContent .contentHeader h1 { float:left; font-size:12px; margin:0; padding:1px;  }
#lbContent .contentHeader img { float:right; margin:0; }
#lbContent .widgetContent { clear:both; text-align:center; height:auto; }
#lbContent .widgetContent h1 { margin:0 0 10px 0; font-size:14px; float:none; }
#lbContent .widgetContent img { border:1px solid #666; }

/* captcha box */
#captchaPanel p { margin:5px 0; }
#captchaPanel img { border:1px solid #666; margin: 0 auto; }
#captchaPanel input#captcha_code { font-size:18px; width:150px; padding:1px; margin:0 10px 0 0; }

/* jumpto menu */
#jumpto_menu { float:left; }

/* announcements */
#msg_feedback_content { text-align: center; }
#msg_feedback_close { float: right; }

/* Comet iframe */
#comet_iframe { height: 0; width: 0; visibility: hidden; }

/* language selector */
#site_language_selector {margin-top:3px;font-size:12px; }
#site_language_selector option {font-size:12px;}
#site_language_slector_label {font-weight: normal; }

/* JS benchmark node */
#js_tt { background-color: #FFF; border: 1px solid #000; padding: 0 10px 10px 10px; text-align: left; }
#js_tt .yui-tt-shadow { display: none; }

/* New Message popup */
#newmessage p { margin:5px 0 0; }
#newmessage label { color:#7D7D7D; font-weight:bold; display:inline-block; width:80px; }
#newmessage .text { width:350px; }
#newmessage .grey_btn { font-weight:bold; width:100px; margin:0 0 0 10px; }

/* Tagged Icons */
.icon,
.container-close { background-image:url('/im/icons_029.png'); background-repeat:no-repeat; }
    /* Add / Remove / etc */
.set_top { background-position:0 0; }
.unset_top { background-position:0 -100px; }
.remove { background-position:0 -200px; }
.add_small_grey { background-position:0 -400px; }
.add_small, .add_small_grey:hover { background-position:0 -300px; }
.remove_small_grey { background-position:0 -600px; }
.remove_small, .remove_small_grey:hover, .block_user { background-position:0 -500px; }
.report { background-position:0 -7098px; }
.close { background-position:0 -5600px; }
.close:hover { background-position:0 -5500px; }
    /* Friends related */
.add_friend,
.friend_requests { background-position:0 -700px; }
.invite_friend { background-position:0 -4900px; }
.find_friend { background-position:0 -5000px; }
.new_friends { background-position:0 -1700px; }
.viewfriends { background-position:0 -800px; }
.message,
.unread_messages { background-position:0 -900px; }
.comment, .comments { background-position:0 -1000px; }
.pending_comment { background-position: 0 -5400px; }
.instantmsg,
.chat_invites { background-position:0 -1100px; }
    /* Profile icons */
.profile_edit { background-position:0 -2500px; }
.friendsview,
.view_profile { background-position:0 -2600px; }
.changeskin { background-position:0 -2700px; }
.addbox { background-position:0 -2800px; }
.widgets { background-position:0 -2900px; }
.videos { background-position:0 -3100px; }
.pets, .pets_play { background-position:0 -2000px; }
.luv { background-position:0 -2100px; }
.gift,
.gifts { background-position:0 -1500px; }
.wink { background-position:0 -2200px; }
.tags,
.new_tags { background-position:0 -2300px; }
.gold,
.gold_2 { background-position:0 -2400px; }
.gold_small { background-position:0 -4800px; }
a.no-text-decoration {
    text-decoration: none;
}
.send_message.icon { background-image:url('/im/im/chat_sprite_3.png'); background-position: 0 0; position: relative; top: 1px; }
    /* Photo icons */
.photos,
.photo_comments,
.profile_photo { background-position:0 -1200px; }
.photos_edit { background-position:0 -1300px; }

    /* Group icons */
.group_invite { background-position:0 -3200px; }
.group_edit { background-position:0 -3300px; }
.group_members { background-position:0 -3400px; }
.group_leave { background-position:0 -3500px; }
.group_forum_reply { background-position:2px -3702px; }
.group_alert { background-position:0 -4600px; }
.groups_updated { background-position:0 -4600px; }
.cr_photo_warning { background-position:0 -7900px; }

    /* Misc other icons/alerts */
.birthday,
.birthdays { background-position:0 -1400px; }
.new_friend { background-position:0 -1700px; }
.meetme_match { background-position:0 -1800px; }
.meetme_yes { background-position:0 -1900px; }
.profile_viewers { background-position:0 -4500px; }
.top_8 { background-position:0 -4700px; }
.games { background-position:0 -6600px; }
.voted { background-position: 0 -6000px; }
.fav { background-position: 0 -6100px; }
.cafe { background-position: 0 -7800px; }
.cafe_food_ready, .cafe_visit { background-position: 0 -7200px; }
.cafe_food_rotting { background-position: 0 -7300px; }
.cafe_visit_eat { background-position: 0 -7400px; }
.cafe_needs_love, .cafe_waiter_contract_expired { background-position: 0 -7500px; }
.cafe_visit_clean { background-position: 0 -7600px; }
.online { background-position: 0 -7700px; }
.mobile_new_update { background-position: 0 -8100px; }

    /* Terms of Service Update Lightbox */
.tos_header { color: #000000; font-size: 14px; font-weight: bold; margin: 10px; text-align: center; }
.tos_lightbox { padding:0 10px; }
.tos_changes { padding:0 30px; }
#tos_ok { float:right; width:100px; padding:5px; }
#tos_scrollbox { height:125px; overflow:auto; margin:3px; padding:10px; }
#tos_scrollborder { border:1px solid #736F6E; }

    /* Top ads */
#topad { width: 100%; background:#000; margin:0 auto; text-align:center; }
#topad .dfp_ad { margin: 0 auto; }
#topad.below_header_ad {background-color:white;margin-top:1px;}