@import url("reset.css");
@import url("site.css");
@import url("sidebar.css");
@import url("forms.css");
/* ********** [ CONTENT HEADER ] ********** */
div#content div.header_wrap { }
div#content div.location_wrap { height: 30px; background: url('black50.png') repeat; color: #fff; }
div#content div.location { }
div#content div.location ul { list-style: none; }
div#content div.location ul li { float: left; }
div#content div.location h1 { padding: 0px 5px; float: left; font: 20px/30px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #fff; }
div#content div.location ul li span { padding: 0px; display: block; float: left; font: 20px/30px Tahoma, Geneva, sans-serif; color:#DC3900; }
div#content div.location ul li span.highlight { color: #40b119; }
div#content div.location ul li a { padding: 0px 5px; display: block; float: left; font: 20px/30px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color:#DC3900; text-decoration: none; }
div#content div.location ul li a:hover { text-decoration: none; color: #eee; }
div#content div.options_wrap { }
div#content div.title { display:none; height: 25px; float: left; }
div#content div.title h1 { font: 18px/25px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #eee; }
div#content div.options { margin-top: 10px; padding: 0px; height: 25px; }
div#content div.options ul { height: 25px; float: left; list-style: none; }
div#content div.options ul li { float: left; margin-right: 5px; }
div#content div.options ul li.break { width: 5px; height: 24px; }
div#content div.options ul li span { padding: 0px 10px; display: block; float: left; font: 18px/25px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #fff; }
div#content div.options ul li a { padding: 0px 5px; display: block; float: left; font: 18px/25px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #fff; text-decoration: none; }
div#content div.options ul li a.active { background: url('black50.png') repeat; color:#FEC51B; }
div#content div.options ul li a:hover { background: url('black50.png') repeat; color:#FEC51B; }
/* ********** [ CONTENT SUB HEADER ] ********** */
div#content div.subtitle { margin: 10px 0px; padding: 0px 5px; background: url('black50.png') repeat; margin-top: 15px; }
div#content div.subtitle_small { margin-bottom: 5px; }
div#content div.subtitle h2 { margin: 0px; padding: 0px; font: bold 12px/30px Tahoma, Geneva, sans-serif; color: #eee; border: 0px; }
div#content div.subtitle a { font: bold 12px/30px Tahoma, Geneva, sans-serif; text-decoration: none; }
div#content div.subtitle a:hover { text-decoration: underline; }
div#content div.suboptions_wrap { margin: 0px 0px 5px 0px; }
div#content div.suboptions { padding: 0px 4px; height: 25px; border: 1px solid #222; background: url('black50.png') repeat; }
div#content div.suboptions ul { list-style: none; }
div#content div.suboptions ul li { padding-right: 10px; float: left; }
div#content div.suboptions ul li span { font: 18px/25px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #aaa; }
div#content div.suboptions ul li.nolink { font: 18px/25px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #aaa; text-decoration: none; background: url('arrow.png') 0 8px no-repeat; padding-left: 9px; }
div#content div.suboptions ul li a { font: 18px/25px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #aaa; text-decoration: none; background: url('arrow.png') 0 6px no-repeat; padding-left: 9px; }
div#content div.suboptions ul li a.active { background: url('arrow_o.png') 0 6px no-repeat; }
div#content div.suboptions ul li a:hover { text-decoration: underline; background: url('arrow_o.png') 0 6px no-repeat; }
/* ********** [ CONTENT FOOTER ] ********** */
div#content div.footer_wrap { padding-top: 6px; font: 12px/20px Tahoma, Geneva, sans-serif; color: #eee; position: relative; }
div#content div.footer { }
div#content div.footer p { margin: 0px 2px 0px 0px; padding: 4px 8px; display: block; float: left; color: #eee; font: 12px/20px Tahoma, Geneva, sans-serif; background: url('black50.png') repeat; }
div#content div.footer a { margin-right: 3px; padding: 4px 8px; display: block; float: left; font: 12px/20px Tahoma, Geneva, sans-serif; background: url('black50.png') repeat; text-decoration: none; }
div#content div.footer a.active { background: #000; font-weight: bold; color: #eee; }
div#content div.footer a:hover { background: #000; }
/* ********** [ CONTENT WRAPPERS ] ********** */

