/* General Layout CSS */
body { margin:0; padding:0; font-size:small; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background:url(../images/background/background-home.jpg) center top fixed; }
#top-bar-area { clear:both; width:100%; height:auto; position:absolute; }
.gold-bar { clear:both; width:100%; height:36px; background:url(../images/background/goldbar.jpg) repeat-x; }
.gold-bar .left { float:left; width:100%; height:36px; background:url(../images/background/goldbar-left.jpg) left no-repeat; }
.gold-bar .right { float:right; width:100%; height:36px; background:url(../images/background/goldbar-right.jpg) right no-repeat; }
#top-frame { clear:both; width:100%; height:50px; background:url(../images/background/frame-top.png) top repeat-x; }
#bottom-frame { clear:both; width:100%; height:50px; background:url(../images/background/frame-bottom.png) bottom repeat-x; }
#bottom-bar-area { clear:both; width:100%; height:auto; }
#content-area { clear:both; width:100%; padding:83px 0px 0px 0px; }

a { color:#ba9e3a; text-decoration:none; font-weight:bold; }
a:active { color:#ba9e3a; }
a:hover { color:#ba9e3a; text-decoration:underline; }

/* Intro Layout CSS */
#center-frame { clear:both; width:100%; height:260px; }

/* Column Layout CSS */
.wrapper { width:945px; height:auto; }
.full-area { float:left; width:100%; height:auto; }
#logo { float:left; width:225px; height:100px; border:0px; position:relative; z-index:10; }
#top-menu-area { float:right; width:685px; height:76px; padding-top:18px; position:relative; z-index:10; }
#component-area { float:left; width:670px; }
#left-area { float:left; width:125px; height:auto; border:1px solid #ccc; }
#middle-area { float:left; width:530px; height:auto; border:1px solid #ccc; }
#module-area { float:right; width:252px; }
#module-inner { float:right; width:250px; border:1px solid #ccc; }
#footer-area { float:left; width:100%; height:auto; line-height:25px; padding:10px 0px 10px 0px; font-size:x-small; border-top:3px solid #ba9e3a; }

/* Button CSS */
.button a { float:left; width:160px; margin:0px; padding:0px; }
.button { border:0px; width:100%; height:43px; margin:0px; }
.button img { border:0px;}
.mermaid { float:left; width:150px; height:33px; padding:0px 5px 0px 5px; }

/* News CSS */
#news .full-area { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ececec; }

/* Network CSS */
#network { }
#network ul.network { float:left; width:100%; height:auto; margin:0px; padding:0px; list-style:none; list-style-type:none; background-image:none; }
#network ul.network li { float:left; width:80px; height:auto; padding:0px; margin:5px; list-style:none; background-image:none; border:1px solid #ececec; }
#network ul.network li img { border:0px; }
#network ul.network li p { float:left; margin:0px; padding:0px; padding-bottom:5px;}

/* Browse Member CSS */
#browse { float:left; width:44%; height:auto; padding:2%; margin:0px 1% 1% 0px; border:1px solid #ccc; }
#browse .image { float:left; width:25%; height:62px; padding:0px 0px; overflow:hidden; }
#browse .image img { border:0px; }
#browse .detail { float:right; width:70%; height:auto; line-height:15px; padding:0px 0px; }

/* Lounge CSS */
#lounge p { margin:0px; padding:0px; }
#lounge .border { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc; position:relative; }
#lounge .detail { float:left; width:100%; height:auto; line-height:25px; font-size:12px; position:relative; bottom:0px; }
#lounge .image { float:left; width:52px; height:auto; position:relative; }
#lounge .content { float:right; width:610px; height:auto; position:relative; }
#lounge .wall { float:left; width:100%; height:auto; line-height:18px; position:relative; }
#lounge .reply { float:left; width:528px; padding:10px; height:auto; line-height:20px; position:relative; border:1px solid #ccc; }
#lounge .wall_reply { float:left; width:550px; height:auto; line-height:18px; position:relative; margin-bottom:5px; }
#lounge .wall_reply .full-area { background:#eeeeee; }
#lounge .content_reply { float:right; width:480px; height:auto; position:relative; }

#wall_input { float:left; width:648px; height:auto; padding:10px; border:1px solid #ccc; margin-bottom:10px; }

/* Comment CSS */
#comment .border { padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc; position:relative; }
#comment .image { float:left; width:52px; height:auto; position:relative; }
#comment .content { float:right; width:520px; height:auto; position:relative; }
#comment .content .info { float:left; width:100%; height:auto; line-height:18px; position:relative; }
#comment .content .detail { float:left; width:100%; height:auto; line-height:25px; font-size:12px; position:relative; bottom:0px; }
#comment_input { float:left; width:578px; height:auto; padding:10px; border:1px solid #ccc; margin-bottom:10px; }

/* Testimonial CSS */
#testimonial .full-area { width:450px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc; position:relative; }
#testimonial .detail { float:left; width:100%; height:auto; line-height:25px; font-size:x-small; position:relative; bottom:0px; }
#testimonial .image { float:left; width:52px; height:auto; position:relative; }
#testimonial .content { float:right; width:380px; height:auto; position:relative; }
#testimonial .testimoni { float:left; width:100%; height:auto; position:relative; }
#testimonial .testimoni span { line-height:18px; }

/* Profile Diary AND Stories CSS */
#profile { float:left; width:100%; height:auto; }
#profile .left {float:left; width:450px; height:auto; }
#profile .right { float:right; width:220px; height:auto; }
#profile .right ul { float:left; width:100%; height:auto; }
#blog_input { float:left; width:100%; height:auto; line-height:20px; padding-bottom:5px; text-align:center; }
#blog_input input#name { border:1px solid #ccc; background:none; }
#profile #diary_input { float:left; width:100%; height:auto; line-height:20px; }

input.clear, textarea.clear { border:0px; border:1px solid #ccc; background:none; margin-bottom:5px; }
#profile #diary_input textarea.clear, 
#profile #diary_input select.clear, 
#profile textarea.clear { border:0px; border-bottom:1px solid #ccc; background:none; margin-bottom:5px; }

input.login { border:0px; background:url(../images/background/button-blue-bg.png) repeat-x; height:20px; color:white; padding:0px 10px 0px 10px; margin:0px; }
input.register { border:0px; background:url(../images/background/button-blue-bg.png) repeat-x; height:20px; color:white; padding:0px 10px 0px 10px; margin:0px; }

/* Blog UL CSS */
ul.blog { float:left; width:100%; padding:0px; margin:0px; }
ul.blog li { float:left; width:100%; padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; background:none; line-height:18px; border-bottom:1px solid #ececec; }
ul.blog li span.title { float:left; width:100%; height:auto; font-family:"Times New Roman", Times, serif; font-size:large; }
ul.blog li span.category { float:left; font-size:smaller; }
ul.blog li span.seperator { float:left; font-size:smaller; padding:0px 10px 0px 10px; }
ul.blog li span.date { float:left; font-size:smaller; }

/* Other CSS */
ul#tabmenu { float:left; width:100%; height:auto; list-style:none; border-bottom:1px solid #ccc; margin-bottom:10px; }
ul#tabmenu li { float:left; padding:0px; margin:0px 2px 0px 0px; list-style:none; background:none; }

ul#tabmenu li.my_lounge { float:left; width:93px; height:32px; line-height:32px; }
ul#tabmenu li.my_profile { float:left; width:87px; height:32px; line-height:32px; }
ul#tabmenu li.my_friends { float:left; width:92px; height:32px; line-height:32px; }
ul#tabmenu li.my_testimonial { float:left; width:120px; height:32px; line-height:32px; }
ul#tabmenu li.my_diary { float:left; width:78px; height:32px; line-height:32px; }
ul#tabmenu li.my_photos { float:left; width:88px; height:32px; line-height:32px; }
ul#tabmenu li.mailbox { float:left; width:75px; height:32px; line-height:32px; }

ul#tabmenu li.lounge { float:left; width:93px; height:32px; line-height:32px; }
ul#tabmenu li.profile { float:left; width:87px; height:32px; line-height:32px; }
ul#tabmenu li.friends { float:left; width:92px; height:32px; line-height:32px; }
ul#tabmenu li.testimonial { float:left; width:120px; height:32px; line-height:32px; }
ul#tabmenu li.diary { float:left; width:78px; height:32px; line-height:32px; }
ul#tabmenu li.photos { float:left; width:88px; height:32px; line-height:32px; }

ul#tabmenu li.change { float:left; width:146px; height:32px; line-height:32px; }
ul#tabmenu li.cancel { float:left; width:137px; height:32px; line-height:32px; }

ul#tabmenu li a { float:left; width:100%; text-align:center; }
ul#tabmenu li a:hover {  }

/* Other Diary CSS */
#other { float:left; width:100%; height:auto; line-height:18px; }
#other div.full-area { padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; border-bottom:1px solid #ececec; }
#other div.title { float:left; width:100%; height:auto; font-family:"Times New Roman", Times, serif; font-size:x-large; line-height:25px; padding-bottom:5px; }
#other div.content { float:left; width:100%; height:auto; padding-bottom:5px; }
#other div.info { float:left; width:100%; height:auto; }
#other div.info span.category { float:left; font-size:smaller; }
#other div.info span.seperator { float:left; font-size:smaller; padding:0px 10px 0px 10px; }
#other div.info span.date { float:left; font-size:smaller; }

/* Diary CSS */
#diary { float:left; width:100%; height:auto; line-height:18px; }
#diary div.full-area { padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; border-bottom:1px solid #ececec; }
#diary div.title { float:left; width:100%; height:auto; font-family:"Times New Roman", Times, serif; font-size:x-large; line-height:25px; padding-bottom:5px; }
#diary div.content { float:left; width:100%; height:auto; padding-bottom:5px; }
#diary div.info { float:left; width:100%; height:auto; }
#diary div.info span.name { float:left; font-size:smaller; }
#diary div.info span.category { float:left; font-size:smaller; }
#diary div.info span.seperator { float:left; font-size:smaller; padding:0px 10px 0px 10px; }
#diary div.info span.date { float:left; font-size:smaller; }

/* Mailbox CSS */
#inbox { float:left; width:100%; height:auto; }
span.date { float:left; width:100%; height:auto; color:grey; font-size:smaller; }
table#table_inbox { float:left; width:100%; height:auto; }
table#table_inbox tr { float:left; width:100%; height:auto; }
table#table_inbox tr td { padding:0px 0px 5px 0px; margin:0px 0px 5px 0px; border-bottom:1px solid #ccc; }
table#table_inbox span.username { float:left; width:100%; height:auto; }
table#table_inbox span.date { float:left; width:100%; height:auto; color:grey; font-size:smaller; }
table#table_inbox span.subject { float:left; width:100%; height:auto; }
table#table_inbox span.content { float:left; width:100%; height:auto; }
table#table_inbox span.button { float:left; width:auto; height:auto; }

/* Gallery CSS */
.table_gallery { float:left; width:100%; list-style:none; }
.table_gallery img { border:0px; }

.LV_validation_message{ font-weight:bold; margin:0 0 0 5px; }
.LV_valid { color:#00CC00; }
.LV_invalid { color:#CC0000; }
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active 
{
    border: 1px solid #00CC00;
}    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active 
{
    border: 1px solid #CC0000;
}