br.clear { clear: both; }
div.pr_empty,
p.pr_empty { background: #F9F9F9; padding: 40px 0; text-align: center; }
td.pr_empty { background: #F9F9F9; padding: 40px 0; text-align: center; vertical-align: center; }
/* LEGACY CSS
--------------------------------------------*/
.pr_info { border-bottom: solid #ccc 1px; font-weight: bold; padding-bottom: 2px; }
.pr_box { padding: 5px; background: #eee; border: solid #ddd 1px; }
/* EXTRA NAV (TABS)
--------------------------------------------*/
#pr_extraNav { _height: 36px; margin: 0 0 10px 0; }
#pr_extraNav ul { background: url(/images/objects/pr_extraNav.gif) repeat-x bottom; clear: both; /height: 24px; _height: 24px; /height: 26px; margin: 0; padding: 5px 10px 0 20px; list-style: none; }
#pr_extraNav ul li { display: inline; _display: static; _float: left; /float: left; padding: 0; }
#pr_extraNav ul li a { background: #F7F7F7; border: 1px solid #C0C0C0; border-width: 1px 1px 0 1px; float: left; margin: 3px 2px 0 0; padding: 3px 10px; text-decoration: none; }
#pr_extraNav ul li.active a { background: #FFF; border: 1px solid #C0C0C0; border-bottom: 1px solid #FFFFFF; float: left; margin: 1px 2px 0 0; padding: 4px 10px; text-decoration: none; }
#pr_extraNav ul li.floatright a { float: right; }
/* GLOBAL INPUTS / FORM STUFF
---------------------------------------------*/
input.pr_example { color: gray; }
.pr_start p { float: left; margin: 0 !important; /margin: 0 0 10px 0 !important; width: 50%; }
.pr_start .pr_search { float: right; margin: 0; text-align: right; width: 50%; }
#pr_form {background:#fff;}
form.pr_form table { border-collapse: collapse; }
form.pr_form table thead tr { background: #F5F5F5; border-bottom: 1px solid #C0C0C0; font-weight: bold; }
form.pr_form table thead tr th { padding: 5px; }
form.pr_form table thead tr th a { font-weight: bold; }
form.pr_form table thead tr td { padding: 5px; }
form.pr_form table thead tr td a { font-weight: bold; }
form.pr_form table tbody tr td { border-bottom: 1px solid #e5e5e5; padding: 5px; }
form.pr_form table.pr_table_input { border-collapse: collapse; margin-bottom: 20px; width: 100%; }
form.pr_form table.pr_table_input tbody tr td { border-bottom: 0; }
form.pr_form table.pr_table_input tbody tr.alt td { background: #F5F5F5; }
form.pr_form table tbody tr.pr_even td { background: #F9F9F9; }
/* BUDDY UPDATES
--------------------------------------------*/
#pr_buddyUpdates { }
#pr_buddyUpdates h3 { color: gray; border-bottom: 1px solid #DDDDDD; display: block; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; margin: 9px 0 5px 0; }
#pr_buddyUpdates ul { list-style: none; margin: 0; padding: 0; }
#pr_buddyUpdates ul li { background-position: left 5px; background-repeat: no-repeat; clear: both; margin: 0 0 5px 0; padding: 5px 0 5px 0; position: relative; }
#pr_buddyUpdates ul li:hover { }
#pr_buddyUpdates ul li:hover div a.pr_delete { color: gray; }
#pr_buddyUpdates ul li:hover div a.pr_delete:hover { color: #FF0000; }
#pr_buddyUpdates ul li a.pr_type { background-repeat: no-repeat; display: block; float: left; height: 18px; margin: 0 6px 0 0; width: 18px; }
#pr_buddyUpdates ul li a.pr_type span { display: none; }
#pr_buddyUpdates ul li div { margin: 0; padding: 0; width: 95%; }
#pr_buddyUpdates ul li div a { background-image: none; display: inline; text-decoration: none; }
#pr_buddyUpdates ul li div a img.pr_type_img,
#pr_buddyUpdates ul li div a:hover img.pr_type_img { border: 0; float: left; margin: -1px 5px 0 0; padding: 0; }
#pr_buddyUpdates ul li div a img { border: 1px solid #C0C0C0; clear: both; margin: 5px 9px 5px 0; padding: 4px; vertical-align: top; }
#pr_buddyUpdates ul li div a:hover img { border: 1px solid #3F3F3F; }
#pr_buddyUpdates ul li div a.pr_delete { color: #C0C0C0; font-family: Verdana, Arial, sans-serif; font-size: 9px; position: absolute; top: 8px; right: 0; text-transform: lowercase; }
#pr_buddyUpdates ul li div a.pr_more { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
#pr_buddyUpdates ul li div blockquote { background: url(/mini/f/quote_open.gif) no-repeat top left; color: gray; font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: italic; margin: 10px; padding: 0 0 0 26px; }
#pr_buddyUpdates ul li div blockquote span { background: url(/mini/f/quote_close.gif) no-repeat top right; padding: 0 16px 0 0; }
#pr_buddyUpdates ul li div span.pr_time,
#pr_buddyUpdates ul li div span.pr_update_time { color: gray; font-family: Verdana, Arial, sans-serif; font-size: 9px; }
#pr_buddyUpdates ul li.pr_newAlbum a.pr_type { background-image: url(/mini/f/images.gif); }
#pr_buddyUpdates ul li.pr_bday a.pr_type { background-image: url(/mini/f/cake.gif); }
#pr_buddyUpdates ul li.pr_request a.pr_type { background-image: url(/mini/f/user_comment.gif); } /*
#pr_buddyUpdates ul li.pr_request div { border: 1px dotted #C0C0C0; border-width: 0 0 1px 0; padding: 0 0 5px 0; } */
#pr_buddyUpdates ul li.pr_joined a.pr_type { background-image: url(/mini/f/star.gif); }
#pr_buddyUpdates ul li.pr_awards a.pr_type { background-image: url(/mini/f/award_star_bronze_1.gif); }
#pr_buddyUpdates ul li.pr_blog a.pr_type { background-image: url(/mini/f/script_edit.gif); }
#pr_buddyUpdates ul li.pr_buddies a.pr_type { background-image: url(/mini/f/group_add.gif); } /*
#pr_buddyUpdates ul li.pr_buddies div { border: 1px dotted #C0C0C0; border-width: 0 0 1px 0; padding: 0 0 5px 0; } */
#pr_buddyUpdates ul li.pr_bulletins a.pr_type { background-image: url(/mini/f/note_edit.gif); }
#pr_buddyUpdates ul li.pr_classifieds a.pr_type { background-image: url(/mini/f/money_dollar.gif);}
#pr_buddyUpdates ul li.pr_events a.pr_type { background-image: url(/mini/f/sport_raquet.gif); }
#pr_buddyUpdates ul li.pr_pictures a.pr_type { background-image: url(/mini/f/picture.gif); }/*
#pr_buddyUpdates ul li.pr_pictures div { border: 1px dotted #C0C0C0; border-width: 0 0 1px 0; padding: 0 0 5px 0; } */
#pr_buddyUpdates ul li.pr_status a.pr_type { background-image: url(/mini/f/tag_green.gif); }
#pr_buddyUpdates ul li.pr_newSound a.pr_type { background-image: url(/mini/f/music.gif); }
#pr_buddyUpdates ul li.pr_submit a.pr_type { background-image: url(/mini/f/arrow_branch.gif); }
#pr_buddyUpdates ul li.pr_thread a.pr_type { background-image: url(/mini/f/comments_add.gif); }
#pr_buddyUpdates ul li.pr_videos a.pr_type { background-image: url(/mini/f/film.gif); }/*
#pr_buddyUpdates ul li.pr_videos div { border: 1px dotted #C0C0C0; border-width: 0 0 1px 0; padding: 0 0 5px 0; } */
#pr_buddyUpdates ul li.pr_buddies_no a.pr_type { background-image: url(/mini/f/user_red.gif);}
#pr_buddyUpdates ul li.pr_homepage a.pr_type { background-image: url(/mini/f/page_white_world.gif); }
#pr_buddyUpdates ul li.pr_viewed a.pr_type { background-image: url(/mini/f/emoticon_tongue.gif); }
form#pr_filter { float: right; }
/* MANAGE BUDDIES & PENDING BUDDIES
-------------------------------------------------------*/
form#pr_editBuddies table { width: 100%; }
form#pr_editBuddies table tr td label { display: block; }
form#pr_editBuddies table tr td { background: #F5F5F5; font-size: 120%; padding: 10px; text-align: center; }
table#pr_buddiesPending { width: 100%; }
table#pr_buddiesPending tr td { font-size: 120%; }
/* 'MY ACCOUNT' MENU
-------------------------------------------------------*/
ul#pr_account { list-style: none; margin: 0; padding: 0; }
ul#pr_account li { display: inline; }
ul#pr_account li a { font-family: Arial; font-size: 12px; font-weight: bold; margin: 10px 10px 0 0; padding: 2px 0 0 18px; background-position: center left; }
ul#pr_account li.basic a { background: url(/mini/f/user.gif) no-repeat; }
ul#pr_account li.extended a { background: url(/mini/f/vcard_edit.gif) no-repeat; }
ul#pr_account li.status a { background: url(/mini/f/note.gif) no-repeat; }
ul#pr_account li.buddies a { background: url(/mini/f/user_green.gif) no-repeat; }
ul#pr_account li.blocked a { background: url(/mini/f/user_delete.gif) no-repeat; }
ul#pr_account li.education a { background: url(/mini/f/book_open.gif) no-repeat; }
ul#pr_account li.mobile a { background: url(/mini/f/phone.gif) no-repeat; }
ul#pr_account li.preferences a { background: url(/mini/f/wrench_orange.gif) no-repeat; }
/* MY GROUPS
---------------------------------------------
#pr_extraNav { margin: 0 0 10px 0; }
#pr_extraNav ul { border-bottom: 1px solid #C0C0C0; margin: 0; padding: 5px 10px 0 20px; list-style: none; }
#pr_extraNav ul li { display: inline; padding: 0; }
#pr_extraNav ul li a { background: #F7F7F7; border: 1px solid #C0C0C0; float: left; margin: 3px 2px -1px 0; padding: 3px 10px; text-decoration: none; }
#pr_extraNav ul li.active a { background: #FFF; border: 1px solid #C0C0C0; border-bottom: 1px solid #FFFFFF; float: left; margin: 1px 2px -1px 0; padding: 4px 10px; text-decoration: none; }*/
#pr_viewSettings { font-family: Verdana,Arial,Sans-Serif; font-size: .8em; margin-top: 20px; }
#pr_listGroups { border-collapse: collapse; float: left; width: 66%; }
#pr_listGroups tr { border-bottom: 1px solid #C0C0C0; }
#pr_listGroups tr td.left { margin-top: 0; padding: 5px; vertical-align: top; width: 100px; }
#pr_listGroups tr td.left a.btn { background: #FFFFE0; border: 1px solid #FFF096; display: block; height: 16px; margin-bottom: 2px; text-align: center; width: 98px; }
#pr_listGroups tr td.left a.btn span { color: gray; }
#pr_listGroups tr td.left a.join { }
#pr_listGroups tr td.left a.leave { }
#pr_listGroups tr td.left a.manage { }
#pr_listGroups tr td.left a.pending { }
#pr_listGroups tr td.right { padding: 5px; vertical-align: top; }
#pr_listGroups tr td a { text-decoration: none; }
#pr_listGroups tr td a h4 { margin: 0 0 0 0; text-decoration: none; overflow: hidden; }
#pr_listGroups tr td a img { border: 0; margin-bottom: 2px; text-decoration: none; width: 100px; }
#pr_listGroups tr td p { overflow: hidden; }
#pr_listGroups tr td p.type { color: gray; font-family: Verdana,Arial,Sans-Serif; font-size: 11px; margin: 0; }
#pr_listGroups tr td p.size { font-family: Verdana,Arial,Sans-Serif; font-size: 10px; }
#pr_actionable { border-left: 1px solid #C0C0C0; float: right; margin: 0 0 0 2.5%; padding: 0 2.5%; width: 26%; }
a.newBulletin { background: url(/mini/f/page_white_edit.gif) no-repeat; padding: 2px 0 2px 18px; }
a.newEvent { background: url(/mini/f/calendar.gif) no-repeat; padding: 2px 0 2px 18px; }
a.deleteGroup { background-image: url('/mini/f/delete.gif'); background-position: left center; background-repeat: no-repeat; padding: 2px 0 2px 18px; }
a.uploadGroup { background-image: url('/mini/f/picture_add.gif'); background-position: left center; background-repeat: no-repeat; padding: 2px 0 2px 18px; }
#pr_administer { }
#pr_administer ul { list-style: none; margin: 0; padding: 0; }
#pr_administer ul li { border: 1px dotted #C0C0C0; border-width: 0 0 1px 0; overflow: hidden; }
#pr_administer ul li a { display: block; padding: 5px 0; width: 100%; }
#pr_invitations { }
#pr_invitations ul { list-style: none; margin: 0; padding: 0; }
#pr_invitations ul li { border: 1px dotted #C0C0C0; border-width: 0 0 1px 0; overflow: hidden; }
#pr_invitations ul li a { display: block; padding: 5px 0; width: 100%; }
#pr_membersList { margin: 0 2.5% 0 0; }
#pr_membersList h3 { margin: 10px 0 5px 0; }
#pr_membersList table { border: 0; border-collapse: collapse; }
#pr_membersList table thead tr { background: #F5F5F5; border-bottom: 1px solid #C0C0C0; }
#pr_membersList table thead tr td { padding: 5px 5px 5px 0; }
#pr_membersList table tbody tr { border-bottom: 1px solid #C0C0C0; }
#pr_membersList table tbody tr td { padding: 5px 5px 5px 0; }
#pr_membersList table tbody tr td a img.avatar { border: 0; margin-right: 5px; }
#pr_membersPending { }
#pr_membersPending h3 { margin: 10px 0 5px 0; }
#pr_membersPending table { border: 0; border-collapse: collapse; }
#pr_membersPending table thead tr { background: #F5F5F5; border-bottom: 1px solid #C0C0C0; }
#pr_membersPending table tbody tr { border-bottom: 1px solid #C0C0C0; }
#pr_membersPending table tbody tr td { padding: 5px 5px 5px 0; }
#pr_membersPending table tbody tr td img.avatar { border: 0; margin-right: 5px; }
/* GROUP INVITE
------------------------------------------------*/
#buddies { height: 300px; overflow: auto; }
form#pr_invite fieldset { border: 1px solid #C0C0C0; margin: 0 0 10px 0; width: 55%; }
form#pr_invite fieldset legend { color: gray; font-size: 12px;}
form#pr_invite input,
form#pr_invite textarea { border: 1px solid #C0C0C0; }
/* ALBUMS
-------------------------------------------------*/
.galpic { border: solid #666 1px; float: left; margin-right: 2px; margin-bottom: 2px; background: #FFFFFF; text-align: center; }
.pr_myAlbum { float: left; width: 136px; }
.pr_myAlbum strong { display: block; text-align: center; }
.pr_myAlbum .thumber { height: 130px; width: 82px; display: table; background: url(images/objects/index.jpg) no-repeat; padding: 25px 27px 0px 27px; text-align: center; color: #666; }
.pr_myAlbum .thumber a { border: 0; }
.pr_myAlbum .thumber a .pr_thumbnail { background-repeat: none; background-position: center; }
.pr_myAlbum .thumber a img { border: 0; height: 82px; width: 82px; }
.pr_myAlbum .thumber span.pr_numItems { background: url(/mini/f/resultset_next.gif) no-repeat; font-size: 10px; padding-left: 10px; }
/* HOMEPAGES
-------------------------------------------------------*/
/* PRIVATE MESSAGES
-------------------------------------------------------*/
table#pr_messages { border-collapse: collapse; width: 100%; }
table#pr_messages thead tr { background: #F5F5F5; border-bottom: 1px solid #C0C0C0; font-weight: bold; }
table#pr_messages thead tr td { }
table#pr_messages tbody tr { }
table#pr_messages tbody tr td { border-bottom: 1px solid #e5e5e5; padding: 5px; }
table#pr_messages tbody tr td a.pr_msgSubject { display: block; font-size: .95em; }
table#pr_messages tbody tr td a.msgDelete { font-size: .85em; }
table#pr_messages tbody tr td a.pr_msgFrom { color: #000000; }
table#pr_messages tbody tr td a.pr_msgFrom:hover { color: #0000FF; }
table#pr_messages tbody tr td span.pr_msgDate { }
table#pr_messages tbody tr td a img.avatar { border: 0; }
table#pr_messages tbody tr.statusNew td a.pr_msgSubject { font-weight: bold; }
table#pr_messages tbody tr.statusRead td a.pr_msgSubject { font-weight: normal; }
td#folder_container { width: 25%; }
table#folders { border-collapse: collapse; margin-right: 4%; overflow: hidden; }
table#folders thead tr { background: #F5F5F5; border-bottom: 1px solid #C0C0C0; }
table#folders thead tr td { border-bottom: 1px solid #C0C0C0; padding: 5px; }
table#folders tbody tr td a { background: url(/mini/f/folder.gif) no-repeat; display: block; padding: .2em 0 .2em 1.8em; width: 100%; }
table#folders tbody tr.selected_folder { background: #f7f7f7; }
table#folders tbody tr.subfolder td a { background-position: 10px; padding-left: 30px;}
table#folders tbody tr td #folder_Bulletins a { background: url(/mini/f/folder_page.gif) no-repeat; }
table#folders tbody tr td #folder_Newsletters a { background: url(/mini/f/newspaper.gif) no-repeat; }
table#folders tbody tr td #folder_Friend_Requests a { background: url(/mini/f/folder_user.gif) no-repeat; }
table#folders tbody tr td #folder_Outbox a { background: url(/mini/f/folder_go.gif) no-repeat; }
table#folders tbody tr td #folder_Trash a { background: url(/mini/f/bin_closed.gif) no-repeat; }
.pr_actions div { float: right; overflow: auto; text-align: right; width: 50% }
.pr_actions div table { float: right; }
.pr_actions p { width: 50%; }
td#sendto { position: relative; }
#buddy_ids { border: 1px solid #808080; cursor: text; padding: 2px; width: 99%; _width: 99.5%; /width: 99.5%; }
#buddy_ids span { margin: 2px; background: #ADD8E6; padding: 2px 5px; -moz-border-radius: 2px; }
#buddy_ids input { border: 1px solid #FF0000; border-width: 0; outline: 0; }
input#subject_box { width: 99%; _width: 99.5%; /width: 99.5%; }
p#helper_text { background: #FFFFE0; border: 1px solid #C0C0C0; margin: 0; padding: 3px 5px; position: absolute; }
ul#bsel { background: #FFFFFF; border: 1px solid #C0C0C0; list-style: none; margin: 0; padding: 0; position: absolute; }
ul#bsel li { margin: 0; }
ul#bsel li a { display: block; outline: 0; padding: 5px; }
ul#bsel li a:hover,
ul#bsel li.pr_buddy_selected { background: #E5E5E5; }
.hovered { background: #0000FF }
a.plaxoImport { background-image: url('/mini/f/vcard.gif'); background-repeat: no-repeat; background-position: left center; padding: 2px 0 2px 20px; }
/* VIEW PRIVATE MESSAGE
--------------------------------------------------*/
#pr_viewMessage table tr td { vertical-align: top; }
#pr_viewMessage table tbody tr td.left-td { padding: 0 10px 0 0; }
#pr_viewMessage table tbody tr td.left-td a { display: block; }
#pr_viewMessage table tbody tr td.left-td a img { border: 0; }
#pr_viewMessage table tbody tr td div#msgHeader { border-bottom: 1px solid #C0C0C0; margin-bottom: 5px; padding-bottom: 5px; }
#pr_viewMessage table tbody tr td div#msgHeader span { float: left; width: 85% ;}
#pr_viewMessage table tbody tr td div#msgHeader span.label { clear: bottom; color: gray; display: block; float: left; width: 15%; }
#pr_viewMessage table tbody tr td div#msgBody { border-bottom: #C0C0C0; margin-bottom: 5px; }
#pr_viewMessage a.prevMessage { display: block; float: left; width: 50%; }
#pr_viewMessage a.prevMessage span { color: #000000; }
#pr_viewMessage a.nextMessage { display: block; float: right; text-align: right; width: 50%; }
#pr_viewMessage a.nextMessage span { display: block; } */
/*
#pr_viewMessage span.prevMessage { display: block; float: left; width: 50%; }
#pr_viewMessage span.prevMessage a { display: block; }
#pr_viewMessage span.nextMessage { display: block; float: right; text-align: right; width: 50%; }
#pr_viewMessage span.nextMessage a { display: block; } */
#tat_table { border: 1px solid gray;}
/* MY BLOG POSTS
------------------------------------------------*/
a.newBlogPost { background: url(/mini/f/page_white.gif) no-repeat; padding: 2px 0 2px 18px; }
a.blogFeed { background: url(/mini/f/feed.gif) no-repeat; padding: 2px 0 2px 18px; }
#pr_blogPosts { border-collapse: collapse; width: 100%; }
#pr_blogPosts tr th { background: #F5F5F5; border-bottom: 1px solid #C0C0C0; text-align: left; }
#pr_blogPosts tr td { border-bottom: 1px solid #E5E5E5;}
#pr_blogPosts tr td.tdNumber { text-align: center; }
#pr_newBlogPost tr td.rlabel { padding-top: 4px; vertical-align: top; }
/* ADMIN PREVIEW MODE
------------------------------------------------*/
#adminPreview { background: #FFFFE0; color: #333; padding: 10px; margin: 0; text-align: center; }
/* (ERROR) STATUS MESSAGES
-------------------------------------------------------*/
#pmi_note { background: #f6df74; border: 1px outset #000000; left: 30%; _left: 30%; outline: 1px outset #F5F5F5; padding-bottom: 15px; position: absolute !important; text-align: center; width: 40%; _width: 100%; z-index: 577; }
#pmi_note strong { background: #000080; display: block; height: 20px; }
#pmi_note span { color: #000000; display: block; font-size: 16px; margin: 0 auto; padding: 10px 50px; text-align: center; }
#pmi_note button { background: #c6a300; border: 1px outset gray; padding: 0 10px; }
.note_blue { background: #dee6ff; border: solid #98aae5 1px; color: #000000; font-size: 12px; margin: 2px; padding: 5px; }
.note_green { background: #daffd0; border: solid #93e77d 1px; color: #000000; font-size: 12px; margin: 2px; padding: 5px; }
.note_red { background: #f6c8c8; border: solid #e79090 1px; color: #000000; font-size: 12px; margin: 2px; padding: 5px; }
.note_yellow { background: #fff8bf; border: solid #eadc64 1px; color: #000000; font-size: 12px; margin: 2px; padding: 5px; }
/* PAGE SPLITTER
----------------------------------------------
table.sp_splitter { border: 0px solid #eeeeee; }
table.sp_splitter tr td { border: solid #eee 1px; padding: 0px 4px; font-size: 10px; }
table.sp_splitter tr td.sp_info { color: #000000; padding: 0px 5px; background: #FFFFFF; border: solid #FFFFFF 1px; }
table.sp_splitter tr td.sp_first,
table.sp_splitter tr td.sp_last { background: #d8d8d8; border: solid #d0d0d0 1px; }
table.sp_splitter tr td.sp_previous,
table.sp_splitter tr td.sp_next { background: #e8e8e8; border: solid #e0e0e0 1px; }
table.sp_splitter tr td.sp_selected { background: #ffc8c8; border: solid #000000 1px; color: #000000; }
table.sp_splitter tr td.sp_selected a { color: #000000; font-weight: bold; } */
/* MY CLASSIFIEDS
-------------------------------------------------------*/
a.newClassified { background-image: url('/mini/f/money.gif'); background-position: left center; background-repeat: no-repeat; padding: 2px 0 2px 18px; }
table#myClassifieds { border-collapse: collapse; }
table#myClassifieds thead { background: #F5F5F5; font-weight: bold; }
table#myClassifieds thead tr td { padding: .5em 1em; }
table#myClassifieds tbody tr td { border-bottom: 1px dotted #C0C0C0; padding: 1em; }
table#myClassifieds tbody tr td a.item { font-weight: bold; }
/* MY DIRECTORY LISTINGS
-------------------------------------------------------*/
a.newDirectory { background-image: url('/mini/f/page_white.gif'); background-position: left center; background-repeat: no-repeat; padding: 2px 0 2px 18px; }
/* MY GALLERY
-------------------------------------------------------*/
a.setAsAvatar { background-image: url('/mini/f/image_add.gif'); background-position: left center; background-repeat: no-repeat; padding: 2px 0 2px 18px; }
a.publicLink { background-image: url('/mini/f/world_link.gif'); background-position: left center; background-repeat: no-repeat; padding: 2px 0 2px 18px; }
a.blogit { background-image: url('/mini/f/script_add.gif'); background-position: left center; background-repeat: no-repeat; padding: 2px 0 2px 18px; }
/* MY HOMEPAGES
-------------------------------------------------------*/
a.newPage { background: url('/mini/f/page_white.gif') no-repeat; padding: 2px 0 2px 18px; }
a.newPageLayout { background: url('/mini/f/application_view_tile.gif') no-repeat; padding: 2px 0 2px 18px; }
/* HOMEPAGE MODULES
----------------------------------------------*/
.pr_modheader { border: solid #eee 0px; padding: 0px; margin: 0px; }
.pr_modcolumn { border: solid #eee 0px; padding: 0px; margin-right: 5px; }
.pr_modfooter { border: solid #eee 0px; padding: 0px; margin: 0px; }
.pr_mod_div { margin-bottom: 5px; }
.pr_mod_title { border: solid #FF0000 1px; padding: 20px; background: #eee; }
.pr_mod_area { padding: 10px; color: #333; }
.pr_mod_header { background: #D8DFEA; /* background: #D8DFEA url(http://img72.imageshack.us/img72/6191/flexarrowopenpr9.gif) left top no-repeat; */ color: #385998; padding: 3px 0 3px 22px; margin: 0px; border-top: solid 1px #385998; }
/* MY PROFILE PICTURE
-------------------------------------------------------*/
#pr_avatar_select table tr td { padding: 0 10px 0 0 ; vertical-align: top; }
#pr_avatar_select table tr td dl { margin: 0; padding: 0; }
#pr_avatar_select table tr td dl dt { background: #F5F5F5; border-bottom: 1px solid gray; font-size: 120%; font-weight: bold; margin: 0; padding: 7px 10px; }
#pr_avatar_select table tr td dl dd { background: #F5F5F5; margin: 0 0 10px 0; overflow: auto; padding: 0 10px; _zoom: 1; }
#pr_avatar_select table tr td dl dd img { float: left; margin: 10px 10px 10px 0; }
#pr_avatar_select a.loadDefault { background: url(/mini/f/folder_image.gif) no-repeat; padding: 3px 0 3px 18px; ;}
#pr_avatar_select a.resetAvatar { background: url(/mini/f/delete.gif) no-repeat; padding: 3px 0 3px 18px; }
#pr_avatar_select fieldset { margin: 20px 0; padding: 10px; }
#pr_avatar_select fieldset legend { color: #000080; font-size: 120%; font-weight: bold; }
#pr_avatar_select a img { border: 0; }
/* MY EDUCATION
-------------------------------------------------------*/
form#pr_education_add { background: #F9F9F9; padding: 5px; }
form#pr_education_add table thead tr th { font-size: 120%; font-weight: bold; text-align: left; }
/* MY EVENTS
-------------------------------------------------------*/
table#pr_events { border-collapse: collapse; }
table#pr_events thead tr th { background: #F9F9F9; padding: 4px 8px; text-align: left; }
table#pr_events tbody tr td { padding: 4px 8px; }
table#pr_events tbody tr td { padding: 4px 8px; }
table#pr_events tbody tr td.pr_event_day,
table#pr_events tbody tr td.pr_event_date,
table#pr_events tbody tr td.pr_event_time,
table#pr_events tbody tr td.pr_event_actions { width: 1%; }
/* USERPLANE
-------------------------------------------------------*/
#up_nd {position:absolute; width:250px; z-index:111111; left: 30px; top: -200px; background-color:#eeeeee; border: 1px solid #000000;}
#up_flashcontent {height: 550px; }
/* LIGHTBOX
-------------------------------------------------------*/
#pr_lightbox_menu { padding: 4px 10px; border: #999 solid 1px;text-align: right; background: #eee; }
#pr_lightbox_link { text-decoration: none; }
#lightbox{ display:none; position: absolute; top:50%; left:50%; z-index:9999; width:600px; height:400px;border:10px solid #ccc; margin: -300px 0px 0px -320px; background:#fff; text-align:left; padding: 10px; overflow: auto; }
#lightbox[id]{ position:fixed; }
#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#000;-moz-opacity: 0.65; opacity:.65; filter: alpha(opacity=65); }
#overlay[id]{ position:fixed; }
#lightbox.done #lbLoadMessage{ display:none; }
/* NEW ALBUMS
-------------------------------------------------------*/
#pr_image_listing { list-style: none; padding: 0; margin: 0; }
#pr_image_listing li { display: inline; padding: 5px; }
#pr_image_listing img { }
.ngalpic { background: #FFFFFF; width: 110px; height: 82px; margin: 7px; border: 1px solid #C0C0C0; padding: 6px; -moz-opacity: 1; }
.sgalpic { background: #FFFFFF; border: 2px solid #FF0000; height: 82px; margin: 7px; padding: 5px;-moz-opacity; 1; width: 110px; }
.igalpic { background: #FFFFFF; border: 1px dashed #FFA500; height: 82px; margin: 7px; padding: 6px; -moz-opacity: 1; width: 110px; }
.isgalpic { background: #FFFFFF; border: 2px solid #FF0000; height: 82px; margin: 7px; padding: 5px; -moz-opacity: 1; width: 110px; }
.pr_mini { font-weight: bold; color: #000000; padding-top: 20px; border-bottom: solid #ddd 1px; }
.pr_update_time { color: #bbb; padding-left: 10px; }
.pr_update_quote { font-size: 10px; color: #bbb; }
.mdiv { margin-bottom: 5px; }
a.uploadAlbum { background: url(/mini/f/picture_add.gif) no-repeat; padding: 2px 0 2px 18px; }
a.addItems { background: url(/mini/f/folder_image.gif) no-repeat; padding: 2px 0 2px 18px; }
a.sortAlbum { background: url(/mini/f/arrow_switch.gif) no-repeat; padding: 2px 0 2px 18px; }
/* NEW TABLE
-------------------------------------------------------
table.prt_table { width: 100%; padding: 20px; border-collapse: collapse; }
.prt_search { float: right; }
.prt_start { padding-bottom: 5px; }
.prt_head { background: #ddd; }
.prt_headrow { background: #eee; border: solid #ddd 1px; }
.prt_headcol { padding: 2px; }
tr.prt_datarow td { margin: 0px; padding: 3px; border-bottom: solid #eee 1px; }
.prt_stop { padding-top: 5px; }
.prt_buttons { float: left; }
.prt_splitter { float: right; }
.prt_datarow_even { background: #f8f8f8; }
/* NEW FORMS
-------------------------------------------------------
.prf_label { font-weight: bold; color: #999; text-align: right; }
.prf_form table { width: 70%; }
.prf_form table td { padding: 4px; }
.prf_input input { width: 90%; }
.prf_input textarea { width: 90%; }
.prf_input textarea { width: 90%; } */
.highslide-container div {
font-family: Verdana, Helvetica;
font-size: 10pt;
}
.highslide {
outline: none;
text-decoration: none;
}
.highslide img {
border: 2px solid silver;
}
.highslide:hover img {
border-color: gray;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
background: gray;
}
.highslide-wrapper, .highslide-outline {
background: white;
}
.glossy-dark {
background: #111;
}
.highslide-image-blur {
}
.highslide-number {
font-weight: bold;
color: gray;
}
.highslide-caption {
display: none;
border-top: none;
font-size: 1em;
padding: 5px;
background: white;
}
.highslide-heading {
display: none;
font-weight: bold;
margin: 0.4em;
}
.highslide-dimming {
position: absolute;
background: black;
}
a.highslide-full-expand {
background: url(graphics/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}
.highslide-move, .highslide-move * {
cursor: move;
}
.highslide-overlay {
display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(graphics/close.png);
/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}
/*****************************************************************************/
/* Controls for the galleries. */
/* Remove these if you are not using a gallery */
/*****************************************************************************/
.highslide-controls {
width: 195px;
height: 40px;
background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
float: left;
padding: 5px 0;
}
.highslide-controls a {
background-image: url(graphics/controlbar-white.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a span {
/* hide the text for these graphic buttons */
display: none;
}
/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/*****************************************************************************/
/* Styles for the HTML popups */
/* Remove these if you are not using Highslide HTML */
/*****************************************************************************/
.highslide-maincontent {
display: none;
}
.highslide-html {
background-color: white;
}
.highslide-html-content {
display: none;
width: 400px;
padding: 0 5px 5px 5px;
}
.highslide-header {
padding-bottom: 5px;
}
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
display: none;
}
.highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
.highslide-header a:hover {
color: black;
}
.highslide-header .highslide-move a {
cursor: move;
}
.highslide-footer {
height: 11px;
}
.highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
cursor: nw-resize;
}
/*****************************************************************************/
/* Styles for the Individual wrapper class names. */
/* See www.highslide.com/ref/hs.wrapperClassName */
/* You can safely remove the class name themes you don't use */
/*****************************************************************************/
/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
height: 16px;
}
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
left: 0;
right: 16px;
top: 0;
width: auto;
z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
display: none;
}
.draggable-header .highslide-header .highslide-close {
position: relative;
float: right;
z-index: 2;
padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
display: none;
}
/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
display: none;
}
/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
border-width: 10px;
}
.wide-border .highslide-caption {
padding: 0 10px 10px 10px;
}
/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
border: none;
}
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: silver;
}
/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
background: #444;
}
.outer-glow .highslide-image {
border: 5px solid #444444;
}
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray;
}
/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
border: 2px solid green;
}
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none;
}
/* hs.wrapperClassName = 'dark' */
.dark {
background: #111;
}
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}
.dark .highslide-caption {
color: white;
background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
background-image: url(graphics/controlbar-black-border.gif);
}
/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold;
}
/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none;
}
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none;
}
.controls-in-heading .highslide-controls li {
padding: 0;
}
.controls-in-heading .highslide-controls a {
background-image: url(graphics/controlbar-white-small.gif);
height: 20px;
width: 20px;
}
.controls-in-heading .highslide-controls .highslide-move {
display: none;
}
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px;
}
@charset "UTF-8";
@import url("0-normalize.css");
@import url("1-globals.css");
@import url("2-shell.css");
@import url("3-displays.css");
@import url("4-items-templates.css");
@import url("5-scope-mods.css");
@import url("6-forums.css");
@import url("7-ugc.css");
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,input,form,textarea,p { margin: 0; padding: 0; } /* Resets the default browser margins and paddings. Removed {blockquote,th,td} */
ul, ol { list-style:none; }
img { border: none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4, h5, h6 { font-size:100% }
/* Taken out for .ugc-body
table { border-collapse:collapse; border-spacing:0; }
*/
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
caption,th { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
#scroll { position:absolute; top:0; bottom:-1.01px; width:1em; z-index:-1;} /* adds scrollbar when not needed so page does not jump - div should be placed at the bottom */
/*######################################################################
///////////// GENERAL ///////////////////////////////////////////////////
///////// header underline color is here/////////////
#####################################################################*/
html, body { background: #AF9D77 url(images/ruumeBG06a.jpg) repeat; height: 100%;}
body, td, div, table { font-family: Arial, sans-serif; font-size: small; }
text-shadow: #fff 0 0 0px; /* win safari font bolding bug */ }
* html body { f\ont-size:small; /* for other IE versions */ }
html>body { /* be nice to Opera */ font-size:small; }
p {padding:10px 0;}
h1 {font-size: 180%; color: #00b3ce; border-bottom: 4px solid #99824E; padding: 0 0 5px 10px; }
h2 {font-size: 125%; color: #00b3ce; font-weight: normal;}
.sub-header h2 { padding: 15px 0 15px 10px; }
h3 {font-size: 110%;}
h4 {font-size:;}
h7 {font-size: 180%; color: #00b3ce; padding: 0 0 5px 0; }
a { color: #333; }
a:visited { color: #333; }
hr { border:none;border-top: solid 1px #daddcc; }
.small-text span { font-size: 85%;}
span.small-text a { padding:0 !important;}
span.smaller { font-size: 65% !important; padding-left: 5px; font-weight: bold !important; }
#manage-buddies .sub-title span.smaller { font-size: 70% !important; padding-left: 5px; font-weight: normal !important; color: #6b6b58; }
.play-video { width: 30px; height: 30px; margin: 0 0 0 0; background: url(images/play-video.png) 0 0 repeat; position:relative; z-index: 999; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; clear:both; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clear { clear: both; }
#sub-footer { width: 135px; margin: 0 auto; background: #f9f9f9; text-align:center; }
#sub-footer #pr_logo { height: 20px; /*float:left; */ margin: 0 auto; }
#sub-footer #pr_logo span { display: none; }
#sub-footer #pr_logo a { display: block; width: 300px; height: 25px; font-size: 200%; background: #fff url(images/empowered-by-pringo.jpg) no-repeat; font-weight: bolder; }
.searchShell { padding:10px; padding-bottom:20px; }
/*######################################################################
///////////// HOME PAGE VIDEO /////////////////////////////////////////
///////////////////////////////////////////////////////////////////////
#####################################################################*/
.screen-video {width:350px;height:280px; /*background: #F4F8FC;*/ border-top: 4px solid #6b6b58; margin: 8px 0; padding-bottom: 5px; text-align: left;}
.screen-video h2 {font-size: 125%; color: #00b3ce; font-weight: normal; padding: 20px 0 5px 10px; }
.screen-video span { float:left;}
.screen-video span.left { float:left; padding: 0 20px 0 10px; }
.screen-video span a { padding-right: 10px;}
.screen-video embed { margin-top: 10px; }
.screen-video object { padding-top: 5px; margin-top:5px; margin-left: 5px; }
/*######################################################################
///////////// WHAT-IS SECTION /////////////////////////////////////////
///////////////////////////////////////////////////////////////////////
#####################################################################*/
.what-is {width:300px;height:200px; /*background: #F4F8FC;*/ border-top: 4px solid #6b6b58; margin: 8px 0; padding-bottom: 5px; text-align: left;}
.what-is h2 {font-size: 125%; color: #00b3ce; text-align: justify; font-weight: normal; padding: 20px 10px 5px 10px; }
.what-is span { float:left;}
.what-is span.left { float:left; padding: 0 20px 0 10px; }
.what-is span a { padding-right: 10px;}
/*######################################################################
///////////// RUUMEINALITY SECTION /////////////////////////////////////////
///////////////////////////////////////////////////////////////////////
#####################################################################*/
.ruumeinality {width:300px;height:170px; /*background: #F4F8FC;*/ border-top: 4px solid #6b6b58; margin: 15px 0; padding-bottom: 25px; text-align: left;}
.ruumeinality { float:left;}
.ruumeinality span.left { float:left; padding: 5px 5px 5 5px; }
.ruumeinality span a { padding-right: 10px;}
/*######################################################################
///////////// DEFINITIONS ///////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.alt { background: #EBEBEB; } /* ALT COLOR FOR ZEBRA STRIPES */
.even { background: #f8f8f8; border: 1px solid #e7e7e7 !important; }
.odd { background: #fff; border: none !important;}
.left { float: left; }
.right { float: right; }
.online {background:url(/mini/f/user.gif) no-repeat; padding-left:20px; color:#79A300; }
.subdue, a.subdue {color: #bbb; font-style: italic;}
.bold-red {color:#FF0000 !important; font-weight: bold !important;}
.big-bold-faint {font-size:200%; font-weight:bold; color:#eee;}
.line-separator { border-bottom: 1px solid #754200; margin: 8px 0; /margin: 0px 0 8px 0;}
.item-separator { clear: both; margin: 5px 0 !important; border-bottom: 1px dashed #CCC; height: 10px; }
.padding-medium { padding: 10px 0 5px 0; overflow: ; }
.padding-medium1 { padding: 30px 15px 0 0; overflow: hidden; }
.padding-medium2 { padding: 30px 0 5px 0; overflow: hidden; }
.margin-bottom { margin-bottom: 27px; }
.empty { background: #f8f8f8; color: #333333; margin: 20px; padding: 40px 0; text-align: center; }
#note_outer { background: #fff; }
/*######################################################################
///////////// ERROR WARNINGS /////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.status-error.red, .status-error.green, .status-error.blue, .status-error.yellow { width: 100%; background: #fff; color: #fdc516; padding-bottom: 10px; text-align: center; }
.status-error.red .thumb {background: url(images/error_icon.png) no-repeat; width:51px;height:43px; float:left;}
/*######################################################################
///////////// BUTTONS /////////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.button { /width:auto; /overflow:visible; background: url(images/button1-left2.gif) left no-repeat; padding: 6px 0 4px 15px; /padding: 3px 0 3px 15px; /*/padding: 5px 0 5px 15px;*/ color: #000 !important; border: 1px solid #dfdfdf; cursor:pointer; }
.button a:visited { color: #000; }
.button span {font-size: 120%; /margin-top:1px; background: url(images/button1-right2.gif) right no-repeat; padding: 6px 15px 6px 0; /padding: 0 15px 0 0; }
.button1 { white-space:nowrap; display: block; font-size: 100% !important; /width:auto; /overflow:visible; background: url(images/button1-left2.gif) left no-repeat; padding: 3px 0 2px 15px; padding-left: 5px; /padding: 0; color: #000 !important; border: 1px solid #dfdfdf; cursor:pointer; }
.button1 a:visited { color: #000; }
.button1 span { display: block; margin-right:-5px; /margin-top:1px; background: url(images/button1-right2.gif) right no-repeat; padding:0; padding-right:10px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.button1 { padding-left: 7px; }
}
.button1 span.postblog-text { display: block; height: 18px; /margin-top:1px; background: url(images/postblog-text.png) 40% 50% no-repeat; }
.button1 span.creategroup { display: block; height: 18px; /margin-top:1px; background: url(images/creategroup-text.png) 30% 50% no-repeat; }
.button1 span.leave-group { display: block; width: 78px; height: 18px; /margin-top:1px; background: url(images/leave-group.png) 50% 50% no-repeat; }
.button1 span.manage-group { display: block; width: 78px; height: 18px; /margin-top:1px; background: url(images/manage-group.png) 50% 50% no-repeat; }
.button1 span.join-group { display: block; width: 78px; height: 18px; /margin-top:1px; background: url(images/join-group.png) 50% 50% no-repeat; }
.button1 span.upload-image { display: block; height: 18px; width: 90px; /margin-top:1px; background: url(images/upload-image.png) 50% 50% no-repeat; }
.button1 span.upload-video { display: block; height: 18px; width: 100px; /margin-top:1px; background: url(images/upload-video.png) 33% 50% no-repeat; }
.button1 span.upload-audio { display: block; height: 18px; width: 90px; /margin-top:1px; background: url(images/upload-audio.png) 40% 50% no-repeat; }
.button.send { display: block; height: 21px; width: 52px; /margin-top:1px; background: url(images/send.png) 50% 50% no-repeat; }
#groups-full-view .button1 { display: block; width: 88px !important;}
#groups-full-view #guestbook #comments-show .commenting .button1 { width: 110px !important; }
#groups-full-view #guestbook #comments-show .commenting button.button1 span { width: 90px; }
.button2 { font-size:100%;/width:auto; /overflow:visible; background: url(images/button2-left.jpg) left no-repeat; padding: 0 0 0 10px; /padding: 0 0 0 15px; color: #FFF !important; border: 0; }
.button2 a:visited { color: #fff; }
.button2 span { /margin-top:1px; background: url(images/button2-right.jpg) right no-repeat; padding: 0 15px 0 0; /padding: 0 15px 0 0; }
.pr_button { background: url(images/pr_button.gif) left repeat-x; color: #FFF !important; font-size: 80%; font-weight: bold; border-right: 1px solid #717171; border-top: 1px solid #AFAFAF; cursor:pointer;}
.pr_button:hover {text-decoration:none;}
#manage-audio a.pr_button {width: 90px; margin-bottom: -5px; margin-left: 5px; background:none; color: #000 !important; font-weight:normal; border:none; }
#manage-audio a.pr_button:hover { text-decoration:underline; }
#manage-video .sub-header a span {display:block; margin-bottom: 5px; margin-left: 5px;}
#manage-video .sub-header a span:hover { text-decoration:underline; }
.track-listing {margin:30px !important; text-align: left;}
.track-listing td {padding:5px; background: #f4f4f4; border:1px solid #fff;}
/*######################################################################
///////////// MEDIA ICONS FOR THUMBNAILS //////////////////////////////////////////////////////////////////////
#####################################################################*/
.type-icon {position:absolute;width:16px; height:16px;right:3px;bottom:3px; display:block;}
.icon-pic {background: url(/mini/f/photo.gif);}
.icon-video {background: url(/mini/f/television.gif);}
.icon-audio {background: url(/mini/f/music.gif);}
/*######################################################################
///////////// SPLITTER /////////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
table.sp_splitter { color: #5a5a5a; float: right; margin: 10px 0; clear:both; }
table.sp_splitter td {font-size: 90%;}
table.sp_splitter td a { display: block; padding: 0px 4px; border: 1px solid #898CAB; color: #5a5a5a; margin: 0 0 0 4px; }
table.sp_splitter td a:hover { text-decoration: none; background: #00b3ce; color: #fff; }
table.sp_splitter td.sp_selected a { background: #00b3ce; color: #fff; }
table.sp_splitter td.sp_info, table.sp_splitter td.sp_next a { border: 1px solid #898CAB; }
table.sp_splitter td.sp_info { padding: 0px 4px; margin: 0 0 0 5px; }
/*######################################################################
///////////// ADS /////////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.header-ad {float:right; margin: 8px 10px 0 0; width: 728px; height: 90px; background: url(images/footer-ad.jpg) no-repeat;}
.footer-ad { display:block; margin: 0 auto; padding-bottom: 35px; width: 728px; height: 90px; background: url(images/footer-ad.jpg) no-repeat;}
.column-medium #160ad { width: 160px !important; height: 600px; !important; background: #5f5f5f url(images/600ad.jpg) 0 0 no-repeat !important; }
#long600ad { float:left; display: inline-block; width: 160px; height: 600px; background: #5f5f5f url(images/long600ad.jpg) 0 0 no-repeat; }
/*
#page { width: 920px; /* [sticky footer start] min-height: 100%;height: auto !important; height:100%; margin: 0px auto -80px auto; overflow: hidden; /* the bottom margin is the negative value of the footer's height }
#wrapper { width: 1131px; height: 100%; background: url(images/swirls.png) 0 -25px no-repeat ; margin: 0 auto; margin-top: 0px; padding-top: 25px; }
*/
#page { width: 920px; margin: 0 auto; margin-top: 0; padding: 0; background: none; overflow: hidden; }
#wrapper { width: 920px; height: 887px; background: url(images/swirls.png) 0 -25px no-repeat; margin: 0 auto; margin-top: 0px; padding: 0; }
/*######################################################################
///////////// EYEBROW ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
div#eyebrow-nav { height: 30px; width: 920px; font-size: 85%; }
div#eyebrow-nav ul { width: 920px; margin: 0 auto; text-align: right; padding: 7px 0 0 0; }
div#eyebrow-nav ul li { display: inline; margin-left: 5px; padding-right: 6px; color: #fff; }
div#eyebrow-nav ul li a { color: #fff; }
div#eyebrow-nav ul li a:hover { color: #fff; }
/*######################################################################
///////////// HEADER ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
/*
#header { width: 954px; margin: 0 auto; background:; }
#header #logo { height: 126px; float:left; }
#header #logo span { display: none; }
#header #logo a { display: block; width: 300px; height: 90px; font-size: 200%; font-weight: bolder; }
*/
#header { width: 920px; margin: 0px auto; background: url(images/banner10.jpg) 0 0 no-repeat; /margin-top:0px; }
#header #logo { height: 120px; float:left; padding: 0 0 0 17px; }
#header #logo span { display: none; }
#header #logo a { display: block; width:355px; height: 110px; background: url(images/build-logo.jpg) no-repeat; text-transform: capitalize; }
/*######################################################################
///////////// NAVIGATION MENUS ///////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
ul#main-nav { padding: 7px 20px 7px 20px; background: url(images/navBG.jpg); height: 17px; clear: both; border-top: none; margin: 0 !important; }
ul#main-nav li { display: inline; color: #FFF; font-size: 100%; margin: 0 !important; }
ul#main-nav li.last { border-right: 0; }
ul#main-nav li a { color: #dacdb8; font-weight: normal; text-transform: uppercase; padding: 5px 10px; }
ul#main-nav li a.active { background: none; }
ul#main-nav li a:hover { color: #000000; text-decoration: none; background: #00b3ce; }
/* ++++++++ END MAIN NAV ++++++++ */
/* ++++++++ DROP DOWN INFO FOR MAIN NAV ++++++++ */
/* ++++++++ END DROP DOWN INFO FOR MAIN NAV ++++++++ */
/* ++++++++ SUB NAV account user ++++++++ */
#sub-nav { padding: 0; height: 35px; margin: 0 auto; background: #fff; text-align: left; }
#sub-nav ul#sub-nav, #sub-nav { padding: 0; margin: 0 auto; /* background: #fcfdec; */ text-align: left; }
#sub-nav ul#sub-nav { width: 920px; height: 23px; padding: 0px; display: block; margin: 0 auto; border-bottom:none; }
#sub-nav ul#sub-nav li { display: inline; font-size: 90%; border-right: 1px solid #999; color: #000; padding: 0 6px 0 4px; /padding: 0 4px 0 6px; }
#sub-nav ul#sub-nav li a { color: #000;}
#sub-nav ul#sub-nav li.last { border-right: 0; }
#sub-nav .pr_tabs { width: 920px; margin: 0 40px; padding: 5px 0 5px 0; border-bottom: none; color: #545454; font-size: 90%; }
#sub-nav .pr_tabs input { margin: 0 5px; padding-bottom: 2px; border: 1px solid #999;}
#sub-nav .pr_tabs .checkbox { vertical-align: middle; height: 20px; border:none; }
#sub-nav .pr_tabs .login_pr { width: 52px; height: 20px; background: url(images/login.jpg) 0 0 no-repeat; border:none; }
#sub-nav .pr_tabs .login_pr value { display: none;}
/* Drop Down Menu
Style for main menu*/
.chromestyle{ width: 100%;font-size: 90%;background:#f4f4f4; padding:5px 0;}
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.chromestyle ul{width: 100%;background:; /*THEME CHANGE HERE*/
padding: 4px 0;margin: 0 0 0 40px;text-align: left; /*set value to "left", "center", or "right"*/}
.chromestyle ul li{display: inline;padding: 4px 7px;}
.chromestyle ul li a{color: #494949;margin: 0;text-decoration: none;}
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background:; /*THEME CHANGE HERE*/}
/* Style for Drop Down Menu */
.dropmenudiv{position:absolute;top: 0; /*THEME CHANGE HERE*/
border-right:1px solid #ccc; border-bottom:1px solid #ccc;line-height:18px;z-index:100;background-color: #f4f4f4;width: 200px;visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/}
.dropmenudiv .add {background: url(images/add.gif) no-repeat 28px 5px; padding-left:40px;}
.dropmenudiv a{width: auto;display: block;text-indent: 3px;border-bottom: 1px solid #eee; /*THEME CHANGE HERE*/
padding: 2px 0 2px 15px; text-decoration: none; font-size:85%; color: black;}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/background-color: #00b3ce;}
.dropmenudiv .add:hover {background: #00b3ce url(images/add.gif) no-repeat 28px -16px;}
/* ++++++++ END SUB NAV account user ++++++++ */
/*######################################################################
///////////// FOOTER ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.push {height:80px;} /* .push must be the same height as .footer [sticky footer]*/
/*
#footer { text-align: center; height: 40px; padding:20px 0; }
#footer ul#footer-nav li { display: inline; font-size: 85%; border-right: 1px solid #fff; padding: 0 5px 0 5px; /padding: 0 4px 0 8px; }
#footer ul#footer-nav li.last { border-right: 0; }
*/
#footer { width: 920px; margin: 0 auto; background: #fff; padding: 40px 0 5px 0; text-align: center; }
#footer ul#footer-nav { display: block; margin: 0 auto; background: #fff; padding-bottom: 15px; }
#footer ul#footer-nav li { display: inline; font-size: 85%; border-right: 1px solid #696969; padding: 0 5px 0 5px; /padding: 0 4px 0 8px; }
#footer ul#footer-nav li a { color: #343434; text-transform: capitalize; }
#footer ul#footer-nav li.last { border-right: 0px; }
#footer ul#footer-nav.split li { color: #969696; border-right: none; }
#footer ul#footer-nav.split { float:left; width:60%; padding-left: 25px; }
#footer ul#footer-nav.split2 { float:left; width:35%; text-align: right; }
#footer ul#sub-footer { display: block; margin: 0 auto; background: #fff; }
#footer ul#sub-footer li { display: inline; padding: 15px; /padding: 0 4px 0 8px; }
#footer ul#sub-footer li span.empowered-by { display:block; width: 130px; height: 25px; background: url(images/empowered-by-pringo.jpg) 0 0 no-repeat; margin:0 auto; }
#footer ul#sub-footer li span.empowered-by { display:block; width: 130px; height: 25px; background: url(images/empowered-by-pringo.jpg) 0 0 no-repeat; margin:0 auto; }
/*######################################################################
///////////// Rounded Corners - No Images ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
/*.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}*/
/* WHITE TOP */
.b7h, .b7bh {height:1px; background: #fff /*url(../images/h2-bg.jpg) repeat-x*/; /*border-right:2px solid #aaa; border-left:2px solid #aaa;*/ margin:0 8px; display: block;} /* HEADER */
.b7h { margin-top: ;}
.b6h, .b6bh {height:1px; background: #fff /*url(../images/h2-bg.jpg) repeat-x*/; /*border-right:2px solid #aaa; border-left:2px solid #aaa;*/ margin:0 5px; display: block;} /* HEADER */
.b5h, .b5bh {height:1px; background: #fff /*url(../images/h2-bg.jpg) repeat-x*/; /*border-right:2px solid #aaa; border-left:2px solid #aaa;*/ margin:0 4px; display: block;} /* HEADER */
.b2h, .b2bh {height:1px; background: #fff /*url(../images/h2-bg.jpg) repeat-x*/; /*border-right:2px solid #aaa; border-left:2px solid #aaa;*/ margin:0 3px; display: block;} /* HEADER */
.b3h, .b3bh {height:1px; background: #fff /*url(../images/h2-bg.jpg) repeat-x*/; /*border-right:1px solid #aaa; border-left:1px solid #aaa;*/ margin:0 2px; display: block;} /* HEADER */
.b4h, .b4bh {height:2px; background: #fff /*url(../images/h2-bg.jpg) repeat-x*/; /*border-right:1px solid #aaa; border-left:1px solid #aaa;*/ margin:0 1px; display: block;} /* HEADER */
/*######################################################################
///////////// COLUMNS /////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.margin-medium { padding: 0 0 0 10px; }
.column-full { width: 900px !important; float: left; padding: 0 10px 0 10px; overflow: hidden; } /* + skyscraper ad - padding is for the account pages*/
.column-large { width: 720px; float: left; margin-right: 10px; overflow: hidden; border-top: 4px solid #99824E; } /* + skyscraper ad */
.column-large1 { width: 750px; margin-left: 25px; margin-right: 10px; overflow: hidden; border-top: 4px solid #99824E; } /* + skyscraper ad */
.column-large h1 { border-bottom:none; padding:0;}
#forum-listing .column-large, #thread-listing .column-large { width: 700px; float: left; margin-right: 10px; overflow: hidden; border:0px !important; } /* + skyscraper ad */
#forum-listing .column-large h1, #thread-listing .column-large h1 { border-bottom: 4px solid #99824E; padding:0;}
#account-control .column-160 { background: url(images/bg-right.gif) top right repeat-y; margin-left: 10px; width: 150px; border-top: 4px solid #6b6b58; }
#account-control .column-300 { /* background: url(images/bg-left.gif) top left repeat-y; */ background: #FFF !important; }
#account-control #bulletins, #events, #account-control #groups, #account-control #images, #account-control #videos, #account-control #audio { margin: 0; background: url(images/bg-left.gif) top left repeat-y; }
#account-control #ad300 { margin-bottom: 10px;}
#account-control #profile dl.top-display dd { padding:0px !important; }
#account-control .column-small { width: 420px; float: left; margin-right:0; overflow: hidden; }
#account-control #friends .module-header { padding-bottom: 10px; }
#account-control #ad300 { padding-bottom: 4px; }
#account-control #bulletins { padding-left: 10px; }
#account-control #bulletins h2 { padding-left: 0; }
#account-control #events { padding-left: 10px; margin-right: 10px;}
#account-control #events h2 { padding-left: 0; }
#homepage-full-view .column-small { width: 420px; float: left; margin-right:0px; overflow: hidden; border:none; }
#homepage-full-view #comments-show { width: 420px !important; }
#homepage-full-view .column-160 { background: url(images/bg-right.gif) top right repeat-y; }
#homepage-full-view .column-medium .column-160 { background: url(images/bg-right.gif) top right repeat-y; border-top: 4px solid #6b6b58; }
#homepage-full-view .column-300 .module { background: url(images/bg-left.gif) top left repeat-y; }
#homepage-full-view .column-small { border-top: 0 !important; padding-top: 0px; }
#homepage-full-view .column-medium { width: 590px; float: left; margin-right:0px; overflow: hidden; }
#homepage-full-view #ad300 { padding-bottom: 12px; }
#homepage-full-view #pages ul li { line-height: 1.2em; padding-left: 10px; padding-bottom: 15px; }
#homepage-full-view #profile { padding-bottom: 12px; }
#homepage-full-view #friends.module { border-top: none;}
#homepage-full-view #profile ul { /margin-top: -17px; }
#homepage-full-view .column-small #friends.module h2 { background: none; /* border-top: 4px solid #6b6b58; */ }
#homepage-full-view h2 span { color: #6b6b58; font-size: 90%; font-weight: normal; }
#homepage-full-view h2 span a { color: #00b3ce; font-size: 80%; font-weight: bold; }
#homepage-full-view #hp-area { border-top: 4px solid #6b6b58; padding-top: 0px; margin-top: 0px; }
#homepage-full-view #blogs { border-top: 4px solid #6b6b58; padding-top: 0px; margin-top: 0px; }
/*#groups-full-view .column-medium { width: 580px; float: left; margin-right:10px; overflow: hidden; }*/
#groups-full-view #profile { padding-top:0; }
#groups-full-view .sub-title h1 { margin-bottom: 0;}
#groups-full-view .sub-title h1 span a { color: #6b6b58; font-size: 70%; font-weight: normal; }
#groups-full-view .column-small { width: 420px; float: left; margin-right:0px; overflow: hidden; border:none; }
#groups-full-view #comments-show { width: 590px !important; }
#groups-full-view .column-160 { background: url(images/bg-right.gif) top right repeat-y; }
#groups-full-view .column-medium .column-160 { background: url(images/bg-right.gif) top right repeat-y; border-top: 4px solid #6b6b58; }
#groups-full-view .column-300 .module { background: url(images/bg-left.gif) top left repeat-y; }
#groups-full-view .column-small { border-top: 4px solid #6b6b58; }
#groups-full-view .column-medium { width: 590px; float: left; margin-right:0px; overflow: hidden; }
#groups-full-view ul.control-panel2 li a { padding-right:0; padding-left: 13px;}
#groups-full-view dl.side-display { border-bottom: none; padding-bottom:0; margin-bottom:0; }
#groups-full-view dl.side-display.info { padding-bottom:0; margin-bottom:0;}
#groups-full-view .ugc-body.scroll { height: 120px; overflow: auto; margin-top: 5px; padding:5px; }
#groups-listing .description.scroll { height: 90px; overflow-y: scroll; margin-top: 0px; padding:5px; clear: none; width: 375px; }
#groups-full-view #updates.module { background: none; border-top: 4px solid #6b6b58; }
#groups-full-view #albums .empty { background: #f8f8f8; color: #333333; width: 375px; text-align: center; }
#groups-full-view #albums { border-top: 4px solid #99824E; }
#groups-full-view #albums { border-top: 4px solid #6b6b58; }
#groups-full-view .column-160 a { color: #00b3ce; }
#groups-full-view .column-160 h5, #groups-full-view .column-160 dd, #groups-full-view .column-160 h5, #groups-full-view .column-160 h3 a { padding: 0 10px; font-size: 90%; color: #333; }
#groups-full-view .column-160 dl { border-bottom: 1px solid #e7e7e7; padding: 20px 0; }
#groups-full-view .column-160 h3 { padding-bottom: 0px; }
#groups-full-view .column-160 h2 { padding-bottom: 10px; }
#groups-full-view .column-160 dt, #groups-full-view .column-160 dd { padding-bottom: 0px; }
#groups-full-view .control-panel ul li { background: none; padding: 0 10px 0 0; }
#groups-full-view .column-300 dl.threads { border-bottom: 1px solid #e7e7e7; padding: 0 0 20px 10px; }
#groups-full-view .column-300 dl.threads dd { font-size: 85%; padding: 2px 0; }
#groups-full-view .column-300 dl.threads dd h3 a { font-weight: bold; }
#groups-full-view #friends { width: 590px; }
#groups-full-view h2 span { color: #00b3ce; font-size: 90%; font-weight: normal; }
#groups-full-view h2 span a { color: #00b3ce; font-size: 80%; font-weight: bold; }
#groups-full-view #friends dl.top-display { width: 70px; margin: 0 3px 20px 6px; }
#groups-full-view #friends .control-panel { width: 590px;}
#groups-full-view #friends .control-panel li { background: none;}
#groups-full-view #friends.module { background: none; border-top: 4px solid #6b6b58; }
#groups-full-view .column-160 { background: url(images/bg-right.jpg) 0 0 no-repeat; }
#groups-full-view .column-300 .module { border-top: 4px solid #6b6b58; margin-bottom:0; margin-top:0; }
#groups-full-view .column-300 .control-panel li { background: none;}
#groups-full-view .column-300 dl.top-display { width: 120px; margin:0 0 0 20px; }
#groups-full-view #ad300 { padding-bottom: 12px; }
/*#groups-full-view #guestbook #comments-show .commenting button.button1 span { font-size: 85%; }*/
#groups-full-view #events { width: 590px; }
#groups-full-view #events dl.top-display { width: 70px; margin: 0 3px 20px 6px; }
#groups-full-view #events .control-panel { width: 590px;}
#groups-full-view #events .control-panel li { background: none;}
#groups-full-view #events.module { background: none; border-top: 4px solid #6b6b58; }
#groups-full-view #ad300 { padding-bottom: 12px; }
#groups-full-view .column-small #updates .control-panel2 ul { width: 390px; text-align: right;}
#groups-full-view .column-small #friends .control-panel ul { width: 400px; text-align: right; padding: 0 !important; }
#groups-full-view .column-small #friends .control-panel ul li { padding:0 !important; }
#manage-buddies .column-medium { width: 580px;}
#manage-video .column-medium { width: 580px;}
#manage-video-view .column-medium { width: 580px;}
#media-listing .column-medium { width: 580px;}
#media-full-view .top-display { background: url(images/bg-right.gif) top right repeat-y; border-top: 4px solid #6b6b58; }
#media-full-view .list-menu { background: url(images/bg-right.gif) top right repeat-y; border-top:none; padding: 0 0 0 10px; }
#media-full-view .column-160 { padding-top: 0 !important; }
#media-full-view dl.top-display { margin: 0 !important; }
/*.column-medium { width: 624px; float: left; margin-right:10px; overflow: hidden; }*/ /* + column300 */
.column-medium { width: 590px; float: left; margin-right:10px; overflow: hidden; }
.column-center {width:549px; float:left; overflow: hidden;} /* center column for double skyscraper */
.column-small { width: 420px; margin-right:0; float: left; overflow: hidden; } /* + column300 + skyscraper */
.column-small2 { width: 586px; margin-right:0; float: left; overflow: hidden; } /* + column300 + skyscraper */
.column-middle { width: 361px; float: left; overflow: hidden; margin-right:0px; padding:0 !important; /* background: #5f5f5f; */} /* center content - for different size skyscrapers */
.column-small { border-top: 4px solid #6b6b58; }
/* IF UID IS ME */
.column-small2 { border-top: none; }
.column-small.no-border { border:none; }
/*######################################################################
///////////// SIDE COLUMNS ///////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.column-300 { width: 310px; float: left; overflow: hidden; } /* 300x250 ad */
.column-160 { width: 160px; float: left; overflow: hidden; margin-right: 10px; } /* skyscraper */
.column-219 { width: 219px; float: left; overflow: hidden; margin-right:10px; /* background: #5f5f5f; */ } /* skyscraper */
#ad300 { width: 300px; height: 250px; display: block; padding-bottom: 0; background: #333 url(images/300x250ad.jpg) 0 0 no-repeat ; }
/*######################################################################
///////////// PAGE BACKGROUNDS ////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
/*
.column-bg1 { background: #fff url(images/column-bg1.gif); width:972px; /* hack for misalignment }
.column-bg2 { background: url(images/column-bg2.gif); width:972px; /* hack for misalignment }
.column-bg3 { background: url(images/column-bg3.gif); width:972px; /* hack for misalignment }
.column-bg4 { background: #fff; /* this is coupled with .column-full carefull when setting width }
*/
.column-bg1 { background: #fff; padding: 0 0 35px 0px; }
.column-bg2 { background: #fff url(images/column-bg-2x.gif); padding-bottom:35px; }
.column-bg3 { background: #fff url(images/column-bg-3x.gif); padding-bottom:35px; }
.column-bg4 { background: #fff; padding-bottom:35px; }
.column-bg5 { background: #fff;}
/*######################################################################
///////////// PAGE EXTRAS /////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################
These next 8 divs are for an extra graphic if you need for top and bottom of the page. You can comment them out if you don't need them. */
/*
.column-top1 { display: none; }
.column-top2 { display: none; }
.column-top3 { display: none; }
.column-top4 { display: none; }
.column-bottom1 { display: none; }
.column-bottom2 { display: none; }
.column-bottom3 { display: none; }
.column-bottom4 { display: none; }
*/
.column-bottom1 { width: 920px; margin: 0 auto; /margin-top: 0; padding: 0; background:none; overflow: hidden; }
.column-bottom2 { display: none; }
.column-bottom3 { display: none; }
.column-bottom4 { display: none; }
.column-footer-top { width: 920px; margin: 0 auto; padding: 0; background:none; overflow: hidden; }
.column-footer-bottom { width: 920px; margin: 0 auto; padding: 0; background:none; overflow: hidden; }
/*######################################################################
///////////// MODULES ////////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.column-small .module { float: left; width: 454px; }
.column-medium .module { float: left; width: 624px; }
.column-medium1 .module { float: left; width: 578px; }
.column-300 .module { float: left; width: 300px; }
.column-160 .module { float: left; width: 160px; }
.column-half {float:left; width:50%; /width:49%;}
#latest-threads300 { width: 300px; }
#latest-threads300.module.left-bg { width: 300px; }
#latest-threads300.module { border-top: 4px solid #6b6b58; }
#featured-blogs-side.module.left-bg { width: 219px; border-top:none; margin-top:0; background: url(images/bg-right.gif) top right repeat-y !important; }
#latest-threads.module.left-bg { width: 219px; margin-bottom:0; }
.module.right { margin: 8px 0; border-top: 4px solid #003333; background: url(images/bg-left.gif) top left repeat-y;}
.module.left-bg { margin: 8px 0; border-top: 4px solid #003333; background: url(images/bg-right.gif) top right repeat-y;}
.module { margin: 8px 0; /*border-top: 4px solid #003333;*/}
.module h2 { padding: 20px 2px 2px 10px; _margin:0 10px 0 0; }
.module h3 { padding: 0px 2px 2px 10px; font-size: 120%; color: ; }
.height { height: 645px; }
/*
.bg-left { background: url(images/bg-left.gif) top left repeat-y; }
.bg-right { background: url(images/bg-right.gif) top right repeat-y; }
*/
#featured-blogs-side.module h2 { margin-bottom: 0; }
#latest-threads.module h2 { margin-bottom: 15px; }
.module h2 span { color: #00b3ce; font-size: 65%; font-weight: bold; }
#latest-threads.module { border-top: 4px solid #6b6b58; }
#cat-list.module { border-top: 4px solid #6b6b58; }
#my-videos.module { border-top: 4px solid #6b6b58; }
#my-audio.module { border-top: 4px solid #6b6b58; }
#featured-articles.module { width: 229px; border-top: 4px solid #6b6b58; }
#what-is.module { width: 350px; border-top: 4px solid #6b6b58;}
#new-members.module { border-top: 4px solid #6b6b58; }
#featured-blogs.module { border-top: 4px solid #6b6b58; padding-left: 10px; }
#featured-blogs dl { font-size: 95%;}
#featured-images.module { border-top: 4px solid #6b6b58; padding-left: 10px; }
#featured-images .images-item { width: 100px; height: 90px; margin: 0 20px; /margin: 0 10px 0 25px; }
#blog-full-view .album-item { margin: 0 0 0 15px; }
#new-members.private h2 { color: #00b3ce; }
#new-members.private { height: 260px; /height: 235px; }
#homepage-full-view .column-160.no-bg { background: url(none) !important; }
#blog-full-view .text-full-view-container p { padding-right: 100px !important; }
#blog-full-view .text-full-view-container p a { color: #00b3ce !important; }
#article-full-view .ugc-body p { padding-right: 100px !important; }
#article-full-view .ugc-body p a { color: #00b3ce !important; }
#featured-articles { width: 371px;}
#featured-articles dl.side-display, { padding: 10px; }
#featured-articles dl dd { }
#featured-articles dl.even { border:none;}
#featured-articles dl.odd { border: 1px solid #e7e7e7;}
#featured-articles .padding-medium { padding: 10px 0px 0px 0; }
dl.last-thread dd, dl.last-thread dt { font-size: 88%; }
#latest-threads, dl.last-thread { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e7e7e7 !important; }
#latest-threads { border-bottom: none !important;}
/*######################################################################
///////////// SUB HEADER ///////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.sub-header h1 { font-size: 180%; color: #00b3ce; margin: 2px 0; /*border-bottom: 1px solid #daddcc;*/ }
.sub-header p { text-align: justify; zoom:100%; }
/*.sub-header .button1 { float:right; margin-top:10px; font-weight: bold; }*/
/*######################################################################
///////////// MISC ///////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
#video-full-view #comments-show { width: 575px; }
#video-full-view .column-medium { width: 580px; float: left; margin-right:10px; overflow: hidden; }
#video-listing dl.side-display { height: 130px;}
#audio-listing dl.side-display { height: 130px;}
.sub-header a.pr_button { display: block; padding-bottom: 10px; color: #00b3ce; }
.smalltext { font-size: 70%; }
#summary-mood ul { margin-left: 0 !important; margin-right: 40px !important; padding-left: 0 !important; padding-top: 0 !important; margin-top: 0 !important; }
#summary-mood li { /*width: 90%;*/ padding:5px 5px 5px 5px;}
#summary-mood li input.mood-input {width:80%;}
#new-members .padding-medium { padding: 0 0 0 10px;}
#latest-threads .padding-medium { padding: 0 0 0 10px;}
#latest-threads300 .padding-medium { padding: 0 0 0 10px;}
#my-videos .padding-medium { padding: 0 0 0 10px;}
#new-members h2 { /margin-bottom: 20px; }
#my-audio .padding-medium { padding: 0 0 0 10px;}
#video-listing dl.top-display.video-item { width: 140px; height: 160px; margin:10px 0 0 0; padding:0;}
#video-listing dl.top-display.video-item dd { margin:0; padding:0;}
#image-listing dl.top-display.image-item { width: 140px; height: 160px; margin:10px 0 0 0; padding:0;}
#audio-listing dl.top-display.audio-item { width: 140px; height: 160px; margin:10px 0 0 0; padding:0;}
#audio-listing dl.top-display.audio-item dd {padding:0px; }
#blog-listing .list-header { height: auto; }
#groups-listing .list-header { height: auto; }
#directory-listing .list-header { height: auto; }
#my-videos dl.top-display { width: 140px; height: 135px; }
#my-videos dl.top-display dd { padding: 0px; }
#my-audio dl.top-display { width: 140px; height: 100px; }
#my-audio dl.top-display dd { padding: 0px; }
#image-listing dl.top-display.image-item dd { padding:0px; }
#contact .column-large { border:none;}
#contact .column-160 { margin-top: 20px; }
#contact h1 { border-bottom: 4px solid #99824E; }
#contact .column-large p, #contact .column-large h6 { padding-left: 10px;}
#contact .column-large ul { padding-left: 30px; margin: 5px 0 15px 0;}
#contact .column-large dl { padding-left: 10px;}
#contact .column-large textarea.pr_textarea { width: 98% !important;}
#affiliations h5, #affiliations h3 a { padding-left: 10px; color: #6b6b58;}
/* ########### FAQ ############# */
h5 { margin: 20px 10px; font-size: 120% }
h5 a { text-decoration: underline !important; }
#faq-content a { color: #00b3ce; }
#faq-content ul.faqs { padding-left: 10px; margin-bottom: 40px; }
#faq-content ul.faqs li a { color: #000; font-weight: normal !important; }
#faq-content ul.faqs li.faq-title { margin: 10px 0; }
#faq-content ul.faqs li.faq-title a { font-weight: bold !important; }
dl.faq p.ind-item { padding-left: 30px !important; }
dl.faq dt a { color: #000 !important; text-decoration: underline !important; }
dl.faq .control-panel { padding-right: 0 !important; }
/*######################################################################
///////////// WARNING! DO NOT ALTER - WARNING! DO NOT ALTER - WARNING! ////////////
#####################################################################*/
/* TOP THUMB LAYOUT */
dl.top-display { display: block; position: relative; float: left; padding-top:10px; }
dl.top-display dt, dl.top-display dt .crop-it { position: relative; /* for type-icon */ overflow: hidden; text-align: center; margin:0 auto; }
dl.top-display dd { overflow: hidden; white-space: nowrap; text-align: center; background:none; }
dl.top-display dd, dl.top-display dt { font-size: 88%; }
/* SIDE DISPLAY LAYOUT */
dl.side-display { display: block; /* position: relative; zoom: 1;*/ border-bottom: 1px solid #e7e7e7; padding: 10px 0; _padding-bottom: 10px; /overflow: hidden; }
dl.side-display dt, dl.side-display dt .crop-it { position:relative; /* for type-icon */ overflow: hidden; text-align: center; float: left; }
dl.side-display:after { content: "."; height: 0; visibility: hidden; display: block; clear: both; margin-bottom: 10px; }
dl.side-display dd, dl.side-display dt { font-size: 88%;}
/* Hides from IE-mac \*/
* html dl.side-display { height: 1%; }
dl.side-display { display: block; }
/* End hide from IE-mac */
.description { line-height: 16px;}
/* BULLET LAYOUT */
dl.bullet { display: block; position: relative; }
/* CONTROL PANEL - control-panel: aligns right, control-panel2: aligns left*/
.control-panel, .control-panel2 { text-align: right; margin: 10px 0; _margin-right:10px; padding-right: 20px; clear: both !important; }
.control-panel li, .control-panel2 li { display: inline; }
.control-panel li { text-align: right; }
.control-panel li span.small-font { font-size: 80%; }
.control-panel li.no-button, .control-panel li.no-button2 { background: none !important; }
.control-panel a, .control-panel2 a, .control-panel3 a { color: #00b3ce; font-size: 80% !important; }
.control-panel2, .control-panel2 li {text-align: left; }
.control-panel2 {width: 100%; padding-top: 15px; /padding:0; padding-left: 10px; }
.control-panel3 {margin-top:15px;}
.control-panel3 li {display:inline;/* iesucks */}
.control-panel3 li a { display:block; float:left; padding:0 10px; margin-right:5px; font-size:80% !important; /font-size:70% !important; background:#f4f4f4; }
/* profile page controls for profile panel. also using properties from above */
.profile-panel {margin:5px 0 5px 0; font-size:80%; /margin-top:-10px;}
.profile-panel li {display:inline; margin-right:20px;}
.profile-panel-link {font-size: 85%;}
/*######################################################################
//////////////// END WARNING! END WARNING! END WARNING! END WARNING! ///////////////
#####################################################################*/
.no-thumb { display:block; margin: 0 auto; overflow: auto; width: 110px; height: 108px; background: url(images/no-thumb.jpg); _margin-bottom: 10px; }
/*######################################################################
///////////// CONTROLS TO SPLIT THE DISPLAYS FOR A 2 COLUMN LAYOUT //////////////////
#####################################################################*/
.column-large .split,
.column-medium .split,
.column-center .split,
.column-small .split { float:left; margin-right:10px; overflow: hidden;}
.column-large .split,
.column-medium .split,
.column-center .split {width:48%; overflow: hidden;}
.column-small .split {width:47%; overflow: hidden;}
/*######################################################################
///////////// FRAME FOR THE DISPLAYS BELOW //////////////////////////////////////////////////////////////////
#####################################################################*/
/* top-display */
dl.top-display.wide dt,
dl.top-display.large dt,
dl.top-display.medium dt,
dl.top-display.small dt,
dl.top-display.jumbo dt,
/* side-display: using .frame-it in the markup for the ability to add bottom shelving -
for bottom shelving use groups section threads in the library as reference */
.frame-it {padding: 4px; border: 1px solid #cbcbcb; border-bottom-color: #cbcbcb; border-right-color: #cbcbcb; background: #fff;}
.frame-it.full-video {width:570px;} /* for some reason this has to be used for the full video frame otherwise the width is too wide */
/*######################################################################
///////////// TOP DISPLAY LAYOUT ////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
#profile .top-display.jumbo {float:none; margin:0 auto;} /* used for 300 column */
dl.top-display.jumbo {width:200px;} /* ie sucks - default setting do not edit */
dl.top-display.jumbo dt { /* ie sucks */ width:200px; height:200px; /* ie sucks */ }
dl.top-display.jumbo dt .crop-it {width:200px; height:200px;}
dl.top-display.jumbo dt img { height: 200px; }
dl.top-display.jumbo dd { margin:5px 0; height:16px;/* height of stars otherwise will break the layout */ }
dl.top-display.big {width:130px;} /* ie sucks - default setting do not edit */
dl.top-display.big dt { /* ie sucks */ width:130px; height:130px; /* ie sucks */ }
dl.top-display.big dt .crop-it {width:130px; height:130px;}
dl.top-display.big dt img { height: 130px; }
dl.top-display.big dd { margin:5px 0; height:16px;/* height of stars otherwise will break the layout */ }
#profile dl.top-display.big dd { text-align: left;}
#profile dl.side-display { padding-left: 7px;}
dl.top-display.wide {width:120px;} /* ie sucks - default setting do not edit */
dl.top-display.wide dt { /* ie sucks */ width:110px; height:82px; /* ie sucks */ }
dl.top-display.wide dt .crop-it {width:110px; height:82px; }
dl.top-display.wide dt img { height: 82px; }
dl.top-display.wide dd { margin:5px 0; height:16px;/* height of stars otherwise will break the layout */ }
dl.top-display.medium-wide {width:80px;} /* ie sucks - default setting do not edit - override for gutter see below */
dl.top-display.medium-wide dt { /* ie sucks */ width:70px; height:70px; /* ie sucks */ }
dl.top-display.medium-wide dt .crop-it {width:70px; height:70px;}
dl.top-display.medium-wide dt img { height: 70px; }
dl.top-display.medium-wide dd { margin:5px 0; height:16px;/* height of stars otherwise will break the layout */ }
dl.top-display.wide2 {width:100px;} /* ie sucks - default setting do not edit */
dl.top-display.wide2 dt { /* ie sucks */ width:100px; height:75px; /* ie sucks */ }
dl.top-display.wide2 dt .crop-it {width:100px; height:75px;}
dl.top-display.wide2 dt img { height: 75px; }
dl.top-display.wide2 dd { margin:5px 0; height:16px;/* height of stars otherwise will break the layout */ }
dl.top-display.wide3 {width:55px;} /* ie sucks - default setting do not edit */
dl.top-display.wide3 dt { /* ie sucks */ width:75px; height:55px; /* ie sucks */ }
dl.top-display.wide3 dt .crop-it {width:75px; height:55px;}
dl.top-display.wide3 dt img { height: 55px; }
dl.top-display.wide3 dd { margin:5px 0; height:16px;/* height of stars otherwise will break the layout */ }
dl.top-display.large {width:90px;} /* ie sucks - default setting do not edit - override for gutter see below */
dl.top-display.large dt { /* ie sucks */ width:80px; height:80px; /* ie sucks */ }
dl.top-display.large dt .crop-it {width:80px; height:80px;}
dl.top-display.large dt img { height: 80px; }
dl.top-display.large dd { margin:5px 0; height:16px;/* height of stars otherwise will break the layout */ }
dl.top-display.medium {width:80px;} /* ie sucks - default setting do not edit - override for gutter see below */
dl.top-display.medium dt { /* ie sucks */ width:70px; height:70px; /* ie sucks */ }
dl.top-display.medium dt .crop-it {width:70px; height:70px;}
dl.top-display.medium dt img { height: 70px; }
dl.top-display.medium dd { margin:5px 0; height:16px;/* height of stars otherwise will break the layout */ }
dl.top-display.small {width:60px;} /* ie sucks - default setting do not edit - override for gutter see below */
dl.top-display.small dt { /* ie sucks */ width:50px; height:50px; /* ie sucks */ }
dl.top-display.small dt .crop-it {width:50px; height:50px;}
dl.top-display.small dt img { height: 50px; }
dl.top-display.small dd { margin:5px 0; }
#gallery-view dl.top-display.wide {width:120px; margin: 0 14px 20px 8px; /margin: 0 12px 20x 9px;} /* ie sucks - default setting do not edit */
#gallery-view dl.top-display.wide dt { /* ie sucks */ width:110px; height:82px; margin:0; /* ie sucks */ }
#gallery-view dl.top-display.wide dt .crop-it {width:110px; height:82px;}
#gallery-view dl.top-display.wide dt img { height: 82px; }
#gallery-view dl.top-display.wide dd { margin:5px 0; height:22px;/* height of stars otherwise will break the layout */ }
/*######################################################################
///////////// GUTTERS FOR TOP DISPLAYS /////////////////////////////////////////////////////////////////////////
#####################################################################
this will override the above to set gutter space - gutter space it set by width to the */
.column-center .top-display.wide {width:153px;}
.column-center .top-display.large {width:122px;}
.column-center .top-display.medium {width:102px;}
.column-center .top-display.small {width:76px;}
.column-large .top-display.wide {width:156px;}
.column-large .top-display.large {width:130px;}
.column-large .top-display.medium {width:112px;}
.column-large .top-display.small {width:78px;}
.column-medium .top-display.wide {width:156px;}
.column-medium .top-display.large {width:124px;}
.column-medium .top-display.medium {width:104px;}
.column-medium .top-display.small {width:78px;}
.column-small .top-display.wide {width:151px;}
.column-small .top-display.large {width:113px;}
.column-small .top-display.medium {width:90px;}
.column-small .top-display.small {width:75px;}
.column-300 .top-display.wide {width:150px;}
.column-300 .top-display.large {width:100px;}
.column-300 .top-display.medium {width:100px;}
.column-300 .top-display.small {width:75px;}
.column-160 .top-display.wide,
.column-160 .top-display.large,
.column-160 .top-display.medium {width:160px;}
.column-160 .top-display.small {width:80px;}
/*######################################################################
///////////// SIDE DISPLAY LAYOUT ///////////////////////////////////////////////////////////////////////////////////////
#####################################################################
for bottom shelving use groups section threads in the library as reference*/
/* .info mainly used in user profile and group profile */
dl.side-display.info dt .crop-it { width: 138px; height: 138px; /* max-height:200px; height is set to prevent tall images */ }
dl.side-display.info dt img { /*width: 138px; height: 138px;*/ }
dl.side-display.info dd { margin: 0 0 0 163px; } /* right shelve spacing */
dl.side-display.info dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display.wide dt .crop-it { width: 110px; height: 82px; }
dl.side-display.wide dt img { height: 82px; }
dl.side-display.wide dd { margin: 0 0 0 130px; } /* right shelve spacing */
dl.side-display.wide dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display.wide2 dt .crop-it { width: 75px; height: 75px; }
dl.side-display.wide2 dt img { height: 75px; }
dl.side-display.wide2 dd { margin: 0 0 0 120px; } /* right shelve spacing */
dl.side-display.wide2 dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display.wide3 dt .crop-it { width: 150px; height: 110px; }
dl.side-display.wide3 dt img { height: 110px; }
dl.side-display.wide3 dd { margin: 0 0 0 170px; } /* right shelve spacing */
dl.side-display.wide3 dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display.large dt .crop-it { width: 80px; height: 80px; }
dl.side-display.large dt img { height: 80px; }
dl.side-display.large dd { margin: 0 0 0 100px; } /* right shelve spacing */
dl.side-display.large dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display.big dt .crop-it { width: 130px; height: 130px; }
dl.side-display.big dt img { height: 130px; }
dl.side-display.big dd { margin: 0 0 0 150px; } /* right shelve spacing */
dl.side-display.big dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display.medium dt .crop-it { width: 70px; height: 70px; }
dl.side-display.medium dt img { height: 70px; }
dl.side-display.medium dd { margin: 0 0 0 90px; } /* right shelve spacing */
dl.side-display.medium dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display.medium-wide dt .crop-it { width: 80px; height: 80px; }
dl.side-display.medium-wide dd { margin: 0 0 0 102px; } /* right shelve spacing */
dl.side-display.medium-wide dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display.small dt .crop-it { width: 54px; height: 54px; }
dl.side-display.small dt img { height: 54px; }
dl.side-display.small dd { margin: 0 0 0 74px; } /* right shelve spacing */
dl.side-display.small dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display.square dt .crop-it { width: 108px; height: 108px; }
dl.side-display.square dt img { height: 108px; }
dl.side-display.square dd { margin: 0 0 0 130px; } /* right shelve spacing */
dl.side-display.square dt ul li {margin:0 0 5px 0;} /* bottom shelve spacing */
dl.side-display { padding: 10px;}
/*######################################################################
///////////// GUTTERS FOR SIDE DISPLAYS /////////////////////////////////////////////////////////////////////////
#####################################################################
this will override the above to set gutter space*/
/* featured video */
dl.side-display.jumbo dt {width:auto; height:auto;}
dl.side-display.jumbo dd {margin:0 0 0 420px;}
/* manage pages - shelve margin to accomodate the check box */
#manage-images .display-case dl.side-display dd,
#manage-video .display-case dl.side-display dd,
#manage-audio .display-case dl.side-display dd,
#manage-favorites .display-case dl.side-display dd {margin:0 0 0 155px; /margin:0 0 0 160px;} /* shelve spacing */
#manage-audio .side-display .left,
#manage-images .side-display .left,
#manage-video .side-display .left,
#manage-favorites .display-case .left {margin-right:10px;} /* margin for checkbox */
/*######################################################################
///////////// BULLET LAYOUT ////////////////////////////////////////////////////////////////////////////////////////////////
####################################################################*/
dl.bullet h3 { padding: 3px 0 0 25px; } /* size of the bullet image + some spacing. had to use h3. dt won't work on ff */
dl.bullet h3 { background: url(/mini/f/asterisk_orange.gif) 0 2px no-repeat; } /* set the bullet image + fine tunning on the position. had to use h3. dt won't work on ff */
dl.bullet dd { margin: 0 10px 0 25px; } /* This is the spacing of the sub-items. Size of the bullet image + some spacing */
/*######################################################################
///////////// CONTROL PANEL ////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.control-panel li { background: url() 2px 7px no-repeat; padding: 0 0 0 15px; } /* button for separating options on the control panel */
.control-panel li.no-bullet, .control-panel2 li.no-bullet, .control-panel li { background: none; }
.center-controls {padding:10px; text-align: center;}
.list-header .control-panel { padding-right: 10px;}
.list-header dl.side-display { border: none; padding-left: 15px; }
.list-header h2 { padding: 15px 15px 10px 15px; }
.sub-header .sort {}
.sub-header .button1 { margin-bottom: 10px;}
.sub-header .sort a:hover {}
.sub-header .sort {font-size:85%;}
/* to set the triangle bullet in the control panel */
#bulletins .control-panel li,
#blogs .control-panel li,
#groups .control-panel li,
#videos .control-panel li,
#albums .control-panel li,
#images .control-panel li,
#submits .control-panel li,
#friends .control-panel li,
#audio .control-panel li,
#events .control-panel li,
#updates .control-panel li,
#threads .control-panel li {background:url(/mini/bd_nextpage.png) no-repeat 0 1px; margin-left:10px; }
/*######################################################################
///////////// Split h1 and button /////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
dd.split {width: 77%; float: left; height:30px; margin-top: ; }
dd.split2 {width: 23%; float: right; height: 30px; margin-top: ; }
dd.split a { color:#f57b20; margin:0; }
dd.split { color:#f57b20; }
dd.split h1 { border:none; padding:0; margin:0; }
dd.split span { color:#044b76; }
.sort { background: #f8f8f8; margin-bottom: 10px; padding: 3px 0 3px 10px; }
.sort-title h2 { padding: 0 0 0 10px; }
.sort-title { padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 10px; margin-right: 0px; }
.sort-title.no-border { border-bottom: none; }
.full-column h6 { color: #6D1F7E; padding-bottom: 5px; border-bottom: 1px dotted #FDB813;}
.full-column .sub-header { padding: 0 0 0 0; margin: 0;}
.full-column .sub-header h1 { margin: 0;}
.full-column .padding-medium { padding: 0 10px;}
.column-large .sub-header p { padding-right: 10px; }
dl.split {width: 48%; float: left; height:30px; margin-top: ; }
dl.split2 {width: 48%; float: right; height: 30px; margin-top: ; }
dl.split h1 { border:none; padding:0; margin:0; }
/*######################################################################
///////////// SUBMIT DISPLAY /////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
/* counter */
.submit-props { width: 45px; text-align: center; margin: 0; padding: 0; list-style: none; font-size:80%; }
.props-count a { display: block; padding: 0.5em 0; text-decoration: none; margin-bottom: 0; }
.props-count a:hover { color: #3C3508; }
.props-count a:visited { color: #754200; }
.submit-props li { border: 1px solid #fff; /* fixes IE margin bug */ margin: 0; padding: 0; }
.props-number { font-size: 200%; }
.shade-5 { background: #FFF299 url(images/shade_5.gif); }
.shade-5 a { background: url(images/shade_5.gif) bottom right; color: #754200; }
.shade-5 strong { color: #50470D; display: block; }
* html .shade-5 { background-position: 1px 1px; }
li.give-props {}
li.give-props a {display:block; border: 1px solid #eee; margin-top:5px;}
li.give-props a:visited {display:block; border: 1px solid #eee; margin-top:5px; color: #ccc; }
/* display */
dl.ec-display {padding-left:10px;}
dl.ec-display dd.left { float: left; width: 45px; min-height:30px;/* to add spacing when image is not present in ff */ text-align: center; }
dl.ec-display dd.middle { float: left; width:; text-align: center; }
dl.ec-display dd.middle img {width:75px;}
dl.ec-display dd.shelves { margin-left:140px;}
dl.ec-display.short dd.shelves { margin-left:53px;}
dl.ec-display dd div.thumbnail { overflow: hidden; text-align: center; margin-left:10px; }
dl.ec-display dd div.thumbnail img { }
dl.ec-display dd p { /* height: 70px; */ overflow: hidden; }
dl.ec-display dd.left span.points { display: block; margin: 0 auto; border: 1px solid #DADDCC; width: 70px; }
dl.ec-display dd.left a.loveit { background: url(images/button1-left.jpg) left no-repeat; padding: 0 0 0 8px; color: #FFF;}
dl.ec-display dd.left a.loveit span { background: url(images/button1-right.jpg) right no-repeat; padding: 0 8px 0 0px; }
dl.ec-display dd.left a:visited.loveit span { color: #754200; }
/*######################################################################
///////////// BATTLE DISPLAY /////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
/* battle listing */
.battle-item { float: left; width: 45%; padding: 9px; border: 1px solid #EEEEEE; margin: 0 15px 15px 0; } /* Added 45% width to help IE along */
.battle-item dd { text-align: center; margin: 3px 0; }
.battle-item dd .vs { float: left; height: 102px; line-height: 102px; width: 28px; _width: 30px; /* Fixes the box-model difference */ text-align: center; font-size: 120%; font-weight: bold; }
.battle-item dd .friend-item dt { width: 150px !important;}
.battle-item dd .friend-item dd { width: 150px; }
/* battle view */
.battle-info {text-align: center;}
.battle-full-view-challenger { float: left; width: 320px;}
.battle-full-view-challenger .imagecontainer { width: 310px;/* 10px less to compensate for frame-it */ }
.battle-full-view-vs { float: left; width: 129px; text-align: center; font-size: 240%; font-weight: bold; }
.battle-full-view-rival { float: left; width: 320px; }
.battle-full-view-rival .imagecontainer { width: 310px;/* 10px less to compensate for frame-it */ }
/* battle challenge page */
#battle-choose-challenge, #battle-challengers, #battle-options { margin: 10px; border: 1px solid #fff; padding: 3px; }
#battle-choose-challenge img {padding:5px;border:2px solid #fff;}
#battle-choose-challenge img:hover {border: 2px #98cb00 solid; cursor: pointer;}
#battle-choose-challenge h2, #battle-challengers h2, #battle-options h2 { margin: 5px 0 15px 0; font-weight:bold; border-bottom: 1px solid #fff; padding-bottom: 5px; }
.battle-full-view-challenger li, .battle-full-view-rival li {margin-bottom:10px;}
#challenger1 { float: left; width: 49%; margin-right: 10px; }
#challenger2 { width: 49%; float: left; }
#challenger1, #challenger2 { border: 1px solid #fff; }
#challenger1 img, #challenger2 img {width:455px;}
#challenger1 h3, #challenger2 h3 { border: none; background: #f4f4f4; text-align: center; padding: 2px; margin-bottom: 2px; margin-left: 0; }
#battle-options1, #battle-options2 { width: 50%; float: left;color:#fff;font-size:11px; }
.wager-boxes { font-size: 85%; }
.wager-boxes input { width: 80px; }
/*######################################################################
///////////// DIRECTORY /////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
dl.console dt { width: 45%; text-align: left; }
dl.console dd { width:40%; margin:0 0 0 50%; }
/*######################################################################
///////////// MISC /////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
#manage-buddies .display-case dl.top-display { margin: 0 7px 20px 0; }
#manage-buddies dl.top-display, #manage-buddies dl.top-display.medium {}
#manage-buddies dl.top-display dt, #manage-buddies dl.top-display dt dd {}
#manage-buddies h6 { font-size: 95%; font-weight: normal; }
.display-case a { font-size: 110%; font-weight: bold; }
#media-listing dl.top-display { width: 140px; height: 130px;}
/* i'm assingin the id "check_email_table" for the table */
form#pr_form.pr_formclass table#check_email_table { background: #fff; text-align: left; padding-left: 10px; width: 100%; }
form#pr_form.pr_formclass table#check_email_table tbody tr td { border:none !important;}
form#pr_form.pr_formclass table#check_email_table tbody tr td.rlabel { width: 80px; background: #e7e7e7; }
.media-full-view-container,
#edit-image-info { text-align: center; }
/*######################################################################
///////////// PEOPLE ITEM - THIS RELATES TO .MEDIUM-THUMB //////////////////////////////////////
#####################################################################*/
dl.people-item { width: 175px !important; height: 90px; /*overflow: visible;*/ float: left; background: #f8f8f8; padding: 3px; border: 1px solid #e7e7e7; margin: 0px 0px 10px 0px; _margin: 4px; overflow: hidden; }
dl.people-item dt {margin:5px 0 0 5px;}
dl.people-item dd {margin:0 0 0 74px !important;}
dl.member-item { width: 190px; height: 90px; float: left; background: #f8f8f8; padding: 3px; border-bottom: none; margin: 0px; _margin: 0px; overflow: hidden; }
dl.member-item dt {margin:5px 0 0 5px;}
#new-members dl.member-item { width: 70px; height: 90px; margin:0 10px 0px 10px; }
#my-videos dl.member-item { width: 70px; height: 90px; margin:0 10px 0px 10px; }
#my-audio dl.member-item { width: 70px; height: 90px; margin:0 10px 0px 10px; }
/*######################################################################
///////////// OWNER ////////////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.column-160 dl.owner { margin:40px 0 10px 0;}
/*######################################################################
///////////// LIST MENU ///////////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
/* #blog-full-view .column-160 { background: url(images/bg-right.gif) top right repeat-y; } */
#blog-full-view dl.top-display.large.owner { background: url(images/bg-right.gif) top right repeat-y; border-top: 4px solid #878777; margin-top: 0 !important; }
#blog-full-view dd.posted-by { text-align: left; font-size: 100%; font-weight: bold; margin-bottom: 10px; margin-left: 15px !important; }
#blog-full-view dd a:hover { color: #b5121b;}
#blog-full-view dl.top-display.large.owner dd {padding:0 !important;}
#blog-full-view ul.list-menu { background: url(images/bg-right.gif) top right repeat-y; padding: 15px;}
.list-menu { border-top: 4px solid #6b6c5e; }
.list-menu.no-border { border-top: none; padding-bottom: 30px; }
.list-menu li.title {text-align: center;}
.list-menu li.title h5, ul.list-menu li.title h5 a { margin:10px; padding:5px; background: #f9f9f9;}
.list-menu li { border-bottom: 1px solid #D1EEEF;padding:2px 0; }
.list-menu li a {display:block; padding:10px 0 10px 0; }
.list-menu li a:hover {}
.list-menu a { color: #00b3ce; }
.list-menu a:hover { color: #00b3ce; }
.list-menu .list-menu-option { border-bottom: 1px solid #D1EEEF;padding:2px 0; }
.list-menu .list-menu-option a {display:block; padding:10px 0 10px 0; }
.list-menu .list-menu-option a:hover {}
.new-message a { line-height: 2.1em; }
.new-message a span { color: #00b3ce !important; }
/* ul.list-menu li.new-message a {border:1px solid #fcb644;} */
/*######################################################################
///////////// ACCOUNT UPDATES ///////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.update-item .media-update { width: 24px; height: 24px; margin: 0 4px 0 0; }
.update-item .media-update img { height: 24px; }
.update-item .media-update div { width: 24px; }
.update-item span { font-weight: bold; }
.update-item dd { font-size: 90%; margin: 0 !important;}
.update-item dt { float: left; width: 30px; }
dl.update-item { border-bottom: none;}
.update-item img { margin-right: 3px; }
.update-item dd.hp_comment { background: url(/mini/f/user_comment.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies_request { background: url(/mini/f/user_add.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.homepage { background: url(/mini/f/page_white_world.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.blog { background: url(/mini/f/script_edit.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.pictures { background: url(/mini/f/picture.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.pictures img {margin-right:5px;}
.update-item dd.audio { background: url(/mini/f/music.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.battles_challenge { background: url(/mini/f/battles_challenge.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies { background: url(/mini/f/group_add.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.albums { background: url(/mini/f/images.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.videos { background: url(/mini/f/film.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.sounds { background: url(/mini/f/music.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.bulletins { background: url(/mini/f/note_edit.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.views { background: url(/mini/f/emoticon_tongue.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.awards { background: url(/mini/f/award_star_bronze_1.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.submit { background: url(/mini/f/arrow_branch.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.bday { background: url(/mini/f/cake.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.request { background: url(/mini/f/request.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.article { background: url(/mini/f/article.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.gallery { background: url(/mini/f/gallery.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.classifieds { background: url(/mini/f/money_dollar.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.joined { background: url(/mini/f/star.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.status { background: url(/mini/f/tag_green.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.thread { background: url(/mini/f/comments_add.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.group_invite { background: url(/mini/f/comments.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.group_join { background: url(/mini/f/user_add.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies_reject { background: url(/mini/buddies_reject.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies_nomore { background: url(/mini/f/user_red.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.buddies_accepted { background: url(/mini/f/buddies_accepted.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.event_register { background: url(/mini/f/sport_raquet.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.avatar { background: url(/mini/f/avatar.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.award_received { background: url(/mini/f/award_received.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.messages { background: url(/mini/f/messages.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.group_bulletin { background: url(/mini/f/group_bulletin.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.post { background: url(/mini/f/post.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.battles_loser { background: url(/mini/f/battles_loser.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.battles_tie { background: url(/mini/f/battles_tie.gif) no-repeat; padding: 0 0 0 20px; }
.update-item dd.battles_winner { background: url(/mini/f/battles_winner.gif) no-repeat; padding: 0 0 0 20px; }
/*######################################################################
///////////// COMMENTING FORM //////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.commenting { width: 98%; }
.commenting fieldset { margin: 10px 5px; border: 1px solid #999999; padding: 8px; }
.commenting legend { color: #333333; font-size: 90%; font-weight: bold; }
/*######################################################################
///////////// PEOPLE SEARCH FORM /////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
#people-search-form { padding-left: 10px; }
#people-search-form fieldset { border: 0; float: left; padding: 0; margin: 0 10px 10px 0; /margin:0; }
#people-search-form fieldset legend { font-size: 100%; /margin-left:-10px;}
#people-search-form fieldset legend, #people-search-form fieldset span, #people-search-form fieldset label { margin-bottom: 5px;}
.search-user h2 { padding-left: 20px; /height: 20px !important; /margin-bottom: -10px !important; }
#people-search-locatedwithin span.search-user { padding-bottom: 10px !important;}
#people-search-locatedwithin fieldset { /margin-bottom: 15px; }
/*
#people-search-form option {width: 200px; }
#people-search-form input.width {width: 200px; }
*/
#people-search-form fieldset#locatedwithin-distance input.smallwidth { width:100px;}
#people-search-form select#locatedwithin-country { width: 180px; }
#people-search-form #people-search-lifestyle { }
#people-search-form #people-search-personalinfo,
#people-search-form #people-search-loactedwithin { background-color: #f2f2f2; clear: both; }
#people-search-form #people-search-lifestyle span,
#people-search-form #people-search-personalinfo span,
#people-search-form #people-search-loactedwithin span { display: block; padding: 10px; font-weight: bold; font-size: 110%; color: #3bb6d7; }
#people-search-form #search-submit { clear: both; }
/*######################################################################
///////////// MISC SEARCH //////////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.video-edit-field {width:475px; /width:450px}
/*######################################################################
///////////// GROUPS SEARCH /////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.groups-search ul { padding: 0 0 0 15px; }
.groups-search ul li { margin: 5px 0;}
#my-videos .groups-search ul li input { }
/*
#screen-home { margin-left:; width:634px;height:300px;background: url(images/ruumestyle.jpg);}
*/
#screen-home { margin: 0; padding-bottom:0; width:590px; height:250px; background: url(images/ruumeHOME.swf);}
#homepage-full-view #points h3 {font-size:120%; text-align: center; border:1px solid #ccc; margin:8px;}
/*######################################################################
///////////// PRINGO NATIVES ////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.column-full td { padding: 5px; }
.column-full .rlabel { background-color: #EFEFEF; border-right: 1px solid #D0DEE5; }
.column-full a:link, .column-full a:active, .column-full a:visited {}
.column-full a:hover { color: #754200; }
.column-full a:visited { color:; }
.column-full input, .column-full select, .column-full textarea { border: 1px solid #CCC; color: #666; font-family: Verdana; font-size: 11px; padding: 2px; background-color: #FEFEFE; }
.column-full .pr_button input { text-align: center; background-color:#EFEEEC; color: #537FA8; border:solid #537FA8 1px; font-size: 12px; font-weight: bold; }
.column-full #pr_extraNav a:link, .column-full #pr_extraNav a:active, .column-full #pr_extraNav a:visited { text-decoration: none; }
.column-full fieldset { padding: 10px; }
#pr_listGroups tr td.right { float:none }
.pr_header { font-size: 15px; font-weight: bold; color: #5288AC; }
.column-full p { padding: 5px 0; color: #555; }
.column-full .pr_header, .column-full p, .column-full #pr_extraNav, .column-full .pr_formclass {margin:20px 0;}
li#pr_account_education a { display: none; }
li#pr_tab_group_events a { display: none; }
table#pr_subscriptions tbody { padding-left: 0px; }
#pr_subscriptions tr td, #pr_subscriptions tr th { text-align: left; padding-left: 0px; }
#pr_subscriptions tr th a { font-size: 110%; font-weight: bold; color: #6b6b58; }
.pr_textarea {width:100%;}
/*######################################################################
///////////// LIST HEADERS ////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
.list-header { height: 250px; margin: 0 0 10px 0; }
.list-header .description { padding-bottom:0; margin-bottom:0; }
.list-header.height { height:auto;}
/*######################################################################
///////////// COMMENTS SHOW ////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
#comments-show { padding-left: 0;}
#comments-show .module-header span { color: #00b3ce; }
#comments-show .module-header h2 { margin-right: 0; border-top: 4px solid #878777; }
#comments-show form.commenting fieldset legend { color: #333; font-size: 90%; }
#comments-show h2 { color: #6b6b58; padding-left: 10px; }
/*######################################################################
///////////// FULL VIEWS ////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
#picture-view .media-full-view-container { text-align:left;}
#account-control .module-header h2 span { color: #6b6b58; font-size:100%; font-weight:normal; }
/*######################################################################
///////////// ACCOUNT PAGES ////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
#account-control .column-small, #account-control .column-small .module1 { border-top: 4px solid #6b6b58; }
#account-control .column-small #updates.module { border-top:none; width: 400px; }
#account-control .column-small #updates1.module { border-top: 4px solid #6b6b58; width: 420px; }
#account-control .column-300 .module { border-top: 4px solid #6b6b58; }
#account-control .column-300 .status { border-top: none; }
#account-control .column-small #updates dd.homepage,
#account-control .column-small #updates dd.blog,
#account-control .column-small #updates dd.pictures,
#account-control .column-small #updates dd.audio,
#account-control .column-small #updates dd.battles_challenge,
#account-control .column-small #updates dd.buddies,
#account-control .column-small #updates dd.albums,
#account-control .column-small #updates dd.videos,
#account-control .column-small #updates dd.sounds,
#account-control .column-small #updates dd.bulletins,
#account-control .column-small #updates dd.views,
#account-control .column-small #updates dd.awards,
#account-control .column-small #updates dd.submit,
#account-control .column-small #updates dd.hp_comment,
#account-control .column-small #updates dd.bday,
#account-control .column-small #updates dd.request,
#account-control .column-small #updates dd.article,
#account-control .column-small #updates dd.gallery,
#account-control .column-small #updates dd.classifieds,
#account-control .column-small #updates dd.events,
#account-control .column-small #updates dd.joined,
#account-control .column-small #updates dd.status,
#account-control .column-small #updates dd.thread,
#account-control .column-small #updates dd.group_invite,
#account-control .column-small #updates dd.group_join,
#account-control .column-small #updates dd.buddies_request,
#account-control .column-small #updates dd.buddies_reject,
#account-control .column-small #updates dd.buddies_nomore,
#account-control .column-small #updates dd.buddies_accepted,
#account-control .column-small #updates dd.event_register,
#account-control .column-small #updates dd.avatar,
#account-control .column-small #updates dd.award_received,
#account-control .column-small #updates dd.messages,
#account-control .column-small #updates dd.group_bulletin,
#account-control .column-small #updates dd.post,
#account-control .column-small #updates dd.battles_loser,
#account-control .column-small #updates dd.battles_tie,
#account-control .column-small #updates dd.battles_winner,
#account-control .column-small #updates dd.pokes,
#account-control .column-small #updates dd.group_affiliation,
#account-control .column-small #updates dd.group_request,
#account-control .column-small #updates dd.password {font-size: 100%; line-height: 1.7em;}
#account-control .column-small #updates dd.homepage a,
#account-control .column-small #updates dd.blog a,
#account-control .column-small #updates dd.pictures a
#account-control .column-small #updates dd.audio a,
#account-control .column-small #updates dd.battles_challenge a,
#account-control .column-small #updates dd.buddies a,
#account-control .column-small #updates dd.albums a,
#account-control .column-small #updates dd.videos a,
#account-control .column-small #updates dd.sounds a,
#account-control .column-small #updates dd.bulletins a,
#account-control .column-small #updates dd.views a,
#account-control .column-small #updates dd.awards a,
#account-control .column-small #updates dd.submit a,
#account-control .column-small #updates dd.hp_comment a,
#account-control .column-small #updates dd.bday a,
#account-control .column-small #updates dd.request a,
#account-control .column-small #updates dd.article a,
#account-control .column-small #updates dd.gallery a,
#account-control .column-small #updates dd.classifieds a,
#account-control .column-small #updates dd.events a,
#account-control .column-small #updates dd.joined a,
#account-control .column-small #updates dd.status a,
#account-control .column-small #updates dd.thread a,
#account-control .column-small #updates dd.group_invite a,
#account-control .column-small #updates dd.group_join a,
#account-control .column-small #updates dd.buddies_request a,
#account-control .column-small #updates dd.buddies_reject a,
#account-control .column-small #updates dd.buddies_nomore a,
#account-control .column-small #updates dd.buddies_accepted a,
#account-control .column-small #updates dd.event_register a,
#account-control .column-small #updates dd.avatar a,
#account-control .column-small #updates dd.award_received a,
#account-control .column-small #updates dd.messages a,
#account-control .column-small #updates dd.group_bulletin a,
#account-control .column-small #updates dd.post a,
#account-control .column-small #updates dd.battles_loser a,
#account-control .column-small #updates dd.battles_tie a,
#account-control .column-small #updates dd.battles_winner a,
#account-control .column-small #updates dd.pokes a,
#account-control .column-small #updates dd.group_affiliation a,
#account-control .column-small #updates dd.group_request a
#account-control .column-small #updates dd.password a {font-weight: bold; color: #00b3ce; font-size: 90%;}
#account-control .column-small #updates dd.avatar img {margin: 3px 3px 3px 0; padding: 3px; border: 1px solid #ddd;}
#account-control #friends { }
#account-control #friends span { color: #000000; }
#account-control #friends dl.top-display { width: 70px; margin: 0 6px 20px 6px; }
#account-control dl.listblogs { display: block; width: 390px; margin: 10px 0; padding: 20px; }
#account-control dl.listblogs dd { font-size: 90%; width: 360px; }
#account-control #groups dd, #account-control #groups dd h3 a { padding-bottom: 3px; }
#account-control #groups dl { margin: 20px 0; padding: 0 0 20px 10px; border-bottom: 1px solid #e7e7e7; }
#account-control .column-small { padding:0;}
#account-control .module-header h2 span a { font-size: 68%; font-weight: none; color: #6d6d53; padding-left: 6px; }
#account-control .column-300 { width: 310px; }
#account-control .column-300 .module { width: 290px; }
#account-control .control-panel ul li { background: none; }
#account-control #videos dl.top-display.wide { width: 130px; height: 150px; margin: 0 0 10px 10px;}
#account-control #images dl.top-display.wide { width: 130px; height: 150px; margin: 0 0 10px 20px;}
#account-control .column-300 dl.top-display { width: 120px; margin:0 0 0 20px; }
#account-control .column-160 #awards.module { border-top: 4px solid #6d6d53; }
#account-control .module-header h2 span { color: #00b3ce; }
a.red { color: #cc0000; }
#homepage-full-view #profile { margin:0; }
#homepage-full-view ul.profile-info .view-less { /* display:none; */ }
#homepage-full-view #profile h1 { width: 590px; margin: 0 0 17px 0; padding-left: 17px; }
#homepage-full-view dl.side-display { border-bottom: none; }
#homepage-full-view ul.profile-panel { margin-left: 170px; /padding-top: 15px;}
#homepage-full-view ul.profile-panel ul li { list-style-type:none; }
#homepage-full-view ul.profile-panel a { color: #00b3ce; }
#homepage-full-view ul.profile-panel a:hover { color: #00b3ce; }
#homepage-full-view #profile ul.profile-info li { line-height: 16px; }
#homepage-full-view #profile ul.profile-info { margin-left: 10px; /position: relative; /top: 17px; /margin-bottom: 35px; }
#homepage-full-view #profile ul#view-more li { line-height: 16px; }
#homepage-full-view #profile ul#view-more { margin-left: 10px;}
.column-160 div.vertical-control-panel { font-size: 85%; }
.column-160 div.vertical-control-panel .vertical-control-option { border-bottom: 1px solid #e7e7e7; padding: 3px 0; font-size: 100%; }
/*######################################################################
///////////// HOMEPAGES ////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
#homepage-full-view #comments-show .module-header h2 { border-top: 4px solid #878777; }
#homepage-full-view #friends { width: 420px; padding-top: 0; margin-top: 0; }
#homepage-full-view #friends span { color: #6b6b58; }
#homepage-full-view #friends dl.top-display { width: 70px; margin: 0 3px 20px 6px; }
#homepage-full-view #friends .control-panel { width: 390px;}
#homepage-full-view #friends .control-panel li { background: none;}
#homepage-full-view #hp-area .control-panel { width: 420px;}
#homepage-full-view #hp-area .control-panel li { background: none;}
#homepage-full-view .column-small #friends.module { background: none; border-top: 4px solid #6b6b58; }
#homepage-full-view .column-160 { background: url(images/bg-right.jpg) 0 0 no-repeat; }
#homepage-full-view .column-300 .module { border-top: 4px solid #6b6b58; margin-bottom:0; margin-top:0; }
#homepage-full-view .column-300 .control-panel li { background: none;}
#homepage-full-view .column-300 dl.top-display { width: 120px; margin:0 0 0 20px; }
#homepage-full-view #pages ul li a { color: #00b3ce; padding-left: 0px; }
#homepage-full-view .column-160 #about-me { padding:10px; }
#homepage-full-view .column-160 #about-me h2 { margin-bottom: 15px; }
#homepage-full-view .column-160 #about-me h5 { margin-bottom: 10px; }
#homepage-full-view .column-160 #about-me ul { border-bottom: 1px solid #e7e7e7; padding-bottom:10px; margin-bottom: 10px; }
#homepage-full-view .column-160 #about-me li { font-size: 85%; }
#blogs dl.side-display { border-bottom: 1px solid #e7e7e7; padding-left:10px; }
/*######################################################################
///////////// MISC ////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
ol.static li { margin-bottom: 10px; }
ul.static li { margin-bottom: 10px; }
#register-join {background: #fff;} tr td, #contact tr td { border: none; }
#contact.ugc-body h6 { font-size: 100%; }
.pr_sms_col, tr#pr_row_award_received, tr#pr_row_battles_challenge, tr#pr_row_battles_tie, tr#pr_row_battles_loser, tr#pr_row_battles_winner, tr#pr_row_classifieds, tr#pr_row_events, tr#pr_row_submit {display:none;}
#account-info-notifications table.pr_table_input tr td.rlabel, #account-info-notifications table.pr_table_input tr td.pr_feed_col, #account-info-notifications table.pr_table_input tr td.pr_email_col {text-align:left;}
#account-info-notifications table.pr_table_input tr td.rlabel.pr_feed_col { width: 150px; }
#account-info-notifications table.pr_table_input tr td.rlabel.pr_email_col { width: 150px; }
#account-info-notifications table.pr_table_input tr#pr_row_albums .pr_email_col, #account-info-notifications table.pr_table_input tr#pr_row_albums .pr_feed_col { background: #efefef; }
#account-info-notifications table.pr_table_input tr#pr_row_albums.alt td {background: #efefef;}
#account-info-notifications table.pr_table_input tr#pr_row_audio.alt td {background: #f5f5f5;}
#account-info-notifications table.pr_table_input tr#pr_row_bday.alt td {background: #efefef;}
#account-info-notifications table.pr_table_input tr#pr_row_blog td {background: #f5f5f5;}
#account-info-notifications table.pr_table_input tr#pr_row_buddies_accept.alt td {background: #efefef;}
#account-info-notifications table.pr_table_input tr#pr_row_buddies_request td {background: #f5f5f5;}
#account-info-notifications table.pr_table_input tr#pr_row_buddies.alt td {background: #efefef;}
#account-info-notifications table.pr_table_input tr#pr_row_bulletins td {background: #f5f5f5;}
#account-info-notifications table.pr_table_input tr#pr_row_group_bulletin.alt td {background: #efefef;}
#account-info-notifications table.pr_table_input tr#pr_row_group_invite td {background: #f5f5f5;}
#account-info-notifications table.pr_table_input tr#pr_row_group_join.alt td {background: #efefef;}
#account-info-notifications table.pr_table_input tr#pr_row_homepage td {background: #f5f5f5;}
#account-info-notifications table.pr_table_input tr#pr_row_hp_comment.alt td {background: #efefef;}
#account-info-notifications table.pr_table_input tr#pr_row_messages td {background: #f5f5f5;}
#account-info-notifications table.pr_table_input tr#pr_row_pictures.alt td {background: #efefef;}
#account-info-notifications table.pr_table_input tr#pr_row_status td {background: #f5f5f5;}
#account-info-notifications table.pr_table_input tr#pr_row_thread td {background: #efefef;}
#account-info-notifications table.pr_table_input tr#pr_row_post.alt td {background: #f5f5f5;}
#account-info-notifications table.pr_table_input tr#pr_row_videos td {background: #efefef;}
#account-privacy-notifications tr#pr_awards, #account-privacy-notifications tr#pr_classifieds, #account-privacy-notifications tr#pr_events.alt, #account-privacy-notifications tr#pr_submit {display:none;}
#account-privacy-notifications table.pr_table_input tr#pr_blog td {background: #fff;}
#account-privacy-notifications table.pr_table_input tr#pr_buddies td {background: #f5f5f5;}
#account-privacy-notifications table.pr_table_input tr#pr_bulletins td {background: #fff;}
#account-privacy-notifications table.pr_table_input tr#pr_group_join td {background: #f5f5f5;}
#account-privacy-notifications table.pr_table_input tr#pr_homepage td {background: #fff;}
#account-privacy-notifications table.pr_table_input tr#pr_pictures td {background: #f5f5f5;}
#account-privacy-notifications table.pr_table_input tr#pr_status td {background: #fff;}
#account-privacy-notifications table.pr_table_input tr#pr_thread td {background: #f5f5f5;}
#account-privacy-notifications table.pr_table_input tr#pr_post td {background: #fff;}
#account-privacy-notifications table.pr_table_input tr#pr_videos td {background: #f5f5f5;}
#account-control .list-bulletins {padding: 20px 10px 20px 0; border-bottom: 1px dotted #ccc;}
#people-search-form #full-name legend, #people-search-form #org-name legend {color: #000;}
#article-full-view ugc-body p { padding-right: 110px; }
.handle { width: 125px !important; font-size: 90%; }
.handle a { padding-left: 5px; }
.handle a:hover { color: #333 !important; }
#account-homepages-pages-default a:hover { color: #333; text-decoration: underline; }
#account-homepages-pages-default li#pr_tab_homepage a:hover { color: #333; text-decoration: underline; }
#pr_form_buddies_check_email {background: #fff; padding: 15px;}
#pr_form_buddies_check_email td {border:none;}
#manage-audio .display-case a {font-weight:normal !important; font-size: 100%; }
#manage-audio dl.side-display dd h3 a {font-weight:bold !important;}
#manage-video .display-case a {font-weight:normal !important; font-size: 100%; }
#manage-video dl.side-display dd h3 a {font-weight:bold !important;}
#manage-audio .display-case dl.side-display, #manage-video .display-case dl.side-display {margin-bottom: 10px;}
#pr_tab_group_affiliates { display: none !important; }
#forum {color:#666; }
#forum th { /* WHITE FONT */ color: #333; }
#forum body,
#forum div,
#forum table,
#forum td { font-family: Verdana, Arial, Helvetica, sans-serif; }
#forum a { color: #b5121b; }
#forum { border: 1px solid #fff; overflow: hidden; /*width: 876px;*/ width: auto; padding: 1px; }
#forum-module { width:100%; /width: 696px;}
#forum-head { height: 22px; background: #f8f8f8 url(images/forum-grad.jpg) repeat-x; }
#forum-head .thread-topics { width: 70%; }
#forum-head .post-author { width: 130px; }
#forum-head th { font-weight: bold; font-size: 85%; padding: 0 10px;}
#full-thread .column-large { border-top: none; }
#forum-folder { display:none; width: 35px; background: #f2f2f2 url(folder.gif) no-repeat 10px 5px; }
#post-profile .small { width: 50px; height: 50px; margin: 0 auto; }
#post-profile { width: 100px; font-size: 80%; border-right: 1px solid #e7e7e7; /* border-bottom: 1px solid #e7e7e7; */ padding: 25px 0 10px 25px; }
#forum table { padding: 0; margin: 0; }
#forum-title .col1, #thread-title .col2, #thread-title .col1, #forum-title .col2,
#forum-footer { height: 15px; background: #f8f8f8; border-bottom: 1px solid #e8e8e8; }
#thread-body { width: 100%; border-bottom:1px solid #ccc; overflow-x: auto; display: block; padding-top: 0; margin-top: 0; }
#thread-body table { padding: 0; margin: 0; }
#forum-footer-shadow { width:100%; height:8px; background: url(drop_shadow.gif) repeat-x; }
#forum-title .col2, #thread-title .col2 { height: 15px; background: #f8f8f8 url(title_bg.jpg) no-repeat; }
#forum h2 a { font-size: 60%; color: #333; }
#forum-subject, #forum-threads, #forum-posts, #forum-views, #forum-last { font-size: 85%; }
#forum h2 { margin-bottom: 0; }
#forum-subject { width: 400px; }
#forum-subject,
#forum-mod,
#forum-icon { background: #fff; border-bottom: 1px solid #e8e8e8;}
#forum-subject h2 a { color: #333; font-size: 80%; font-weight: bold; }
#thread-item #forum-subject { font-size: 85%; }
#thread-item #forum-subject a { color: #333; }
#forum-threads,
#forum-views { /* LIGHT SHADE */ background: #fff; border-bottom: 1px solid #e8e8e8;}
#forum-posts,
#forum-last,
#forum-username { /* DARK SHADE */ background: #f8f8f8; border-bottom: 1px solid #e8e8e8; text-align: center; }
#forum-subject a,
#forum-username a,
#post-profile a { font-weight: normal; }
#forum-subject span, #forum-subject span a, #forum-last span, #forum-last span a {font-style: normal; font-size: 90%; font-weight: normal; }
#post-profile img { /* AVATAR V SPACING */ margin: 8px 0; }
#thread-title { background: #f8f8f8; border-bottom: 1px solid #e8e8e8; }
#forum .thread-even { background: #fff; }
#forum .thread-odd { background: #fff; }
#post-info dt, #post-info dd, #post-info p { font-size: 80%; padding-right: 10px; }
dl#post-info { background: #f8f8f8; /* border: 1px solid #e7e7e7; */ height: 20px; }
#post-info dt {float:left; background: url(http://dev.themesquare.com/images/bullets/article.gif) no-repeat 0 3px; padding-left:18px;}
#post-info dd {float:right;}
#post-body { padding: 10px; font-size: 85%; line-height: 1.5em; }
#post-extras dt {float:left;}
#post-extras dd {float:right;}
#forum-breadcrumbs,
#forum-create { margin: 0; padding: 5px 10px 10px 20px; list-style: none; font-size: 90%; }
.forum-search {float:right;}
#forum-breadcrumbs li,
#forum-create li { color:#666; font-size: 90%; font-weight: normal; display: inline; padding-left: 0px; }
/* #forum-create li { background: url(http://dev.themesquare.com/images/bullets/article.gif) no-repeat 5px 3px; } */
ul#forum-create li.forum_new_thread { padding: 3px 5px 0px 20px; height: 40px; background: url(images/new-thread.gif) no-repeat -7px -5px; }
ul#forum-create li.thread_reply { padding: 3px 5px 0px 20px; height: 40px; background: url(images/reply.gif) no-repeat 0px 0px; }
ul#forum-create li.thread_subscribe { padding: 3px 5px 0px 25px; height: 40px; background: url(images/subscribe.gif) no-repeat 0px 0px; }
#thread-listing h1 a { color: #6b6b58; }
#thread-listing h1 span, #full-thread h1 span { padding-left: 10px; }
#full-thread h1 a { color: #6b6b58; }
#forum-listing h1, #thread-listing h1, #full-thread h1 { padding-left: 15px; }
#forum-breadcrumbs li span {font-weight: normal; color:#ccc;}
ul#forum-breadcrumbs{ padding-left: 20px; }
.post-quote {border:1px solid #ccc; margin:10px; padding:0;margin:0;}
.post-quote h5 {border-bottom:1px solid #ccc; padding:5px; background:#f4f4f4;}
.quote-body {padding:10px;}
#forum {border: 1px solid #e7e7e7; }
#forum.no-border {border: none; }
#forum-listing #forum-last, #thread-listing #forum-last { text-align: left; }
#full-thread #post-profile a { padding-right: 10px;}
tr#pr_register_terms_of_use a { color: #00B3d6 }
tr#pr_register_security_check a { color: #00B3d6 }
/* #+#+#+#+#+#+#+#+#+#+#+#+#+#+#+#+ BROWSWER DEFAULT STYLES FOR .ugc-body class #+#+#+#+#+#+#+#+#+#+#+#+#+#+#+#+ */
.ugc-body html, .ugc-body address, .ugc-body blockquote, .ugc-body body, .ugc-body dd, .ugc-body div, .ugc-body dl, .ugc-body dt, .ugc-body fieldset, .ugc-body form, .ugc-body frame, .ugc-body frameset, .ugc-body h1, .ugc-body h2, .ugc-body h3, .ugc-body h4, .ugc-body h5, .ugc-body h6, .ugc-body noframes, .ugc-body ol, .ugc-body p, .ugc-body ul, .ugc-body center,
.ugc-body dir, .ugc-body hr, .ugc-body menu, .ugc-body pre { display: block }
.ugc-body li { display: list-item }
.ugc-body head { display: none }
.ugc-body table { display: table }
.ugc-body tr { display: table-row }
.ugc-body thead { display: table-header-group }
.ugc-body tbody { display: table-row-group }
.ugc-body tfoot { display: table-footer-group }
.ugc-body col { display: table-column }
.ugc-body colgroup { display: table-column-group }
.ugc-body td, th { display: table-cell }
.ugc-body caption { display: table-caption }
.ugc-body th { font-weight: bolder; text-align: center }
.ugc-body caption { text-align: center }
.ugc-body body { margin: 8px }
.ugc-body h1 { font-size: 2em; margin: .67em 0 }
.ugc-body h2 { font-size: 1.5em; margin: .75em 0 }
.ugc-body h3 { font-size: 1.17em; margin: .83em 0 }
.ugc-body h4, .ugc-body p, .ugc-body blockquote, .ugc-body ul, .ugc-body fieldset, .ugc-body form, .ugc-body ol, .ugc-body dl, .ugc-body dir, .ugc-body menu { margin: 1.12em 0 }
.ugc-body h5 { font-size: .83em; margin: 1.5em 0 }
.ugc-body h6 { font-size: .75em; margin: 1.67em 0 }
.ugc-body h1, .ugc-body h2, .ugc-body h3, .ugc-body h4, .ugc-body h5, .ugc-body h6, .ugc-body b, .ugc-body strong { font-weight: bolder }
.ugc-body blockquote { margin-left: 40px; margin-right: 40px }
.ugc-body i, .ugc-body cite, .ugc-body em, .ugc-body var, .ugc-body address { font-style: italic }
.ugc-body pre, .ugc-body tt, .ugc-body code, .ugc-body kbd, .ugc-body samp { font-family: monospace }
.ugc-body pre { white-space: pre }
.ugc-body button, .ugc-body textarea, .ugc-body input, .ugc-body select { display: inline-block }
.ugc-body big { font-size: 1.17em }
.ugc-body small, .ugc-body sub, .ugc-body sup { font-size: .83em }
.ugc-body sub { vertical-align: sub }
.ugc-body sup { vertical-align: super }
.ugc-body table { border-spacing: 2px; }
.ugc-body thead, .ugc-body tbody, .ugc-body tfoot { vertical-align: middle }
.ugc-body td, .ugc-body th { vertical-align: inherit }
.ugc-body s, .ugc-body strike, .ugc-body del { text-decoration: line-through }
.ugc-body hr { border: 1px inset }
.ugc-body ol, .ugc-body ul, .ugc-body dir, .ugc-body menu, .ugc-body dd { margin-left: 40px }
.ugc-body ol { list-style-type: decimal }
.ugc-body ul { list-style: disc }
.ugc-body ol ul, .ugc-body ul ol, .ugc-body ul ul, .ugc-body ol ol { margin-top: 0; margin-bottom: 0 }
.ugc-body u, .ugc-body ins { text-decoration: underline }
.ugc-body br:before { content: "\A" }
:before, :after { white-space: pre-line }
.ugc-body center { text-align: center }
.ugc-body :link, .ugc-body :visited { text-decoration: underline }
.ugc-body :focus { outline: thin dotted invert }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
@media print {
.ugc-body h1 { page-break-before: always }
.ugc-body h1, .ugc-body h2, .ugc-body h3, .ugc-body h4, .ugc-body h5, .ugc-body h6 { page-break-after: avoid }
.ugc-body ul, .ugc-body ol, .ugc-body dl { page-break-before: avoid }
}
/* #+#+#+#+#+#+#+#+#+#+#+#+#+#+#+#+ BROWSWER DEFAULT STYLES FOR #msgBody class #+#+#+#+#+#+#+#+#+#+#+#+#+#+#+#+ */
#msgBody html, #msgBody address, #msgBody blockquote, #msgBody body, #msgBody dd, #msgBody div, #msgBody dl, #msgBody dt, #msgBody fieldset, #msgBody form, #msgBody frame, #msgBody frameset, #msgBody h1, #msgBody h2, #msgBody h3, #msgBody h4, #msgBody h5, #msgBody h6, #msgBody noframes, #msgBody ol, #msgBody p, #msgBody ul, #msgBody center,
#msgBody dir, #msgBody hr, #msgBody menu, #msgBody pre { display: block }
#msgBody li { display: list-item }
#msgBody head { display: none }
#msgBody table { display: table }
#msgBody tr { display: table-row }
#msgBody thead { display: table-header-group }
#msgBody tbody { display: table-row-group }
#msgBody tfoot { display: table-footer-group }
#msgBody col { display: table-column }
#msgBody colgroup { display: table-column-group }
#msgBody td, th { display: table-cell }
#msgBody caption { display: table-caption }
#msgBody th { font-weight: bolder; text-align: center }
#msgBody caption { text-align: center }
#msgBody body { margin: 8px }
#msgBody h1 { font-size: 2em; margin: .67em 0 }
#msgBody h2 { font-size: 1.5em; margin: .75em 0 }
#msgBody h3 { font-size: 1.17em; margin: .83em 0 }
#msgBody h4, #msgBody p, #msgBody blockquote, #msgBody ul, #msgBody fieldset, #msgBody form, #msgBody ol, #msgBody dl, #msgBody dir, #msgBody menu { margin: 1.12em 0 }
#msgBody h5 { font-size: .83em; margin: 1.5em 0 }
#msgBody h6 { font-size: .75em; margin: 1.67em 0 }
#msgBody h1, #msgBody h2, #msgBody h3, #msgBody h4, #msgBody h5, #msgBody h6, #msgBody b, #msgBody strong { font-weight: bolder }
#msgBody blockquote { margin-left: 40px; margin-right: 40px }
#msgBody i, #msgBody cite, #msgBody em, #msgBody var, #msgBody address { font-style: italic }
#msgBody pre, #msgBody tt, #msgBody code, #msgBody kbd, #msgBody samp { font-family: monospace }
#msgBody pre { white-space: pre }
#msgBody button, #msgBody textarea, #msgBody input, #msgBody select { display: inline-block }
#msgBody big { font-size: 1.17em }
#msgBody small, #msgBody sub, #msgBody sup { font-size: .83em }
#msgBody sub { vertical-align: sub }
#msgBody sup { vertical-align: super }
#msgBody table { border-spacing: 2px; }
#msgBody thead, #msgBody tbody, #msgBody tfoot { vertical-align: middle }
#msgBody td, #msgBody th { vertical-align: inherit }
#msgBody s, #msgBody strike, #msgBody del { text-decoration: line-through }
#msgBody hr { border: 1px inset }
#msgBody ol, #msgBody ul, #msgBody dir, #msgBody menu, #msgBody dd { margin-left: 40px }
#msgBody ol { list-style-type: decimal }
#msgBody ul { list-style: disc }
#msgBody ol ul, #msgBody ul ol, #msgBody ul ul, #msgBody ol ol { margin-top: 0; margin-bottom: 0 }
#msgBody u, #msgBody ins { text-decoration: underline }
#msgBody br:before { content: "\A" }
:before, :after { white-space: pre-line }
#msgBody center { text-align: center }
#msgBody :link, #msgBody :visited { text-decoration: underline }
#msgBody :focus { outline: thin dotted invert }
/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
*[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
@media print {
#msgBody h1 { page-break-before: always }
#msgBody h1, #msgBody h2, #msgBody h3, #msgBody h4, #msgBody h5, #msgBody h6 { page-break-after: avoid }
#msgBody ul, #msgBody ol, #msgBody dl { page-break-before: avoid }
}
/*######################################################################
///////////// MISC ////////////////////////////////////////////////////////////////////////////////////////////////
#####################################################################*/
/* 13) rod of the jungle: comments-item */
/* comments item */
dl.comments-item { padding: 10px 0; }
dl.comments-item dd { margin: 0 0 0 0px; }
dl.comments-item dd.poster { color: #A5A5A5; }
dl.comments-item dd.poster a { font-weight: bold; }
dd.comments-body ol,
dd.comments-body ul {list-style: disc;}
/* end of the 13) rod of the jungle */
dl.top-display dd { overflow: visible !important; } /* this overwrites Pringos default code, that cuts off the titles. */
/*######################################################################
///////////// EVENTS /////////////////////////////////////////////////
#####################################################################*/
#events-listing #create-event { display: block; float: right; width: 91px; height: 21px; background: url(images/buttons_03.jpg); }
#events-listing #create-event span { display: none; }
#events-full-view #signup-event { display: block; float: right; width: 65px; height: 21px; background: url(images/sign_up_button.jpg); }
#events-full-view #signup-event span { display: none; }
#events-full-view #backgroup-event { display: block; float: right; width: 96px; height: 21px; background: url(images/back_to_group_button.jpg); }
#events-full-view #backgroup-event span { display: none; }
/*######################################################################
///////////// GROUPS /////////////////////////////////////////////////
#####################################################################*/
#addgroup-button { display: block; float: right; width: 81px; height: 21px; background: url(images/buttons_06.jpg); }
#addgroup-button span { display: none; }
/*######################################################################
///////////// DIRECTORY /////////////////////////////////////////////////
#####################################################################*/
#adddir-button { display: block; float: right; width: 105px; height: 21px; background: url(images/buttons_09.jpg); }
#adddir-button span { display: none; }
/*######################################################################
///////////// MANAGE VIDEO /////////////////////////////////////////////////
#####################################################################*/
#upvideo-button { display: block; float: right; width: 96px; height: 21px; background: url(images/upvideo_button.jpg); }
#upvideo-button span { display: none !important; }
/*######################################################################
///////////// MANAGE IMAGES /////////////////////////////////////////////////
#####################################################################*/
#upimages-button { display: block; float: right; width: 96px; height: 21px; background: url(images/upimages_button.jpg); }
#upimages-button span { display: none; }