div#content div.outter { margin-top: 10px; padding: 5px; position: relative; background: url('black50.png') repeat; overflow: hidden; }
/* media */
div.typemedia { }
div.typemedia div.dataitem { margin-bottom: 5px; padding: 5px; background: url('black50.png') repeat; }
div.typemedia div.dataitemlast { margin-bottom: 0px; }
/* members */
div.typemembers { }
div.typemembers div.dataitem { margin-bottom: 5px; padding: 5px; background: url('black50.png') repeat; }
div.typemembers div.dataitemlast { margin-bottom: 0px; }
/* content */
div.typecontent { padding: 5px; background: url('black50.png') repeat; }
div.typecontent div.dataitem { margin-bottom: 10px; padding-bottom: 5px; border-bottom:2px solid #333333; padding-top: 10px; }
div.typecontent div.dataitemlast { margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px; }
div.typecontent div.image img { width: 60px; }
/* comments */
div.typecomments { padding: 5px; background: url('black50.png') repeat; }
div.typecomments div.dataitem { margin-bottom: 10px; padding-bottom: 5px; border-bottom:2px solid #333333; padding-top: 10px; }
div.typecomments div.dataitemlast { margin-bottom: 0px; border-bottom: 0px; }
div.typecomments div.image img { width: 60px; }
/* page */
div.typepage { padding: 5px; background: url('black50.png') repeat; }
div.typepage div.dataitem { }
div.typepage div.comments div.image img { width: 60px; }
div.typepage div.comments div.dataitem { margin-bottom: 10px; padding-bottom: 5px; border-bottom:2px solid #333333; padding-top: 10px; }
div.typepage div.comments div.dataitemlast { margin-bottom: 0px; padding-bottom: 0px; background: none; }
div.typepage div.comments div.commentsform div.dataitem { margin-bottom: 0px; padding-bottom: 0px; background: none; }
div.typepage div.comments div.page_member_profile_comments_submit div.dataitem { padding-bottom: 10px; }
div#content div.odd, div#content div.even, div#content div.single { position: relative; }
div#content table.plain { width: 100%; border: 0px; border-spacing: 0px; border-collapse: collapse; position: relative; }
div#content table.plain td { vertical-align: top; }
div#content table.plain td.data { width: 100%; }
/* ********** [ GENERAL CONTENT ] ********** */

/* image */
div#content div.image { padding-right: 10px; }
div#content div.image a img { }
div#content div.image a:hover img { }
/* player */
div#content div.player { padding-bottom: 5px; font: 11px/16px arial, verdana, sans-serif; color: #222222; }
/* form */
div#content div.form { }
/* entry */
div#content div.entry { padding: 5px; text-align: left; word-wrap: break-word; white-space: normal; break-word: break-all; }
div#content div.entry ol, div#content div.entry ul { padding: 10px 0px 10px 20px; margin: 0px; }
div#content div.entry ol li, div#content div.entry ul li { list-style: disc; }
/* data */
div#content div.data { text-align: justify; }
/* header */
div#content h2.inner { margin: 0px; padding: 0px; font: 18px/25px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; ; color:#cc371f; border: 0px; background: none; }
div#content h2.inner a { font: 18px/25px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color:#cc371f; text-decoration: none; }
div#content h2.inner a:hover { text-decoration: underline; }
div#content h2.inner span.online { font: 18px/25px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #2F8509; }
/* item header */
div#content div.itemheader { padding: 0px 5px; position: relative; }
div#content ul.itemheader { height: 16px; position: relative; list-style: none; }
div#content ul.itemheader li { padding-right: 12px; float: left; font: 11px Tahoma, Geneva, sans-serif; color: #888; position: relative; }
div#content ul.itemheader li.report { padding-right: 0px; }
div#content ul.itemheader li a { font: 11px Tahoma, Geneva, sans-serif; color: #555; text-decoration: none; }
div#content ul.itemheader li a:hover { text-decoration: underline; }
/* item footer */
div#content div.itemfooter { padding: 5px 0px 0px 0px; position: relative; border-top: 2px solid #333; }
div#content ul.itemfooter { height: 16px; position: relative; list-style: none; }
div#content ul.itemfooter li { padding-right: 10px; float: left; font: 12px/16px Tahoma, Geneva, sans-serif; color: #888; }
div#content ul.itemfooter li.report { padding-right: 0px; padding-left: 10px; float: right; }
div#content ul.itemfooter li a { height: 16px; font: 12px/16px Tahoma, Geneva, sans-serif; text-decoration: none; }
div#content ul.itemfooter li a:hover { text-decoration: underline; }
/* gallery box */
div#content div.gallerybox { width: 670px; }
div#content div.gallerybox div.image { float: left; }
div#content div.gallerybox div.image a img { padding: 3px; }
div#content div.gallerybox div.image a:hover img { }
/* preview box */
div#content div.previewbox div.image { float: left; margin-top: 5px; padding-right: 5px; }
div#content div.previewbox div.image a img { padding: 4px; width: 60px; }
div#content div.previewbox div.image a:hover img { }
/* datainfo */
div#content div.datainfo { padding-bottom: 5px; }
div#content dl.datainfo { width: 100%; }
div#content dl.datainfo dt { padding-right: 5px; width: 80px; float: left; font: 12px/18px Tahoma, Geneva, sans-serif; color: #888; clear: both; }
div#content dl.datainfo dd { margin-left: 75px; font: 12px/18px Tahoma, Geneva, sans-serif; color: #fff; text-align: left; }
div#content dl.datainfo dd a { font: 12px/18px Tahoma, Geneva, sans-serif; text-decoration: none; }
div#content dl.datainfo dd a:hover { text-decoration: underline; }
/* profile data */
div#content div.profile dl.datainfo { padding-left: 5px; padding-bottom: 10px; }
div#content div.profile dl.datainfo dt { width: 100px; }
div#content div.profile dl.datainfo dt { width: 100px; }
div#content div.profile dl.datainfo dd { margin-left: 105px; }
div#content div.page_member_profile td.left { padding-right: 7px; border-right: 2px solid #333; width: 190px; }
div#content div.page_member_profile td.left div.picture_zoom { margin: 0px; padding: 0px; }
div#content div.page_member_profile td.left a.picture_zoom img { width: 190px; }
div#content div.page_member_profile h5 { position: relative; padding: 5px; margin: 0px; border-bottom: 2px solid #333333; color: #DC3900; font: 18px/24px 'BebasNeueRegular', arial, verdana, sans-serif; }
div#content div.page_member_profile h5 a { color: #DC3900; font: 18px/24px 'BebasNeueRegular', arial, verdana, sans-serif; text-decoration: none; }
div#content div.page_member_profile h5 a:hover { text-decoration: underline; }
div#content div.page_member_profile div.actions { padding: 5px 0px 10px 0px; }
div#content div.page_member_profile div.actions li { width: 190px; }
div#content div.page_member_profile div.sidedata { padding: 8px 0px 0px 0px; }
div#content div.page_member_profile div.sidedata div.sub { padding-top: 4px; color: #888888; }
div#content div.page_member_profile div.sidedata div.image { padding: 0px 8px 8px 0px; }
div#content div.page_member_profile div.sidedata div.image a img { width: 50px; }
div#content div.page_member_profile div.sidedata div.image a:hover img { }
div#content div.page_member_profile div.sidepics { padding: 8px 0px 0px 0px; }
div#content div.page_member_profile div.sidepics div.image { padding: 0px 12px 8px 0px; float: left; }
div#content div.page_member_profile div.sidepics div.image a img { width: 50px; }
div#content div.page_member_profile div.sidepics div.image a:hover img { }
div#content div.page_member_profile div.sidepics div.data { }
div#content div.page_member_profile td.right { padding-left: 7px; }
div#content div.page_member_profile td.right textarea.textarea_full { width: 450px; }
/* gallery item */
div#content div.galleryitem div.arrows { padding: 5px; height: 20px; }
div#content div.galleryitem div.image { padding: 0px; text-align: center; }
/* actions */
div.actions { padding-left: 5px; }
div.actions ul.actions { list-style: none; }
div.actions ul.actions li { width: 120px; display: block; font: 12px/24px Tahoma, Geneva, sans-serif; color:#FEC51B; border-bottom: 1px solid #000; }
div.actions ul.actions li.profile a { background: url("actions/profile.png") no-repeat 4px 4px; }
div.actions ul.actions li.pictures a { background: url("actions/pictures.png") no-repeat 4px 4px; }
div.actions ul.actions li.thumbnail a { background: url("actions/thumbnail.png") no-repeat 4px 4px; }
div.actions ul.actions li.edit a { background: url("actions/edit.png") no-repeat 4px 4px; }
div.actions ul.actions li.remove a { background: url("actions/remove.png") no-repeat 4px 4px; }
div.actions ul.actions li.primary a { background: url("actions/primary.png") no-repeat 4px 4px; }
div.actions ul.actions li.comments a { background: url("actions/comments.png") no-repeat 4px 4px; }
div.actions ul.actions li.approve a { background: url("actions/approve.png") no-repeat 4px 4px; }
div.actions ul.actions li.join a { background: url("actions/approve.png") no-repeat 4px 4px; }
div.actions ul.actions li.guests a { background: url("actions/guests.png") no-repeat 4px 4px; }
div.actions ul.actions li.leave a { background: url("actions/remove.png") no-repeat 4px 4px; }
div.actions ul.actions li.chat a { background: url("actions/chat.png") no-repeat 4px 4px; }
div.actions ul.actions li.friends a { background: url("actions/friends.png") no-repeat 4px 4px; }
div.actions ul.actions li.favorites a { background: url("actions/favorites.png") no-repeat 4px 4px; }
div.actions ul.actions li.wink { position: relative; }
div.actions ul.actions li.wink a { background: url("actions/wink.png") no-repeat 4px 4px; }
div.actions ul.actions li.message a { background: url("actions/message.png") no-repeat 4px 4px; }
div.actions ul.actions li.gift a { background: url("actions/gift.png") no-repeat 4px 4px; }
div.actions ul.actions li.block a { background: url("actions/remove.png") no-repeat 4px 4px; }
div.actions ul.actions li.rss a { background: url("actions/rss.png") no-repeat 4px 4px; }
div.actions ul.actions li a { padding-left: 28px; display: block; height: 24px; font: 12px/24px Tahoma, Geneva, sans-serif; color:#FEC51B; text-decoration: none; }
div.actions ul.actions li a:hover { background-color: #000; color: #fff; }
/* private messages */

table.pmbox { width: 100%; border: 0px; border-spacing: 0px; border-collapse: collapse; position: relative; }
table.pmbox tr.header td { padding: 6px 0px; font-weight: bold; }
table.pmbox tr.header td input.checkbox { height: 16px; }
table.pmbox tr.row td { padding: 8px 0px; border-bottom: 2px solid #333; }
table.pmbox tr td.sender { width: 200px; }
table.pmbox tr td.sender div.image { float: left; }
table.pmbox tr td.sender div.image img { width: 40px; }
table.pmbox tr td.sender div.date { color: #999999; }
table.pmbox tr td.checkbox { padding-left: 5px; width: 25px; vertical-align: middle; }
table.pmbox tr.new td { background: #000; }
table.pmbox tr.new td.subject a { font-weight: bold; }
table.pmbox tr.footer td { padding: 5px; }
div.page_account_messages_compose div.pmhistory, div.page_account_messages_view div.pmhistory { overflow: auto; height: 150px; background: #000; padding: 5px; margin-top: 10px; }
div.page_account_messages_compose div.pmhistory p, div.page_account_messages_view div.pmhistory p { padding: 2px; font: 12px/14px Tahoma, Geneva, sans-serif; color: #eee; }
div.page_account_messages_compose div.pmhistory p.row1, div.page_account_messages_view div.pmhistory p.row1 { color:#40B119; }
div.page_account_messages_compose div.pmhistory p.row2, div.page_account_messages_view div.pmhistory p.row2 { color:#DC3900; }
/* activities */
table.activities { width: 100%; }
table.activities td { border-bottom: 2px solid #333; padding: 5px 0px 3px 0px; }
table.activities td.activity { }
table.activities td.date { width: 120px; color: #acacac; text-align: right; }
/* gifts */
table.giftsbox { width: 95% !important; }
table.giftsbox_select { width: 95% !important; }
table.giftsbox_select td { text-align: center; padding-bottom: 10px; }
table.giftsbox_select td label { display: block; }
table.giftsbox_select td label img { }
table.giftsbox_select td label:hover { background: #000; }
/* calendar */
table.calendar { width: 100%; border: 0px; border-spacing: 1px; border-collapse: inherit; }
table.calendar td { background: url('black50.png') repeat; border: 1px solid #000; }
table.calendar tr.weekdays td { padding: 4px; font: 12px Tahoma, Geneva, sans-serif; color:#FEC51B; font-weight: bold; background: #000; text-align: center; }
table.calendar td.eventdays { padding: 4px 4px 0px 4px; height: 50px; width: 80px; }
table.calendar td.eventdays p { margin: 0px 4px 4px 0px; padding: 0px; float: left; font: 12px/16px Tahoma, Geneva, sans-serif; font-weight: bold; color: #eee; }
table.calendar td.eventdays a.rotate { float: left; display: block; width: 16px; height: 16px; background: url('actions/rotate.png') no-repeat 50% 0px; text-decoration: none; }
table.calendar td.eventdays a.rotate:hover { text-decoration: none; }
table.calendar td.eventdays a img { padding: 3px; width: 50px; }
table.calendar td.eventdays a:hover img { }
div.eventtooltip { display: none; position: absolute; width: 102px; border: 1px solid #000; background: #000; padding: 4px; text-align: left; }
div.eventtooltip img { text-align: center; margin: 2px auto; }
div.eventtooltip span.birthday { padding-left: 20px; height: 20px; color: #eee; text-align: left; font: 11px/20px Tahoma, Geneva, sans-serif; background: url('actions/birthday.png') no-repeat 0px 50%; clear: left; display: block; }
div.eventtooltip span.event { height: 20px; color: #eee; text-align: left; font: 11px/20px Tahoma, Geneva, sans-serif; clear: left; display: block; }
table.calendar td.eventtoday { background: #000; }
table.calendar td a { margin: 0px; padding: 0px; font: 11px Tahoma, Geneva, sans-serif; text-decoration: none; }
table.calendar td a:hover { text-decoration: underline; }
/* rating */
div.ratingbox { }
div.ratingbox div.selection { padding-right: 5px; float: left; }
div.ratingbox div.selection a { width: 16px; height: 16px; float: left; display: block; cursor: default; background: url('star.png') no-repeat 0px center; text-decoration: none; }
div.ratingbox div.selection a.over { cursor: default; background: url('star.png') no-repeat -16px center; }
div.ratingbox div.selection a:hover { cursor: default; text-decoration: none; }
div.ratingbox div.scores { padding-right: 5px; float: left; }
div.ratingbox div.progress { height: 16px; }
/* report */
div#content div.reportbox { position: relative; }
div#content div.reportbox div.popup { padding: 10px; display: none; z-index: 1; position: absolute; bottom: 16px; right: 0px; background: #000; border: 1px solid #333; width: 155px; }
div#content div.reportbox div.popup div.reason { padding-bottom: 5px; }
div#content div.reportbox div.popup div.reason select.select { width: 150px; }
div#content div.reportbox div.popup div.submit { padding-right: 5px; float: left; }
div#content div.reportbox div.popup div.submit a { padding: 0px; margin-top: 5px; width: 70px; height: 21px; display: block; float: none; text-decoration: none; text-align: center; background: #000; font: 18px/21px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #FEC51B; cursor: pointer; border: 1px solid #222; }
div#content div.reportbox div.popup div.submit a:hover { text-decoration: none; color: #eee; }
div#content div.reportbox div.popup div.progress { height: 21px; }
div#content div.reportbox div.popup a.cancel { height: 14px; width: 14px; right: 10px; bottom: 10px; position: absolute; display: block; text-decoration: none; background: url('actions/upload_cancel.png') no-repeat; }
div#content div.reportbox a.cancel:hover { background: url('actions/upload_cancel.png') no-repeat -14px 0px; }
/* winks */
div.actions div.winkbox { padding: 10px; z-index: 5000; position: absolute; bottom: 20px; right: 0px; background: #000; border: 1px solid #333; width: 155px; }
div.actions div.winkbox select.select { width: 150px; }
div.actions ul.actions li.wink div.winkbox a { padding: 0px; margin-top: 5px; width: 70px; height: 21px; display: block; float: none; text-decoration: none; text-align: center; background: #000; font: 18px/21px 'BebasNeueRegular', Tahoma, Geneva, sans-serif; color: #FEC51B; cursor: pointer; border: 1px solid #222; }
div.actions ul.actions li.wink div.winkbox a:hover { text-decoration: none; color: #eee; }
div.actions ul.actions li.wink div.winkbox a.cancel { height: 14px; width: 14px; right: 10px; bottom: 10px; position: absolute; display: block; text-decoration: none; background: url('actions/upload_cancel.png') no-repeat; }
div.actions ul.actions li.wink div.winkbox a.cancel:hover { background: url('actions/upload_cancel.png') no-repeat -14px 0px; }
/* smilies */
div#content div.smilies { width: 16px; height: 16px; }
div#content div.smilies div.smilies-inner { position: relative; }
div#content div.smilies p { margin: 0px; padding: 0px; }
div#content div.smilies a { font: 12px Tahoma, Geneva, sans-serif; color: #eee; text-decoration: none; }
div#content div.smilies a:hover { text-decoration: underline; }
div#content div.smiliesbox { padding: 4px 0px 0px 4px; width: 120px; z-index: 1; position: absolute; bottom: 16px; right: 0px; border: 1px solid #444444; background: #ffffff; }
div#content div.smiliesbox div.smiliesitem { margin: 0px 4px 4px 0px; width: 16px; height: 16px; float: left; }
/* ********** [ MESSAGES ] ********** */

div#info_message { margin: 10px 0px; font: 12px/30px Tahoma, Geneva, sans-serif; color:#40B119; padding: 5px; padding-left: 30px; background: url('success.png') 8px 50% no-repeat; background-color: #000; }
div#info_message a { font: 12px/30px Tahoma, Geneva, sans-serif; color:#40B119; text-decoration: none; }
div#info_message a { text-decoration: underline; }
div#error_message { margin: 10px 0px; font: 12px/30px Tahoma, Geneva, sans-serif; color: #DC3900; padding: 5px; padding-left: 30px; background: url('error.png') 8px 50% no-repeat; background-color: #000; }
div#error_message a { font: 12px/30px Tahoma, Geneva, sans-serif; color: #DC3900; text-decoration: none; }
div#error_message a { text-decoration: underline; }
/* ********** [ MISC ] ********** */

div.progress { width: 10px; height: 10px; display: none; float: left; background: url('progress.gif') no-repeat center center; }
div.htmltooltip { display: none; position: absolute; border: 1px solid #333; background-color: black; padding: 3px; text-align: left; }
div.htmltooltip img { text-align: center; }
