@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 { background: url('border.png') left bottom repeat-x; font: bold 14px Nevis, Tahoma, Geneva, sans-serif; color: #222; text-shadow: 1px 1px #eee; text-transform: uppercase; margin: 10px; margin-top: 0px; padding-bottom: 5px; overflow: hidden; }
div#content div.location { }
div#content div.location ul { list-style: none; }
div#content div.location ul li { float: left; margin-right: 10px; }
div#content div.location h1 { font: bold 14px Nevis, Tahoma, Geneva, sans-serif; color: #222; text-shadow: 1px 1px #eee; text-transform: uppercase; }
div#content div.location ul li span { font: bold 14px Nevis, Tahoma, Geneva, sans-serif; color: #222; text-shadow: 1px 1px #eee; text-transform: uppercase; padding: 0px 5px; display: none; }
div#content div.location ul li span.highlight { color: #008000; }
div#content div.location ul li a { font: bold 14px Nevis, Tahoma, Geneva, sans-serif; color: #222; text-shadow: 1px 1px #eee; text-transform: uppercase; text-decoration: none; }
div#content div.location ul li a:hover { text-decoration: none; color: #000; }
div#content div.location ul li.action { padding-top: 2px; float: right; }
div#content div.location ul li.action a { text-decoration: none; }
div#content div.location ul li.action a:hover { text-decoration: none; }
div#content div.options_wrap { }
div#content div.title { display:none; height: 27px; float: left; }
div#content div.title h1 { font: bold 12px/27px arial, verdana, sans-serif; color: #000000; }
div#content div.options { margin: 10px 10px 10px; padding: 0px; height: 27px; padding-bottom: 10px; background: url('border.png') left bottom repeat-x; }
div#content div.options ul { height: 27px; list-style: none; }
div#content div.options ul li { float: left; height: 27px; background: url('opt_li.png') left top no-repeat; margin-right: 8px; text-shadow: none; }
div#content div.options ul li.info { border: 0; padding-left: 10px; font: 11px/24px arial, verdana, sans-serif; float: right; background: none; }
div#content div.options ul li.info div.progress_bar { margin-top: 6px; height: 10px; width: 80px; border: 1px solid #999; background: #eee; }
div#content div.options ul li.info div.progress_bar div.bar { height: 10px; background: #ade456 url('progress_bar_bg.gif') repeat-x; }
div#content div.options ul li.break { width: 0px; height: 27px; border-width: 0px; }
div#content div.options ul li span { padding: 0px 10px; display: block; float: left; font: 11px/24px arial, verdana, sans-serif; color: #eee; height: 27px; text-shadow: none; }
div#content div.options ul li a { padding: 0px 10px; display: block; float: left; font: 12px/24px arial, verdana, sans-serif; height: 27px; color: #eee; text-decoration: none; background: url('opt_a.png') right top no-repeat; text-shadow: none; }
div#content div.options ul li a.active { color: #888; }
div#content div.options ul li a:hover { text-decoration: underline; }
/* ********** [ CONTENT SUB HEADER ] ********** */

div#content div.subtitle { margin: 10px 0px; padding: 5px 8px; color: #7D0149; overflow: hidden; font: bold 12px/14px arial, verdana, sans-serif; background: #c8c1bb; border-bottom: 2px solid #a29d97; }
div#content div.subtitle_small { margin-bottom: 5px; }
div#content div.subtitle h2 { color: #7D0149; overflow: hidden; font: bold 12px/14px arial, verdana, sans-serif; border: none; background: none; padding: 0px; margin: 0px; }
div#content div.subtitle a { color: #7D0149; font: bold 12px/14px arial, verdana, sans-serif; text-shadow: 1px 1px #e2dad3; }
div#content div.subtitle a:hover { text-decoration: underline; }
div#content div.suboptions_wrap { margin: 0px 0px 10px 0px; background: #efe6df; border: 2px solid #c8c1bb; }
div#content div.suboptions { padding: 0px 3px; height: 25px; border: 1px solid #fefefe; }
div#content div.suboptions ul { list-style: none; }
div#content div.suboptions ul li { padding-right: 4px; float: left; }
div#content div.suboptions ul li span { font: bold 12px/25px arial, verdana, sans-serif; color: #444; }
div#content div.suboptions ul li a { font: bold 12px/25px arial, verdana, sans-serif; color: #444; text-decoration: none; padding-left: 9px; background: url('arrow.png') 3px 4px no-repeat; }
div#content div.suboptions ul li a.active { color: #000; }
div#content div.suboptions ul li a:hover { color: #000; text-decoration: underline; }
/* ********** [ CONTENT FOOTER ] ********** */

div#content div.footer_wrap { padding-top: 10px; font: 12px/16px arial, verdana, sans-serif; color: #222222; position: relative; margin: 0px 10px; }
div#content div.footer { }
div#content div.footer p { margin: 0px 2px 0px 0px; padding: 4px 8px; display: block; float: left; color: #444444; font: 12px/16px arial, verdana, sans-serif; border: 1px solid #fefefe; background: #efe6df; }
div#content div.footer a { margin-right: 2px; padding: 4px 8px; display: block; float: left; color: #444444; font: 12px/16px arial, verdana, sans-serif; border: 1px solid #fefefe; text-decoration: none; background: #efe6df; }
div#content div.footer a.active { background: #c8c1bb; }
div#content div.footer a:hover { background: #c8c1bb; }
/* ********** [ CONTENT WRAPPERS ] ********** */

div#content div.outter { margin-top: 10px; padding: 0px 10px 10px; position: relative; }
/* media */
	div.typemedia { }
div.typemedia div.dataitem { padding: 15px 5px 15px 0px; background: url('border.png') left bottom repeat-x; }
div.typemedia div.dataitemlast { margin-bottom: 0px; }
/* members */
	div.typemembers { }
div.typemembers div.dataitem { padding: 15px 5px 15px 0px; background: url('border.png') left bottom repeat-x; }
div.typemembers div.dataitemlast { margin-bottom: 0px; }
div.typemembers div.even { background: #dbd0c7 url('border.png') left bottom repeat-x; }
/* content */
	div.typecontent { padding: 0px; border: 0px; }
div.typecontent div.dataitem { padding: 15px 5px 15px 0px; background: url('border.png') left bottom repeat-x; }
div.typecontent div.dataitemlast { margin-bottom: 0px; border-bottom: 0px; }
div.typecontent div.image img { width: 70px; }
div.typecontent div.even { background: #dbd0c7 url('border.png') left bottom repeat-x; }
/* comments */
	div.typecomments { padding: 5px; background: #ffffff; border: 1px solid #d4d4d4; }
div.typecomments div.dataitem { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #d4d4d4; }
div.typecomments div.dataitemlast { margin-bottom: 0px; border-bottom: 0px; }
div.typecomments div.image img { width: 50px; }
/* page */
	div.typepage { padding: 0px; }
div.typepage div.dataitem { background: url('border.png') left bottom repeat-x; padding: 0px 5px 15px 0px; }
div.typepage div.comments div.image img { width: 50px; }
div.typepage div.comments div.dataitem { margin-bottom: 10px; padding-bottom: 5px; }
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 { background: #efe6df; border: 4px solid #c8c1bb; margin-right: 10px; }
div#content div.image a img { border: 1px solid #fefefe; }
div#content div.image a:hover img { border: 1px solid #ccc; }
/* player */
div#content div.player { padding-bottom: 5px; font: 12px/16px arial, verdana, sans-serif; color: #333; }
/* form */
div#content div.form { }
/* entry */
div#content div.entry { padding: 5px; text-align: justify; }
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; border: 0px; background: none; font: bold 12px/18px arial, verdana, sans-serif; color: #7d0149; text-decoration: none; text-shadow: 1px 1px #eee; }
div#content h2.inner a { font: bold 12px/18px arial, verdana, sans-serif; color: #7d0149; text-decoration: none; }
div#content h2.inner a:hover { text-decoration: underline; }
div#content h2.inner span.online { font: 12px/16px arial, verdana, 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 arial, verdana, sans-serif; color: #777777; position: relative; }
div#content ul.itemheader li.report { padding-right: 0px; }
div#content ul.itemheader li a { font: 11px arial, verdana, sans-serif; color: #333; text-shadow: none; text-decoration: none; }
div#content ul.itemheader li a:hover { text-decoration: underline; }
/* item footer */
div#content div.itemfooter { padding: 5px 5px 0px 5px; position: relative; background: url('border.png') left top repeat-x; }
div#content ul.itemfooter { height: 20px; position: relative; list-style: none; }
div#content ul.itemfooter li { padding-right: 10px; float: left; font: 11px/16px arial, verdana, sans-serif; color: #222222; }
div#content ul.itemfooter li.report { padding-right: 0px; padding-left: 10px; float: right; direction: rtl; }
div#content ul.itemfooter li a { height: 16px; font: 11px/16px arial, verdana, sans-serif; color: #7d0149; text-decoration: none; }
div#content ul.itemfooter li a:hover { text-decoration: underline; }
/* gallery box */
div#content div.gallerylist div.image { margin: 5px 11px; float: left; }
div#content div.gallerylist div.image { padding: 4px; background: #FBF6F2; border: 1px solid #C8C1BB; }
div#content div.gallerylist div.image:hover { background: #fff; }
div#content div.gallerylist span { float: left; padding: 0 6px 0 20px; height: 16px; display: block; }
div#content div.gallerylist span.author { margin: 4px 0 2px 0; overflow: hidden; width: 100px; height: auto; white-space: nowrap; padding: 0; }
div#content div.gallerylist span.rating { height: auto; padding: 0; }
div#content div.gallerylist span.comments { background: url('info_comments.png') no-repeat; }
div#content div.gallerylist span.views { background: url('info_views.png') no-repeat; }
/* preview box */
div#content div.gallerybox div.image { float: left; margin: 0 35px 20px 0; border: 0px; background: none; }
div#content div.gallerybox div.image a img { border: 1px solid #fefefe; outline: 4px solid #C8C1BB; margin-bottom: 4px; }
div#content div.gallerybox div.image a:hover img { border: 1px solid #898989; }
div#content div.previewbox div.image { padding: 0px; float: left; margin: 0 5px 4px 5px !important; }
div#content div.previewbox div.image a img { width: 50px; border: 1px solid #fefefe; }
div#content div.previewbox div.image a:hover img { border: 1px solid #ccc; }
/* datainfo */
div#content div.datainfo { padding-bottom: 5px; }
div#content dl.datainfo { width: 100%; }
div#content dl.datainfo dt { padding-right: 5px; width: 120px; float: left; font: 12px/16px arial, verdana, sans-serif; color: #666; padding-bottom: 3px; padding-left: 5px; }
div#content dl.datainfo dd { margin-left: 125px; font: 12px/16px arial, verdana, sans-serif; color: #333; text-align: left; padding-bottom: 3px; }
div#content dl.datainfo dd a { font: 11px/16px arial, verdana, sans-serif; color: #7d0149; text-decoration: none; }
div#content dl.datainfo dd a:hover { text-decoration: underline; }
/* profile data */
div#content div.profile dl.datainfo dt { width: 120px; }
div#content div.profile dl.datainfo dd { margin-left: 125px; text-align: left; }
div#content div.page_member_profile td.left { padding-right: 10px; border-right: 1px solid #eee; width: 180px; background: url('left.jpg') right top repeat-y; }
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: 180px; }
div#content div.page_member_profile h5 { position: relative; padding: 5px 8px; margin: 0px; color: #7D0149; overflow: hidden; font: bold 12px/14px arial, verdana, sans-serif; background: #c8c1bb; border-bottom: 2px solid #a29d97; }
div#content div.page_member_profile h5 a { color: #7D0149; font: bold 12px/14px arial, verdana, sans-serif; text-decoration: none; text-shadow: 1px 1px #e2dad3; }
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 8px; }
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; border: 0px; background: none; }
div#content div.page_member_profile div.sidedata div.image a img { width: 50px; border: 2px solid #C8C1BB; }
div#content div.page_member_profile div.sidedata div.image a:hover img { border: 2px solid #a29d97; }
div#content div.page_member_profile div.sidepics { padding: 8px 0px 0px 8px; }
div#content div.page_member_profile div.sidepics div.image { padding: 0px 8px 8px 0px; float: left; border: 0px; background: none; }
div#content div.page_member_profile div.sidepics div.image a img { width: 65px; border: 2px solid #C8C1BB; }
div#content div.page_member_profile div.sidepics div.image a:hover img { border: 2px solid #a29d97; }
div#content div.page_member_profile div.sidepics div.data { }
div#content div.page_member_profile td.right { padding-left: 10px; }
div#content div.page_member_profile td.right textarea.textarea_full { width: 465px; }
/* gallery item */
div#content div.galleryitem div.arrows { line-height: 12px; padding: 0px 5px; height: 20px; }
div#content div.galleryitem div.arrows a { line-height: 12px; }
div#content div.galleryitem div.arrows div.progress { margin-right: 5px; height: 12px; }
div#content div.galleryitem div.image { padding: 0px; text-align: center; border: 0px; background: none; }
/* actions */
div.actions { padding-left: 5px; }
div.actions ul.actions { list-style: none; border-bottom: 4px solid #efe6df; }
div.actions ul.actions li { width: 120px; display: block; font: 12px/20px arial, verdana, sans-serif; color: #7D0149; border-bottom: 1px solid #c8c1bb; border-top: 1px solid #efe6df; }
div.actions ul.actions li:first-child { border-top: none; }
div.actions ul.actions li.profile a { background: url("actions/profile.png") no-repeat 4px 3px; }
div.actions ul.actions li.pictures a { background: url("actions/pictures.png") no-repeat 4px 2px; }
div.actions ul.actions li.thumbnail a { background: url("actions/thumbnail.png") no-repeat 4px 2px; }
div.actions ul.actions li.edit a { background: url("actions/edit.png") no-repeat 4px 2px; }
div.actions ul.actions li.remove a { background: url("actions/remove.png") no-repeat 4px 2px; }
div.actions ul.actions li.primary a { background: url("actions/primary.png") no-repeat 4px 2px; }
div.actions ul.actions li.comments a { background: url("actions/comments.png") no-repeat 4px 2px; }
div.actions ul.actions li.approve a { background: url("actions/approve.png") no-repeat 4px 2px; }
div.actions ul.actions li.join a { background: url("actions/approve.png") no-repeat 4px 2px; }
div.actions ul.actions li.guests a { background: url("actions/guests.png") no-repeat 4px 2px; }
div.actions ul.actions li.leave a { background: url("actions/remove.png") no-repeat 4px 2px; }
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 2px; }
div.actions ul.actions li.rss a { background: url("actions/rss.png") no-repeat 4px 2px; }
div.actions ul.actions li a { padding: 2px 0px; padding-left: 26px; display: block; height: 20px; font: 12px/20px arial, verdana, sans-serif; color: #444; text-decoration: none; }
div.actions ul.actions li a:hover { background-color: #efe6df; color: #000; }
/* private messages */

table.pmbox { width: 100%; border: 0px; border-spacing: 0px; border-collapse: collapse; position: relative; background: #efe6df; border: 1px solid #c8c1bb; }
table.pmbox tr.header td { padding: 6px 0px; background: #c8c1bb; border: 1px solid #c8c1bb; border-width: 1px 0px; font-weight: bold; }
table.pmbox tr.header td input.checkbox { height: 16px; }
table.pmbox tr.row td { padding: 8px 0px; border-bottom: 1px solid #e2dad3; }
table.pmbox tr.even td { background: #e9ded6; }
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; font-size: 11px; }
table.pmbox tr td.checkbox { padding-left: 5px; width: 25px; vertical-align: middle; }
table.pmbox tr.new td { background: #f9f4ef; }
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; width: 560px; height: 150px; border: 2px solid #C8C1BB; background: #efe6df; padding: 5px; }
div.page_account_messages_compose div.pmhistory p, div.page_account_messages_view div.pmhistory p { padding: 2px; font: 12px/14px arial, verdana, san-serif; color: #222222; }
div.page_account_messages_compose div.pmhistory p.row1, div.page_account_messages_view div.pmhistory p.row1 { color: #026400; }
div.page_account_messages_compose div.pmhistory p.row2, div.page_account_messages_view div.pmhistory p.row2 { color: #940000; }
/* activities */
table.activities { width: 100%; }
table.activities td { background: url('border.png') left bottom repeat-x; padding: 5px; }
table.activities td.activity { }
table.activities td.date { width: 120px; color: #888; text-align: right; }
/* gifts */
table.giftsbox { width: 100%; }
table.giftsbox_select { width: 100%; }
table.giftsbox_select td { text-align: center; width: 25%; padding: 10px 5px; }
table.giftsbox_select td label { display: block; }
table.giftsbox_select td label:hover { background: #efe6df; }
/* calendar */
table.calendar { width: 100%; background: #efe6df; border: 1px solid #c8c1bb; }
table.calendar td { border: 1px solid #e2dad3; }
table.calendar tr.weekdays td { padding: 4px; font: 12px arial, verdana, sans-serif; color: #222222; font-weight: bold; background: #c8c1bb; border: 1px solid #c8c1bb; border-width: 1px 0px; 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 arial, verdana, sans-serif; font-weight: bold; color: #333; }
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: 0px; width: 50px; border: 2px solid #c8c1bb; }
table.calendar td.eventdays a:hover img { border: 2px solid #a29d97; }
div.eventtooltip { display: none; position: absolute; width: 102px; border: 2px solid #c8c1bb; background-color: #efe6df; padding: 3px; text-align: left; overflow: hidden; }
div.eventtooltip img { border: 1px solid #fefefe; text-align: center; }
div.eventtooltip span.birthday { padding-left: 20px; height: 20px; color: #333; text-align: left; font: 11px/20px arial, verdana, sans-serif; background: url('actions/birthday.png') no-repeat 0px 50%; clear: left; display: block; }
div.eventtooltip span.event { height: 20px; color: #333; text-align: left; font: 11px/20px arial, verdana, sans-serif; clear: left; display: block; }
table.calendar td.eventtoday { background: #f9f4ef; }
table.calendar td a { margin: 0px; padding: 0px; font: 10px arial, verdana, sans-serif; color: #7d0149; 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('rate.png') no-repeat 0px center; text-decoration: none; }
div.ratingbox div.selection a.over { cursor: default; background: url('rate.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: #efe6df; border: 2px solid #c8c1bb; 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 { width: 70px; height: 21px; display: block; font: 11px/21px arial, verdana, sans-serif; color: #fff; text-decoration: none; text-align: center; background: url("button_small_hover.png") no-repeat; text-shadow: none; }
div#content div.reportbox div.popup div.submit a:hover { text-decoration: none; background: url("button_small_hover.png") no-repeat 0px -21px; }
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: #efe6df; border: 2px solid #c8c1bb; 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; font: 11px/21px arial, verdana, sans-serif; color: #fff; text-decoration: none; text-align: center; background: url("button_small_hover.png") no-repeat; text-shadow: none; }
div.actions ul.actions li.wink div.winkbox a:hover { text-decoration: none; background: url("button_small_hover.png") no-repeat 0px -21px; }
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: 11px arial, verdana, sans-serif; color: #333; 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: 2px solid #c8c1bb; background: #efe6df; }
div#content div.smiliesbox div.smiliesitem { margin: 0px 4px 4px 0px; width: 16px; height: 16px; float: left; }
/* ********** [ MESSAGES ] ********** */

div#info_message { margin: 10px 10px; font: 12px/24px arial, verdana, sans-serif; color: #333; border: 1px #8ec984 solid; padding: 5px 0px; padding-left: 25px; background: #d4e5d1 url('tick.png') 1% 50% no-repeat; }
div#info_message a { font: 12px/24px arial, verdana, sans-serif; color: #fff; text-decoration: none; }
div#info_message a { text-decoration: underline; }
div#error_message { margin: 10px 10px; font: 12px/24px arial, verdana, sans-serif; color: #333; border: 1px #ebadad solid; padding: 5px 0px; padding-left: 25px; background: #ffe7e7 url('cross.png') 1% 50% no-repeat; }
div#error_message a { font: 12px/24px arial, verdana, sans-serif; color: #fff; 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: 2px solid #c8c1bb; background-color: #efe6df; padding: 3px; text-align: left; }
div.htmltooltip img { border: 1px solid #efe6df; text-align: center; }