/* GENERAL TAG STYLING */

body { margin: 0; padding: 0; }
a { color: blue; text-decoration: underline; }
a:hover { color: #FF6600; text-decoration: underline; }
a.static { color: black; text-decoration: none; }
a.static:hover { color: #FF6600; }
h1 { font-size: 167%; font-weight: bold; }
h2 { font-weight: bold; font-size: 107%; }
h3 { font-weight: bold; }
label.required { font-weight: bold; }
input.submit { font-weight: bold; }
input.small { font-size: 85%; }
small { font-size: 85%; font-weight: normal; color: #aaa; }
strong { font-weight: bold; }
em { font-style: italic; }
td {vertical-align:top;}



/* GENERAL PURPOSE STYLE SHORTCUTS */


.cr { clear: right; }
.cl { clear: left; }
.cb { clear: both; }
.hide { display: none; }
.nobr { white-space: nowrap; }
.notop { border-top: none !important; }
.block { display: block; }
.highlight { color: #FF6600; }
.grayed { color: #aaa; }
.boxed { border: 1px solid #93a5f8; }
.boxed.notop { border-top: none; }
.bg { background-color: #f5f6fb; }
.small { font-size: 95%; }
.emptytext { color: #aaa; }
.label { color: #aaa; }
.bg .label { color: #93a5f8; }
.pad0 { padding: 0 !important; }
.pad1 { padding: 5px !important; }
.pad2 { padding: 10px !important; }
.date { font-size: 85%; color: #aaa; white-space: nowrap; }
.ok { color: #00CC00; }
.no, .error { color: red !important; }
.fp { padding: 10px; }
.hm { padding-bottom: 5px; } /* Half-Margin - displays half margin under element */
.fm { padding-bottom: 10px; } /* Full-Margin - displays full margin under element */
.hmt { margin-top: 5px; } /* Half-Margin-Top - displays half margin above element */
.fmt { margin-top: 10px; } /* Full-Margin-Top - displays full margin above element */
.dmt { margin-top: 20px; } /* Double-Margin-Top - displays double margin above element */
.fl { float: left !important; }
.fr { float: right !important; }
.rt { border-top: 1px solid #ddd; padding-top: 5px; } /* rule top */
.rb { border-bottom: 1px solid #ddd; padding-bottom: 5px; } //margin-bottom: 5px; } /* rule bottom */
.bg .rt, .bg .rb { border-color: #ccc; }
.reset { background: none; border: none; font-weight: normal; }
.pr { position: relative; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clear both to use inside container */




/* MASTERPAGE ELEMENT STYLES */


#header { padding: 10px 10px 0 10px; background: #ffc200; border-bottom: 1px solid #ff6600; margin-bottom: 1px; position: relative; }
#header .inner { min-width: 750px; max-width: 1250px; margin: auto; padding-bottom: 5px; position: relative; }
#header h1#logo { float: left; padding-right: 10px; position: relative; z-index: 998; }
#header #logo img { display: block; }
#header #usermenu { position: absolute; z-index: 99; right: 0px; top: 0px; }
#header h1#pagetitle { margin-top: -4px; float: left; color: #aaa; }


#header .mainmenu { position: relative; z-index: 999; float: left; font-weight: bold; }
#header .mainmenu li { float: left; background-image: url(/images/mainmenu_back.gif); background-repeat: no-repeat; margin-right: 5px; }
#header .mainmenu li a { display: block; padding: 3px 12px 5px 12px; background-image: url(/images/mainmenu_right.gif); background-repeat: no-repeat; background-position: right top; color: #fff; text-decoration: none; }


#header #userinfo2 { float: right; }
#header #userinfo2 li { float: left; background-image: url(/images/usermenu2_back.gif); background-repeat: no-repeat; margin-right: 5px; }
#header #userinfo2 li.selected { background-image: url(/images/usermenu2_back_on.gif); }
#header #userinfo2 li a { display: block; background-image: url(/images/usermenu2_right.gif); background-repeat: no-repeat; background-position: right top; }
#header #userinfo2 li.selected a { background-image: url(/images/usermenu2_right_on.gif); }
#header #userinfo2 li a strong, #userinfo2 li a span { display: block; padding: 3px 12px 5px 12px; line-height: 16px;  }
#header #userinfo2 .login strong { background: url(/images/action_login.gif) no-repeat 8px 4px; padding-left: 28px; }
#header #userinfo2 li.selected strong { background-image: url(/images/action_login_on.gif);padding-bottom: 13px; }


#header #userinfo { float: right; font-size: 85%; background-image: url(/images/usermenu_back.gif); background-repeat: repeat-x; height: 23px; overflow: hidden; }
#header #userinfo h3 { float: left; background-image: url(/images/usermenu_back.gif); background-repeat: repeat-x; background-position: 0 -22px; }
#header #userinfo h3 a { display: block; padding: 4px 5px 6px 10px; background-image: url(/images/usermenu_corner.gif); background-repeat: no-repeat; color: #ff6600; text-decoration: none; }
#header #userinfo ul { float: left; padding: 4px 10px 6px 10px; background-image: url(/images/usermenu_back.gif); background-position: 0 -44px; background-repeat: no-repeat; }
#header #userinfo ul li { display: block; float: left; padding-left: 10px; }
#header #userinfo ul li a { color: #fff; text-decoration: none; }
#header #userinfo .corner { float: left; background-image: url(/images/usermenu_corner.gif); background-position: 0 -23px; background-repeat: no-repeat; height: 23px; width: 6px; }


#header #sitesearch { float: right; padding-right: 10px; }
#header #sitesearch fieldset { display: inline; }
#header #sitesearch fieldset a { color: #fff; }
#header #searchkeyword { width: 80px; }

#bannertop { padding: 10px 10px 0 10px; }
#bannertop .inner { min-width: 750px; max-width: 1250px; margin: auto; }
#bannertop .big { margin-right: 10px; min-height: 90px; max-height: 180px; min-width: 728px; max-width: 980px; float: left; }
#bannertop .small { height: 88px; min-width: 150px; overflow: hidden; border: 1px solid #ff6600; background: #fff;}
#bannertop .aditem { margin-top: 10px; }


#bannercol { width: 260px; }
#bannercol .item { width: 250px; margin-left:10px; }


#subheader { background-color: #fff95c; background-repeat: no-repeat; background-position: 3px 3px; color: #b2b2ff; clear: both; border-bottom: 1px solid #ff6600; border-top: 1px solid #ff6600; }
#subheader .subheader { min-width: 750px; max-width: 1250px; margin: auto; background-repeat: no-repeat; background-position: 10px 3px; padding: 3px 10px 4px 30px; }
#subheader span, #subheader strong, #subheader label, #subheader h3 { color: black; }
#subheader .shopping { background-image:url(/images/header_shopping.gif); }
#subheader .login { background-image:url(/images/header_login.gif); background-position: 10px 7px !important; }
#subheader .login label { padding-left: 10px; white-space: nowrap; }
#subheader_login #login_status { font-style: italic; padding: 3px 0 0 10px; white-space: nowrap; display: block; }
#subheader_login #login_status * { display: inline; }
#subheader_login #login_status .no { color: red; font-style: normal; font-weight: bold; }
#subheader_login #login_links { padding-left: 10px; white-space: nowrap; }
#subheader_login #login_links a { }
#subheader_login h3 { float:left; margin: 3px 20px 0 0; }


#container { clear: both; padding: 10px; min-width: 750px; max-width: 1250px; margin: auto; }
#container.loose { padding: 30px; }


#sidebar { width: 120px; padding-right: 10px;  overflow: hidden; }
#sidebar #memberlinks { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; }


#content { position: relative; }


#context { border: 1px solid #93a5f8; padding: 10px; margin-bottom: 10px; background-color: #fff; }
#context .body { }
#context .body h2 { margin: 10px 0 5px 0; padding: 0; background: none; }
#context ul { padding-bottom: 5px; padding-left: 5px; }
#context .private { padding-top: 5px; margin-top: 5px; border-top: 1px solid #ddd; }
#context .userpic { height: 75px; width: 75px; overflow: hidden; position: relative; }
#context .userpic img { display: block; position: absolute; bottom: 0px; left: 0px; }


#footer { clear: both; padding: 25px 0; color: #aaa; font-size: 85%; }
#footer p { padding: 5px; line-height: 160%; border-top: 1px solid #ddd; }
#footer a, #footer span { padding: 5px; }


table.layout { width: 100%; }
table.layout tr { vertical-align: top; }
table.layout .column { padding-left: 10px; }
table.layout .first { padding-left: 0; }


.badge a { display: block; height: 37px; background-repeat: no-repeat; font-size: 110%; line-height: 37px; text-align: right; padding-right: 15px; color: #fff; }
.badge span { display: none; }
.badge a.nagi { background-image: url(/images/badge_nagi.gif); }
.badge a.toru { background-image: url(/images/badge_toru.gif); }


.module { overflow: hidden; margin-bottom: 10px; }
.module.bg { border: 1px solid #93a5f8; }
.module .body { /*padding: 5px 10px;*/ }
.module.minimized .body, .module.closed .body  { display: none; }
.module .header h2 { background-color: #93a5f8; background-image: url(/images/module_back.gif); background-repeat: repeat-x; color: #333; font-size: 110%; padding: 4px 10px; }
.module h2 a.button { width: 16px; height: 16px; float: right; padding: 0; margin-left: 4px; background-repeat: no-repeat; }
.module h2 a.button span { display: none; }
.module h2 a.button:hover { background-position: 0 -16px; }
.module h2 a.button.toggle { background-position: 0 -32px; }
.module h2 a.button.toggle:hover { background-position: 0 -48px; }
.module h2 a.minimize { background-image: url(/images/module_minimize.gif); }
.module h2 a.close { background-image: url(/images/module_close.gif); }
.module h2 a.edit { background-image: url(/images/module_edit.gif); }
.module h2 a.help { background-image: url(/images/module_help.gif); }
.module .body { clear: both; }


.pagemessage { padding: 3px 10px; border: 1px solid #eee; margin-bottom: 10px; font-size: 85%; position: relative; }
.pagemessage.confirm { border: 1px solid #00cc00; padding-left: 25px; color: #00cc00; background-color: #e6ffc9; background-image: url(/images/msg_confirm.gif); background-repeat: no-repeat; background-position: 10px 5px; font-weight: bold; }
.pagemessage.error { border: 1px solid #ff0000; padding-left: 25px; background-image: url(/images/msg_error.gif); background-repeat: no-repeat; background-position: 10px 4px; color: #ff0000; background-color: #ffff57; font-weight: bold; }
.pagemessage a { display: block; position: absolute; right: 5px; top: 2px; height: 15px; width: 15px; background-image: url(/images/ui_close.gif); background-repeat: no-repeat; background-position: center center; }
.pagemessage a em { display: none; }


#editmenu { margin-bottom: 10px; overflow: hidden; }
#audience { width: 350px;}
#audience .action a { border-color: #93a5f8; }




/* SHARED CONTENT ELEMENTS */


.userprofile .body { background-color: #fffcb3; border-color: #ffc200 !important; }
.userprofile h1 { color: #f46e00; padding-top: 10px; }
.userprofile h2.rb { border-color: #ffe181 !important; }
.userprofile .details dt { color: #f46e00; }
.userprofile .tabmenu { background-image: url(/images/profile_tabmenu_px.gif); }
.userprofile .tabmenu a { background-color: #ffc200; background-image: none; }
.userprofile .tabmenu li.selected { border-color: #ffc200; }
.userprofile .tabmenu li.selected a { background-color: #fffcb3; background-image: url(/images/bullet_active.gif); }
.userprofile .status { margin-top: 5px; padding: 5px 10px 5px 30px; border: 1px solid #ffc200; background: url(/images/ico_user.gif) no-repeat 10px 5px #fff; }
.userprofile .status .msg { font-style: italic; }


.vmenu { }
.vmenu li { padding: 0 0 5px 10px; background-image: url(/images/bullet_inactive.gif); background-repeat: no-repeat; background-position: 0 4px; }
.vmenu.xl a { font-size: 107%; }
.vmenu .selected { background-image: url(/images/bullet_active_hr.gif); font-weight: bold; }


.hmenu { overflow: hidden; }
.hmenu li { padding: 0 15px 5px 10px; background-image: url(/images/bullet_inactive.gif); background-repeat: no-repeat; background-position: 0 4px; float: left; }
.hmenu .selected { background-image: url(/images/bullet_active.gif); font-weight: bold; }


.tabmenu { overflow: hidden; background: url(/images/module_footerback.gif) repeat-x bottom left; }
.tabmenu li { float: left; margin-right: 1px; padding-top: 3px; }
.tabmenu a, .tabmenu li.inactive { display: block; padding: 3px 10px; font-size: 92%; line-height: normal; background: #93a5f8 url(/images/module_back.gif) repeat-x; text-decoration: none; color: black; }
.tabmenu a:hover { color: #FF6600; }
.tabmenu li.selected { border: 1px solid #93a5f8; border-bottom: none; padding-top: 0; }
.tabmenu li.selected a { background: #fff url(/images/bullet_active.gif) no-repeat 10px 10px; padding-left: 22px; padding-top: 6px; color: #FF6600; }
.tabmenu li.selected a:hover { color: #FF6600; }
.tabmenu li.label { padding: 6px 6px 0 0; }
.tabmenu li.filter { padding-top: 0; padding-left: 20px; }
.xl .tabmenu a { font-size: 107%; font-weight: bold; }
.xl .tabmenu li.selected a { }


.contenttable { border-collapse: collapse; }
.contenttable th { font-weight: bold; padding: 5px 10px 5px 0; white-space: nowrap; }
.contenttable td { padding: 5px 10px 5px 0; }
table.fullborder th { padding: 5px; background: #ddd; border: 1px solid #ddd; }
table.fullborder td { border: 1px solid #ddd; padding: 5px; }


.datatable { border-collapse: collapse; }
.datatable th { font-size: 85%; color: #aaa; padding: 5px 10px 1px 0; border-bottom: 1px solid #ddd; }
.datatable td { padding: 5px 10px 5px 0; border-bottom: 1px solid #ddd; }
.datatable.noborder td { padding: 3px 10px 3px 0; border: none; }
.datatable td.filled { padding: 0 10px 0 0; }
.datatable .padded { padding-left: 10px; }
.datatable .colored td, .datatable .colored th { background-color: #eee; }
.datatable td img { display: block; }
.datatable tr.selected { background-color: #ddd; }


.pager { }
.pager a, .pager b, .pager em { display: block; width: 30px; height: 25px; float: left; margin-right: 3px; margin-bottom: 3px; border: 1px solid #ddd; text-align: center; line-height: 25px; }
.pager em { color: #aaa; }
.pager a:hover { border-color: #FF6600; }
.pager .selected { color: #FF6600; font-weight: bold; width: 30px; font-size: 136%; background-color: #ddd; }
.pager .info { display: block; float: left; color: #aaa; line-height: 25px; padding-right: 10px; height: 25px; margin-bottom: 3px; }
.pager .navi { width: auto; padding-left: 5px; padding-right: 5px; border-color: white; font-weight: bold; }
.pager .blank { width: auto; padding-left: 0px; padding-right: 0px; border-color: white; }


.userinfo { background: url(/images/action_friends.gif) no-repeat; background-position: -6px 0; padding-left: 14px; }
.userdata .active { font-weight: normal; background-image: url(/images/action_friends_active.gif); }
.userdata .fade { background-image: url(/images/action_friends_fade.gif); }
.userdata .group { font-style: italic; background: url(/images/action_group.gif) no-repeat; color: #aaa; }


.details dt { width: 95px; float: left; clear: left; text-align: right; color: #aaa; font-size: 85%; padding-top: 2px; overflow: hidden; white-space: nowrap; }
.details dd { padding-bottom: 5px; margin-left: 100px; }



/* CONTENT STYLES */


.freetext { }
.freetext p, .freetext ul, .freetext ol, .freetext dl { font-size: 107%; margin-bottom: 10px; line-height: 133%; }
.freetext table { margin-bottom: 10px; }
.freetext ol { list-style-type: decimal; }
.freetext li { margin-left: 40px; }
.freetext .leading { padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 15px; }
.note { font-size: 85%; color: #aaa; }
.grayed { color: #aaa; }
.leading { font-size: 107%; line-height: 133%; margin-bottom: 10px; }
.bulleted { padding-top: 5px; }
.bulleted li, .freetext ul li { padding-left: 14px; padding-bottom: 5px; background-image: url(/images/bullet_ul.gif); background-repeat: no-repeat; background-position: 3px 6px; }
.large li { font-size: 122%; }
.numbered li { list-style-type: decimal; list-style-position: inside; padding-bottom: 5px; }
.numbered .selected { font-weight: bold; }
.numbered .unselected { color: #aaa; }




/* GENERAL FORM STYLING */


.actionform {margin-bottom:5px;}
.actionform { background-color: #eee; overflow:hidden; background-image: url(/images/formback_body.gif); background-repeat: repeat-y; }
.actionform .formsection { padding: 5px 10px 5px 15px; border: 1px solid #ddd; background: #fff; }
.actionform .buttonbar { padding: 5px 15px; background-color: #ddd; border-bottom: 1px solid #fff; background-image: url(/images/formback_footer.gif); background-repeat: repeat-y; }
.actionform .buttonbar input { padding: 0 10px; }
.actionform .required label, .actionform label.required { font-weight: bold; }
.actionform p, .actionform li, .field, .fields li, .fields p { line-height: 20px; padding-bottom: 3px; }
.actionform fieldset h1 { margin-bottom: 5px; }
.actionform fieldset h3, .actionform fieldset h2 { padding-bottom: 3px; margin-bottom: 10px; border-bottom: 1px solid #ddd; }
.actionform p input, .actionform li input, .actionform p img, .actionform li img { vertical-align: middle; }
.actionform ul ul { padding-left: 20px; }
.actionform hr { height: 1px; border: none; border-bottom: 1px solid white; }
.actionform .status { color: green; font-style: italic; padding: 10px 15px 0 15px; }
.actionform .error { color: red !important; font-weight: bold; font-style: normal; }
.actionform .instruction { line-height: normal; font-size: 107%; margin-bottom: 10px; }
.actionform .hint { line-height: normal; font-size: 85%; /*padding: 8px 0;*/ color: #999; }
.actionform .block { padding: 15px; }
.actionform .element { display: block; awidth: 66%; /* for IE6 3px text jog */ }
.actionform .leftlabel .element { margin-left: 170px; /* 33% */ }
.actionform .leftlabel label { width: 140px; /* 33% */ float: left; text-align: right; padding-right: 10px; }
.actionform .rightlabel label { width: auto; float: none; }
.actionform .toplabel label { margin-bottom: 5px; }
.actionform .toplabel element { clear: left; }
.actionform .leftlabel { clear: left; }
.actionform .action a { background-color: #fff; }



/* ACTION TRIGGERS */


.actionmenu .selected { background-image: none; }
.actionmenu .selected a { background-color: #e2e6f5; border-color: #93a5f8; }
.horizontal { overflow: hidden; }
.horizontal li, .horizontal p, .horizontal div { float: left; margin-right: 5px; }
.actionmenu li.label { padding-top: 5px; }
.action a { display: block; border: 1px solid #fff; padding: 3px 10px; }
.bg .action a { border-color: #f5f6fb; }
.action a:hover { border: 1px solid #FF6600; color: #FF6600; }
.action a.ico { padding-left: 25px; background-repeat: no-repeat; background-position: 5px 3px; }

.action a.page_public { background-image: url(/images/page_url.gif); }
.action a.page_friends { background-image: url(/images/page_user.gif); }
.action a.page_users { background-image: url(/images/page_user_light.gif); }
.action a.user_friend { background-image: url(/images/ico_smile.gif); }
.action a.user_message { background-image: url(/images/email_go.gif); }
.action a.fav_keskus { background-image: url(/images/fav_keskus.gif); }
.action a.fav_nagi { background-image: url(/images/fav_nagi.gif); }
.action a.fav_toru { background-image: url(/images/fav_toru.gif); }
.action a.fav_fotoalbum { background-image: url(/images/fav_fotoalbum.gif); }
.action a.fav_album { background-image: url(/images/fav_album.gif); }
.action a.friend_add { background-image: url(/images/ico_user_add.gif); }
.action a.friends_manage { background-image: url(/images/ico_tag_edit.gif); }
.action a.group { background-image: url(/images/ico_group.gif); }
.action a.group_add { background-image: url(/images/ico_group_add.gif); }
.action a.group_edit { background-image: url(/images/ico_group_edit.gif); }
.action a.group_join { background-image: url(/images/ico_join.gif); }
.action a.group_leave { background-image: url(/images/ico_return.gif); }
.action a.delete { background-image: url(/images/ico_bin.gif); }

.on a.check { background-image: url(/images/action_check_on.gif); }
.on a.checkfriend { background-image: url(/images/action_checkfriend_on.gif); }
.on a.favourite { background-image: url(/images/action_favourite_on.gif); }
.on a.cover { background-image: url(/images/action_cover_on.gif); }
.on a.user_friend { background-image: url(/images/ico_smile_strike.gif); }




/*	EDIT MODE */


.editmode #content .layout { border: 2px dashed #ff6600; margin-top: 2px; }
.editmode #content .layout .column { padding: 5px !important; }
/*.editmode #editmenu { padding: 5px 10px; border: 2px solid #ff6600; background: #ffff5b; margin-bottom: 0; }*/

.onDragActiveModuleTop { border-top: 3px solid #FF6600 !important; }
.onDragActiveModuleBottom { border-bottom: 1px double #FF6600; }
.onDragActiveZone { border: 1px solid #FF6600 !important; }
.onDragItem { opacity: 0.33; filter: alpha(opacity=33); }
.onDragZoneDefault { border: 1px dashed silver; padding: 5px; }
.onDragModuleDefault .component { }
.onCloseModule .component { display: none; }




/* BANNER / TEXT ADS */

.textads { border: 1px solid #ddd; margin-left: 10px; }
.textads .aditem h3 { font-size: 120%; }
.textads .aditem { padding: 0 10px 10px 10px; }
.textads h4 { font-weight: normal; text-transform: uppercase; letter-spacing: .4em; color: #999; font-size: 85%; padding: 5px 10px 10px 10px; }

.adblock { padding: 5px 10px; border: 1px solid #ff6600; background-color: #FFFFCC; }
.adblock h2, .adblock h3 { color: #ff6600; margin-bottom: 5px; }
.adblock .aditem { margin-bottom: 5px; padding-left: 20px; margin-left: 15px; }
.adblock .go { background: url(/images/adblock_go.gif) no-repeat 0 1px; }




/* MODULE STYLES */


.birthdays { padding: 7px 0; }


.actionfeed {  }
.actionfeed p { background: url(/images/ico_information.png) no-repeat 10px 7px; padding: 7px 30px; border-bottom: 1px solid #ddd; }
.actionfeed .comment { background-image: url(/images/ico_comment.gif); }
.actionfeed .photo { background-image: url(/images/ico_photo.gif); }
.actionfeed .video { background-image: url(/images/ico_play.gif); }
.actionfeed .group { background-image: url(/images/ico_group.gif); }
.actionfeed .friends { background-image: url(/images/ico_smile.gif); }
.actionfeed .profile { background-image: url(/images/ico_vcard.gif); }
.actionfeed .status { background-image: url(/images/ico_user.gif); }
.actionfeed .status .description { font-style: italic; }
.actionfeed .preview { display: block; margin-top: 3px; overflow: hidden; }
.actionfeed .photo .preview { height:78px; }
.actionfeed .preview img { margin-right: 1px; }
.actionfeed .comment .preview { font-style: italic; color: #FF9900; }
.actionfeed .comment .preview img { float: left; margin-right:5px; }
.actionfeed .newapp { background-image: url(/images/empty_app.gif); }

.minifeed { padding: 10px; padding-bottom: 5px; }
.minifeed p { margin-bottom: 5px; }
.minifeed.add { background-color: #f5f6fb; border-bottom: 1px solid #ddd; }
.minifeed.add .message { color: #ff9900; }
.minifeed.add button { display: block; margin-top: 5px; }


.clips a { display: block; text-decoration: none; float: left; overflow: hidden; border: 1px solid #fff; padding: 10px; width: 120px; height: 160px; }
.bg .clips a { border-color: #f5f6fb; }
.clips a:hover { text-decoration: none; border-color: #FF6600; }
.clips a .picture { display: block; position: relative; background-color: #fff; }
.clips a .picture img { display: block; width: 120px; }
.clips a strong { text-decoration: underline; font-weight: normal; margin-bottom: 5px; }
.clips a em { font-weight: bold; font-style: normal; }
.clips a .author, .clips a .details, .clips a .date { color: #aaa; font-size: 85%; margin-top: .3em; }
.clips a .comments { background: url(/images/action_comment_highlight.gif) no-repeat 2px 2px; padding-left: 18px; color: #FF6600; }
.clips a .date { display: block; }
.clips a .views { background: url(/images/listdetails_views.gif) no-repeat 5px 2px; padding-left: 20px; }
.clips a .length { background: url(/images/listdetails_time.gif) no-repeat 0px 1px; padding-left: 12px; }
.clips a .rating { }
.clips a .rating b { display: block; width: 11px; height: 9px; float: left; background: url(/images/ratescale_s.gif) no-repeat 0 -30px; }
.clips a .rating b.full { background-position: 0 0; }
.clips a .rating b.half { background-position: 0 -15px; }
.clips a .rating em { display: none; }


.imagelog a { display: block; text-decoration: none; float: left; overflow: hidden; border: 1px solid #fff; padding: 10px; }
.bg .imagelog a { border-color: #f5f6fb; }
.imagelog a:hover { text-decoration: none; border-color: #FF6600; }
.imagelog a .picture { display: block; position: relative; background-color: #fff; }
.imagelog a .picture img { display: block; }
.imagelog a strong { display: block; text-decoration: underline; font-weight: normal; font-size: 85%; margin-bottom: 5px; }
.imagelog a em { font-weight: bold; font-style: normal; }
.imagelog a .author, .imagelog a .details, .imagelog a .date { display: block; color: #aaa; font-size: 85%; white-space: normal;}
.imagelog a .comments { background: url(/images/action_comment_highlight.gif) no-repeat; padding-left: 18px; color: #FF6600; }
.imagelog a .views { background: url(/images/listdetails_views.gif) no-repeat 0px 2px; padding-left: 15px; }
.imagelog a .ratescale { display: block; }
.imagelog a .ratescale img { margin-left: 0; }
.square a { width: 75px; height: 110px; padding: 9px; }
.square a .picture { width: 75px; height: 75px; margin-bottom: 3px; }
.square a strong { display: none; }
.square a .date { margin-bottom: 0px; }
.square a .comments { float: right; color: #FF6600; }
.square a .userinfo { margin-top: 2px; white-space: nowrap; }


.albumthumbs { overflow: hidden; }
.albumthumbs a { text-decoration: none; display: block; float: left; overflow: hidden; width: 100px; height: 144px; background-color: #eee; border: 1px solid #ddd; border-top-color: #eee; border-left-color: #eee; padding: 10px; margin: 0 3px 3px 0; }
.albumthumbs a:hover { text-decoration: none; border-color: #FF6600; }
.albumthumbs a img { display: block; margin-bottom: 3px; }
.albumthumbs a b { text-decoration: underline; font-size: 107%; }
.albumthumbs a span { color: #aaa; }
.albumthumbs a .details { display: block; font-size: 85%; margin-top: 1px; }


.grouplist { overflow: hidden; }
.grouplist a { text-decoration: none; display: block; float: left; overflow: hidden; width: 119px; height: 144px; background-color: #eee; border: 1px solid #ddd; border-top-color: #eee; border-left-color: #eee; padding: 10px; margin: 0 3px 3px 0; }
.grouplist a:hover { text-decoration: none; border-color: #FF6600; }
.grouplist a img { display: block; margin-bottom: 3px; }
.grouplist a b { text-decoration: underline; font-size: 107%; display: block; clear: both; }
.grouplist a .picture { float: left; }
.grouplist a .details { float: left; color: #aaa; font-size: 85%; overflow: hidden; padding: 5px 0 0 5px; background-color: #fff; width: 39px; height: 70px; }
.grouplist a .details span { display: block; margin-top: 1px; background-repeat: no-repeat; background-position: 0 2px; padding-left: 12px; }
.grouplist a .details .members { background-image: url(/images/listdetails_member.gif); }
.grouplist a .details .photos { background-image: url(/images/listdetails_photo.gif); }
.grouplist a .details .posts { background-image: url(/images/listdetails_comment.gif); }


/*.inbox th.sender, .inbox td.sender { padding-left: 10px; }
.inbox td { vertical-align: top; }*/
.inbox p { margin-bottom: 5px; }



.friendlist a { display: block; text-decoration: none; padding: 5px; float: left; overflow: hidden; width: 177px; height: 75px; border: 1px solid #eee; border-bottom-color: #ddd; border-right-color: #ddd; background: #fff; margin: 0 3px 3px 0; }
.friendlist a:hover { border-color: #FF6600; text-decoration: none; }
.friendlist a .picture { display: block; overflow: hidden; width: 75px; height: 75px; float: left; margin: 0 5px 0 0; text-align: right; }
.friendlist a .picture img { display: block;  }
.friendlist a strong { display: block; text-decoration: underline; font-weight: normal; }
.friendlist a .group { color: black; font-size: 85%; display: block; }
.friendlist a .details { color: #aaa; font-size: 85%; padding-right: 0px; display: block; float: left; line-height: 16px; }
.friendlist a .pictures { background: url(/images/action_photo.gif) no-repeat; padding-left: 20px; }
.friendlist a .albums { background: url(/images/action_album.gif) no-repeat; padding-left: 20px; }
.friendlist a .comments { background-image: url(/images/action_comment.gif); padding-left: 20px; white-space: nowrap; }
.friendlist a .friends { background: url(/images/action_friends.gif) no-repeat; padding-left: 20px; white-space: nowrap; }
.friendlist .userinfo {padding-left:95px; background-position: 75px 2px}
.compact a { padding: 5px; width: 124px; height: 30px; }
.compact a .picture { width: 30px; height: 30px; margin: 0 5px 0 0; }
.compact .userinfo {padding-left:45px; background-position: 27px 2px}



/* HACKS FOR IE */
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html .details dt { margin-right: 5px; }
* html .details dd { height: 1%; margin-left: 95px; }
* html #content { height: 1%; margin-left: 0; }
* html .clear { height: 1%; }
* html .imagelog a .picture { margin-right: 7px; }
* html .square a .picture { margin-right: 2px; }
* html .imagelog a strong, * html .imagelog a .author, * html .imagelog a .details, * html .imagelog a .date { height: 1%; margin-left: 0; }
* html .pageindex dd { height: 1%; margin-left: 0;	 }
* html .pageindex dt { margin-right: 10px; }
* html .columns .first { margin-right: 7px; }
* html .columns .second { height: 1%; margin-left: 0; }
* html .actionfeed p { height: 1%; }
/* End hide from IE5/mac */

#FooterAds {
	border: 1px solid #ddd;
	width: auto;
	height: 200px;
	clear: both;
	margin: 10px;
	padding-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#FooterAds .aditem {
	float: left;
	width: 22%;
	min-width: 200px;
	padding-left: 1%;
	padding-right: 1%;
}
.smallpics a {
        width: 246px;
        height: 130px;
        }
.smallpics a .picture {
        width: 128px;
        height: 128px;
        float: left;
        border: 1px solid #ddd;
        }
.smallpics a .picture img {
        position: absolute;
        top: 0;
        right: 0;
        }
.smallpics strong,
.smallpics a .author,
.smallpics a .details,
.smallpics a .date,
.smallpics a .ratescale {
        margin-left: 138px;
        }
.smallpics a .ratescale {
        margin-left: 138px;
        }

.giftlist { overflow: hidden; }
.giftlist a { text-decoration: none; display: block; float: left; overflow: hidden; width: 100px; height: 120px; background-color: #eee; border: 1px solid #ddd; border-top-color: #eee; border-left-color: #eee; padding: 10px; margin: 0 3px 3px 0; }
.giftlist a:hover { text-decoration: none; border-color: #FF6600; }
.giftlist a img { display: block; margin-bottom: 3px; }
.giftlist a b { text-decoration: underline; font-size: 107%; }
.giftlist a span { color: #aaa; }
.giftlist a .details { display: block; font-size: 85%; margin-top: 1px; }
.giftlist input { margin-left:80px; }

.comment .url { clear:both; padding-left:5px; border-left:3px #eee solid; margin:5px;}
.actionfeed .feedcomment {padding-left:5px; border-left:3px #eee solid; margin:5px; display:block; margin-top:3px;}

#sitebar, #sitebar table, #sitebar td, #sitebar tr {padding:0; margin:0;border-collapse:collapse}
#sitebar {
/*       background: #ddd url(http://betastatic1.keskus.ee/images/module_back.gif) left bottom repeat-x; */
	background-color:#ddd;
       font-family: Verdana, Arial, Helvetica, sans-serif;
       width: 100%;
       border-collapse: collapse;
	border-bottom:5px #fff solid;
       }
#sitebar a {
       display: block;
       padding: 7px 11px;
       text-decoration: none;
       color: #000;
       font-weight: bold;
       font-size: 10px;
       line-height: normal;
       }
#sitebar .selected a {
       background: #fff;
/*       border-bottom: 1px solid #ddd; */
/*       padding-bottom: 8px; */
       color: #000;
       }