Resultat de la compression du code CSS de www.churchgang.com

Lasse nous voir ce que nous avons fait pour www.churchgang.com

CSSCruncher.com à sauvgardé
21,28 % de code poour ce site! Incroyable!

Mais oh la la! On vient de trouver des erreurs dans ton code CSS!

» Montre touts les erreurs et avertissement

Code CSS comprimé:

@charset "utf-8";body{margin:0px auto;padding:0px;background:url(../images/bg.jpg) top center #999999 fixed;font-family:Verdana,Arial,Helvetica,sans-serif}
table a{color:#000000;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px}
table a:hover{text-decoration:underline;color:#0a246a}
#menunews{width:100%;float:left;color:#FFFFFF}
#menu li{list-style:none;display:inline;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px}
#menu_left{width:30px;height:27px;padding-left:50px;padding-top:8px;float:left;background:url(../images/menu_left.png) no-repeat}
#logout{width:20px;height:20px;margin-top:8px;margin-right:40px;margin-left:10px;background:url(../images/logout.png) no-repeat}
a #logout{cursor:pointer}
#menu_leftbg{width:78%;height:30px;padding-top:5px;float:left;background:url(../images/menu_bg.png) repeat-x}
#menu_leftbg li{margin:0px}
#menu_rightbg li{margin:0px}
#menu_rightbg{width:78%;height:30px;padding-top:5px;float:left;background:url(../images/menu_bg.png) repeat-x}
#mail_letter{width:683px;margin:0px auto;border:#333333 2px solid}
#mail_header{width:683px;height:76px;float:left;background:url(../images/header.png)}
#mail_logo{width:125px;height:70px;float:left;margin-left:5px;background:url(../images/cg_logo.png)}
#mail_title{width:70%;float:right;color:#FFFFFF;font-size:19px;margin-top:40px;margin-right:10px;text-align:right}
#mail_btitle{width:100%;float:left;color:#333333;font-size:19px;margin-right:10px;font-weight:bold}
#mail_menu{width:100%;height:22px;float:left;color:#FFFFFF;background:url(../images/menu_bg.gif) repeat-x}
#mail_menu li{margin:0px;list-style:none;display:inline}
#mail_menu li a{font-size:12px;padding:0px 10px;text-decoration:none;color:#FFFFFF}
#mail_content{width:100%;float:left;font-size:11px}
#leftcon{width:50%;float:left}
#thought{width:502px;height:201px;margin-top:10px;background:url(../images/thought.png) no-repeat}
#thou{width:70%;color:#000000;padding-top:50px;padding-left:70px}
#font_nav{width:90%;float:left;margin-left:40px}
.pub1{width:209px;height:79px;float:left;cursor:pointer}
.pub2{width:170px;height:79px;float:left;cursor:pointer}
.pub3{width:177px;height:58px;float:left;cursor:pointer}
.pub4{width:190px;height:58px;float:left;cursor:pointer}
.pub5{width:181px;height:72px;float:left;cursor:pointer}
.pub6{width:190px;height:72px;float:left;cursor:pointer}
#pop{width:80%;color:#000000;padding-top:50px;padding-left:40px}
.author{float:right;width:50%;margin:10px;text-align:right}
#rightcon{width:48%;float:right}
#login{width:100%;float:left}
#login_button{width:102px;height:49px;float:left;background:url(../images/login.png) no-repeat;cursor:pointer}
.login_button{width:102px;height:49px;float:left;background:url(../images/login.png) no-repeat;cursor:pointer}
#popular{width:480px;height:209px;float:left;background:url(../images/popular.png) no-repeat right}
#reg{width:208px;height:45px;float:left;margin-bottom:18px;cursor:pointer}
.login{font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;font-size:19px;color:#222222}
.login_txt{font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;text-align:right;font-size:12px;color:#222222}
.txt{border:1px solid #000000;background:#ffffff;color:#000000;width:220px}
.button{background:#cb8210;width:60px;height:29px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;text-align:center;border:1px solid #ffffff;cursor:pointer}
.button a{color:#FFFFFF}
.button a:hover{color:#FFFFFF}
#nav{display:block;margin:0;padding:0}
#nav li{display:block;list-style:none;margin:0;padding:0;float:left;position:relative}
#nav a{display:block}
#nav ul{display:none;position:absolute;left:0;margin:0;padding:0}
* html #nav ul{line-height:0}
#nav ul a{zoom:1}
#nav ul li{float:none}
#nav ul ul{top:0}
#navi{display:block;margin:0;padding:0}
#navi li{display:block;list-style:none;margin:0;padding:0;float:left;position:relative}
#navi a{display:block}
#nav ul{width:150px}
#nav ul ul{left:131px}
#nav{height:24px}
#nav li a{border-right:1px solid white;color:white;font-size:18px;padding:4px 15px;line-height:1;text-decoration:none;color:#FFFFFF}
#nav li a.last{border-right:0px solid white;color:white;font-size:18px;padding:4px 15px;line-height:1;text-decoration:none;color:#FFFFFF}
#nav li a:hover{color:#ffffff;text-decoration:underline}
#nav ul{top:30px}
#nav ul li a{background:#222222;font-size:12px;padding:5px;margin:0px;color:#ffffff}
#nav ul li a:hover{background:#ffffff;color:#000000}
#nav ul a{border-bottom:1px solid white;border-right:none;opacity:0.9;filter:alpha(opacity=90)}
#navi{height:24px}
#navi li a{border-right:1px solid white;color:white;font-size:18px;padding:4px 15px;line-height:1;text-decoration:none;color:#FFFFFF}
#navi li a.last{border-right:0px solid white;color:white;font-size:18px;padding:4px 15px;line-height:1;text-decoration:none;color:#FFFFFF}
#navi li a:hover{color:#ffffff;text-decoration:underline}
#menu_right{width:80px;height:27px;padding-top:8px;float:left;font-size:11px;color:#FFFFFF;background:url(../images/menu_right.png) no-repeat}
#menu_right a{color:#FFFFFF;text-decoration:none}
#left_head{width:364px;height:133px;float:left}
#mid_head{width:274px;height:133px;margin-top:4px;float:left}
#right_head{width:365px;height:133px;float:left}
.s_user_nav a{text-decoration:none;color:#FFFFFF}
.s_user_nav{text-decoration:none;color:#FFFFFF}
.s_user_nav a:hover{text-decoration:underline}
.s_user_nav_pop a{text-decoration:none;color:#FFFFFF}
.s_user_nav_pop a:hover{text-decoration:underline}
#s_user_nav a{text-decoration:none;color:#FFFFFF}
#s_user_nav a:hover{text-decoration:underline}
#s_user_nav_pop a{text-decoration:none;color:#FFFFFF}
#s_user_nav_pop a:hover{text-decoration:underline}
#user_left{width:55%;height:60px;margin-bottom:2px;padding-left:90px;float:left}
.user_l{width:9px;height:60px;float:left;background:url(../images/user_left.png) no-repeat}
.user_bg{width:90%;height:60px;padding-top:0px;float:left;background:url(../images/user_bg.png) repeat-x}
#user_bg_pop{width:90%;height:55px;padding-top:5px;float:left;background:url(../images/user_bg.png) repeat-x}
#user_hleft{width:367px;height:52px;margin-top:5px;float:left}
#user_hright{width:357px;height:52px;margin-top:5px;float:left}
.s_user_nav{width:70%;float:right;margin-top:7px;margin-left:5px}
.login_nav{width:100%;float:right;margin-top:20px;text-align:center}
#s_user_nav{width:70%;float:right;margin-top:7px;margin-left:5px}
#sl_user{width:40px;height:40px;margin-left:5px;margin-top:9px;float:left;border:#ffffff 1px solid}
#sr_user{width:40px;height:40px;margin-left:5px;margin-top:9px;float:left;border:#ffffff 1px solid}
.photo_border{padding:2px;border:1px solid #CBCACA}
.my_pro{font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;font-size:20px;text-transform:capitalize}
.invite{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#FFFFFF}
.invite a{text-decoration:none;color:#FFFFFF}
.invite a:hover{text-decoration:underline}
.user_r{width:9px;height:60px;float:left;background:url(../images/user_right.png) no-repeat}
#user_right{width:55%;height:60px;margin-bottom:2px;padding-right:90px;float:right}
#main{width:100%;float:left}
#content{width:1003px;margin:0px auto;min-height:750px}
.page{width:100%;float:left}
.footer_bg{width:100%;height:218px;float:left;background:url(../images/footer.png) center center}
#footer{width:100%;float:left;background:#242121;height:35px;font-size:10px;text-align:center;color:#fff;padding-top:5px}
#header{width:100%;height:133px;float:left;margin-top:5px}
#Fixeddiv{z-index:200;position:fixed;bottom:0px;float:left;visibility:hidden;width:100%}
#Fixeddiv_Bkp{left:3%;right:3%;height:36px;bottom:0px;width:94%;top:562px;z-index:20}
#links{width:100%;margin:0px auto}
#footer a{color:#ffffff;text-decoration:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px}
#footer a:hover{text-decoration:underline}
.topfra{width:683px;height:13px;float:left;background:url(../images/frame_top.png)}
.cenfra{width:100%;float:left;background:url(../images/frame_cen.png) repeat-y}
.midfra{width:683px;float:left;padding-left:10px;background:url(../images/frame_cen.png) repeat-y}
.botfra{width:683px;height:16px;float:left;background:url(../images/frame_bot.png)}
#leftside{width:683px;float:left}
#rightside{width:269px;float:left}
#sidebar{width:22px;height:358px;float:right;position:static}
#side_top{width:22px;height:20px;float:left;background:url(../images/sidetop.png) no-repeat}
#side_bg{width:22px;height:328px;float:left;background:url(../images/sidebg.png) top repeat-y}
#side_bot{width:22px;height:20px;float:left;background:url(../images/sidebot.png) no-repeat}
#vside{width:22px;height:107px;float:left;background:url(../images/side_video.png) no-repeat}
#mside{width:22px;height:107px;float:left;background:url(../images/side_music.png) no-repeat}
#pside{width:22px;height:107px;float:left;background:url(../images/side_photo.png) no-repeat}
.frame_bg{width:100%;height:233px;float:left}
.bg_left{width:17px;height:233px;float:left;background:url(../images/member_left.png) no-repeat}
.bg_bg{width:94%;height:233px;float:left;background:url(../images/member_bg.png) repeat-x}
.title_bg{width:100%;height:26px;margin:0px auto}
.frametitle{width:94.3%;height:23px;padding-top:3px;float:left;color:#ffffff;background:url(../images/title_bg.png) repeat-x}
.thumbtitle{width:95.7%;height:23px;padding-top:3px;float:left;color:#ffffff;background:url(../images/title_bg.png) repeat-x}
.usertitle{width:76.3%;height:23px;padding-top:3px;float:left;color:#ffffff;background:url(../images/title_bg.png) repeat-x}
.usercentitle{width:92.3%;height:23px;padding-top:3px;float:left;color:#ffffff;background:url(../images/title_bg.png) repeat-x}
.title_left{width:10px;height:26px;float:left;background:url(../images/title_left.png) no-repeat}
.title_right{width:10px;height:26px;float:left;background:url(../images/title_right.png) no-repeat}
.title{font-size:21px;padding:5px;color:#111111;font-family:Arial,Helvetica,sans-serif}
.privacytitle{font-size:15px;padding:5px;font-weight:bold;color:#111111;font-family:Arial,Helvetica,sans-serif}
.edit_title{font-size:12px;padding:0px;font-weight:bold;color:#111111;font-family:Arial,Helvetica,sans-serif}
.register_title{font-size:18px;padding:40px 10px;color:#111111;font-family:Arial,Helvetica,sans-serif}
.multititle{width:90%;float:left;padding:11px 10px;color:#333333;font-weight:bold}
#add{width:299px;height:194px;margin-top:17px;float:left;background:url(../images/add-xmas.jpg) no-repeat}
#video{width:299px;height:187px;float:left;background:url(../images/video.png) no-repeat}
.recent_mem{width:247px;float:left}
#recent_mem ul{list-style:none;float:left;width:100%}
#recent_mem ul li{width:90%;padding:5px;margin-left:10px;font-size:11px;background:url(../images/point.png) left center no-repeat}
#recent_mem ul li.last{width:9%;padding:5px;margin-left:0px;font-size:11px;background:url(../images/point.png) left center no-repeat}
#recent_mem ul li a{color:#666666;margin-left:15px;text-decoration:none}
#recent_mem ul li a:hover{color:#333333;text-decoration:underline}
.recent_members{width:247px;float:left}
#recent_members ul{list-style:none;float:left;width:100%}
#recent_members ul li{width:90%;padding:5px;margin-left:0px;font-size:11px;background:url(../images/point.png) left center no-repeat}
#recent_members ul li.last{width:9%;padding:5px;margin-left:0px;font-size:11px;background:url(../images/point.png) left center no-repeat}
#recent_members ul li a{color:#666666;margin-left:15px;text-decoration:none}
#recent_members ul li a:hover{color:#333333;text-decoration:underline}
#audio{width:299px;height:215px;float:left;background:url(../images/audio.png) no-repeat}
.bg_rbg{width:88.5%;height:233px;float:left;background:url(../images/member_bg.png) repeat-x}
.bg_right{width:15px;height:233px;float:left;background:url(../images/member_right.png) no-repeat}
#bg_rleft{width:17px;height:503px;float:left;background:url(../images/multi_left.png) no-repeat}
#bg_rrbg{width:88.5%;height:503px;float:left;background:url(../images/multi_bg.png) repeat-x}
#bg_rright{width:15px;height:503px;float:left;background:url(../images/multi_right.png) no-repeat}
.user_active{width:95%;margin:0px auto}
.userarea{width:19.8%;float:left}
.videoarea{width:24.8%;float:left}
.gamearea{width:19.5%;float:left}
#u1{width:105px;height:124px}
.name{width:75%;color:#ff6600;float:left;font-size:12px;font-weight:bold}
.postname{color:#990000;font-size:12px;font-weight:bold}
#online{width:24%;height:20px;float:left}
.offline{width:24%;height:20px;float:left}
.country{width:100%;float:left;font-size:11px}
.gname{width:100%;color:#ff6600;float:left;font-size:12px;font-weight:bold}
.views{width:100%;color:#0066CC;float:left;font-size:11px}
.dv_left_wide_home .box_home .thumb_home a{font-weight:bold;text-decoration:none}
.dv_left_wide_home .box_home .videothumbs_home .thumb_home .image_home{width:92px;height:57px;padding:4px 8px 13px 4px;float:left}
.dv_left_wide_home .box_home .videothumbs_home .thumb_home .image_home span{display:inline-block;position:absolute;bottom:13px;right:8px;padding:0 3px;color:#000;background:url(../images/bg_video_overlayduration.png) 0 0 no-repeat;z-index:1}
.dv_left_wide_gallery .box_gallery .thumb_gallery a{font-weight:bold}
.dv_left_wide_gallery .box_gallery .videothumbs_gallery .thumb_gallery .image_gallery{width:105px;height:105px;padding:0px 8px 0px 0px;background:url(../bg_thumb_video.png) 0 0 no-repeat;float:left}
.dv_left_wide_gallery .box_gallery .videothumbs_gallery .thumb_gallery .image_gallery span{display:inline-block;position:absolute;bottom:0px;right:4px;padding:0 8px;color:#000;background:url(../images/bg_video_overlayduration.png) 0 0 no-repeat;z-index:1}
.spane2{height:5px}
.more_bg{font-size:12px;font-weight:bold;padding-right:10px;color:#555555;height:18px}
.more_bg a{color:#555555;text-decoration:none}
.more_bg a:hover{color:#555555;text-decoration:underline}
#post{width:95%;float:left}
#post_user{width:97%;float:left}
.posted{width:93.7%;margin-bottom:5px;margin-left:0px;padding:5px;float:left;font-size:11px;background:#FFFFFF;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.hostwall{width:95.3%;margin-bottom:0px;margin-top:2px;padding:5px;float:left;font-size:11px;background:#FFFFFF;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.hostwall_login{width:95.3%;margin-bottom:5px;margin-top:5px;padding:5px;float:left;font-size:15px;font-weight:bold;background:#FFFFFF;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.scrap_user{width:8%;float:left}
.scrap_con{width:100%;float:left;background:url(../images/baseline.gif)}
.scrap_details{width:92%;float:left;line-height:1.8em}
.inner_scrap_user{width:6%;float:left}
.inner_scrap_details{width:94%;float:left;line-height:1.8em}
.user_name{width:70%;float:left;color:#990000;font-weight:bold;text-transform:capitalize}
.scrap_date{width:20%;float:left;font-weight:bold}
.hostuser_name{width:80%;float:left;color:#990000;font-weight:bold;text-transform:capitalize}
.hostscrap_date{width:20%;float:left;font-weight:bold}
#emails{width:94%;margin:5px 10px;padding:5px;float:left;background:#FFFFFF;font-size:11px;border:#dddddd 1px solid;color:#990000;font-family:Verdana,Arial,Helvetica,sans-serif}
.comts{width:90%;height:47px;float:left;font-size:11px}
.txtarea{width:99%;margin-left:10px;background:#FFFFFF;border:#999999 1px solid;overflow:hidden;margin-bottom:5px;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif}
.txtarea_scrap{width:100%;height:80px;margin-left:6px;background:#FFFFFF;border:#999999 1px solid;overflow:hidden;margin-bottom:5px;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif}
#invite_firends{width:95%;margin:5px auto;font-size:11px}
#upload_files{width:94%;margin:0px 10px;padding:5px;float:left;background:#FFFFFF;font-size:11px;border:#dddddd 1px solid;color:#990000;font-family:Verdana,Arial,Helvetica,sans-serif}
#edit_files{width:94%;margin:0px 10px;padding:5px;float:left;background:#FFFFFF;font-size:11px;border:#dddddd 1px solid;color:#990000;font-family:Verdana,Arial,Helvetica,sans-serif}
#upload_btn .btn{background:#333333;border:#000000 1px solid;color:#FFFFFF;margin-left:10px;margin-top:10px;height:20px;cursor:pointer}
#upload_btn input:hover{background:#999999}
.note{width:98%;float:left;padding:5px;font-size:11px}
.pls{font-size:12px;color:#990000}
.text_design{font-size:11px;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif}
.recentarea{width:33%;float:left}
#cont{width:66%;float:left;font-size:11px;margin-left:10px}
#btn{width:30%;text-align:right;float:left}
.btn a{color:#FFFFFF}
.btn a:hover{color:#FFFFFF}
.btn{background:#990000;border:#ff0000 1px solid;color:#FFFFFF;height:20px;cursor:pointer}
#delete{width:100%;float:left;text-align:right}
.invite_btn{background:#990000;border:#ff0000 1px solid;color:#FFFFFF;padding:2px;height:25px;cursor:pointer;font-size:12px;text-decoration:none}
.login_btn{background:url(../images/login.png) no-repeat;border:#999999 0px solid;text-shadow:none;color:#000000;height:50px;width:110px;cursor:pointer}
.forgot a{font-size:12px;color:#333333}
.forgot a:hover{color:#ffffff}
.file_btn{color:#333333}
.des_txt{font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif}
.mine{width:50px;float:left;margin:5px}
.profile_mine{width:85px;float:left;margin:5px}
.my_prodetails{width:80%;float:left;font-size:11px;margin-top:5px;margin-bottom:5px;text-transform:capitalize}
.my_details{width:82%;float:left;font-size:11px;margin-top:5px;margin-bottom:5px;text-transform:capitalize}
.album_img{width:56px;height:47px;float:left;margin:5px;background:url(../images/album_img.png);border:#bbbbbb 0px solid}
.album_des{width:70%;float:left;font-size:11px;margin-top:5px;margin-bottom:5px;background:#FFFFFF;border:#dddddd 1px solid}
.my_scarp{width:89%;float:left;font-size:11px;margin-top:5px;margin-bottom:5px;text-transform:capitalize}
.request_bg{width:80%;float:left;font-size:11px;margin-top:10px;margin-bottom:10px;text-transform:capitalize}
.white_bg{width:97%;float:left;background:#FFFFFF;margin-top:2px;padding-bottom:5px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.user_msg{width:98%;padding:5px;float:left;border-top:#dddddd 1px solid}
.myprofile{width:95.6%;float:left;background:#FFFFFF;margin-top:2px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.music_player{width:52%;float:left;padding:20px}
.album_list{width:37%;float:left;margin:20px 0px;font-size:11px;border:#999999 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.album_title{width:100%;background:url(../images/album_bg.png) repeat-y;float:left;padding-bottom:0px;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif}
.nofriends{width:93.5%;float:left;background:#FFFFFF;margin-top:2px;font-size:11px;margin-left:5px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.music_album{width:95.6%;float:left;background:#FFFFFF;padding:5px 0px;margin-top:2px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.mymsg{width:95.6%;float:left;background:#FFFFFF;margin-top:2px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.myrequest{width:96.9%;float:left;background:#FFFFFF;margin-top:5px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.myprofile table a{color:#990000;font-size:11px}
.myprofile table a:hover{color:#990000;text-decoration:underline}
.msg_nav{width:100%;float:left}
.nav{font-size:10px}
.nav a{color:#990000;font-size:10px}
.nav a:hover{background:#990000;color:#FFFFFF;text-decoration:none;border-bottom:#333333 2px solid}
.fav_nav a{color:#F92172;font-size:10px}
.fav_nav a:hover{background:#F92172;color:#FFFFFF;text-decoration:none;border-bottom:#333333 2px solid}
.rate_nav a{color:#EECC62;font-size:10px}
.rate_nav a:hover{background:#EECC62;color:#FFFFFF;text-decoration:none;border-bottom:#333333 2px solid}
.share_nav a{color:#1894CB;font-size:10px}
.share_nav a:hover{background:#1894CB;color:#FFFFFF;text-decoration:none;border-bottom:#333333 2px solid}
.main_nav{font-size:10px}
.main_nav a{color:#990000;padding:5px;font-size:10px}
.main_nav a:hover{background:#990000;color:#FFFFFF;text-decoration:none;padding:5px;border-bottom:#333333 2px solid}
.nav_btn{height:16px}
.chk{width:3%;float:left}
.compose_message{width:96%;height:auto;float:left;background:#FFFFFF;margin-top:5px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.myfriends{width:93.9%;float:left;background:#FFFFFF;margin-top:5px;margin-bottom:5px;padding:5px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.myfrnd{width:93.9%;height:auto;float:left;background:#FFFFFF;margin-top:5px;padding:5px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.myfrnd a{color:#FFFFFF}
.myfrnd a:hover{color:#FFFFFF}
.myallfriends{width:93.9%;height:auto;float:left;background:#FFFFFF;margin-top:5px;padding:5px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.req_friends{width:80px;height:102px;float:left;margin-right:3.2px;padding:5px;border:#dddddd 1px solid}
.my_friends{width:80px;height:115px;float:left;margin-right:3.2px;padding:5px;border:#dddddd 1px solid}
.fri_bg{background:#d0d0d0;border:#999999 1px solid}
.req_photo{width:80px;margin:0px auto}
.req_name{width:100%;float:left;font-size:10px;white-space:nowrap}
.action{width:100%;float:left;font-size:10px;white-space:nowrap}
#reg_form{width:97%;float:left;font-size:11px}
#msg_form{width:80%;float:left;font-size:11px}
#crop_img img{margin-bottom:10px}
#crop_img{width:100%;float:left;text-align:center;margin-bottom:10px}
#personal{width:199px;height:92px;float:left;background:url(../images/per_acc.png) no-repeat}
#family{padding-top:5px;width:0px;height:52px;float:left}
#org{width:100px;height:92px;float:left;padding-left:100px;background:url(../images/org_acc.png) no-repeat}
.txt_reg{color:#000000}
#personal_reg{width:95.3%;padding:5px;float:left;background:#FFFFFF;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
#personal_reg1{width:94%;margin:0px 10px;padding:5px;float:left;font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif}
#reg_btn{width:119px;height:31px;float:right;background:url(../images/per_btn.png) no-repeat;cursor:pointer}
#family_reg{width:94%;margin:0px 10px;padding:5px;float:left;background:#FFFFFF;font-size:11px;border:#dddddd 1px solid;color:#ff0000;font-family:Verdana,Arial,Helvetica,sans-serif}
#fam_btn{width:119px;height:31px;float:right;background:url(../images/fam_btn.png) no-repeat;cursor:pointer}
#org_btn{width:119px;height:31px;float:right;background:url(../images/org_btn.png) no-repeat;cursor:pointer}
#upload_files table{color:#000000;font-size:11px}
.per_field{font-size:11px}
.agree a{font-size:11px;color:#0066CC}
.odd_row{background:#e6e6e6}
.even_row{background:#ffffff}
#user_con{width:978px;float:right;margin-top:5px}
.left_con{width:176px;float:left}
.right_con{width:269px;float:left}
.center_con{width:508px;float:left}
.left_nav_top{width:176px;height:13px;float:left;background:url(../images/user_nav_top.png)}
.left_nav_cen{width:176px;float:left;padding-left:10px;background:url(../images/user_nav_cen.png) repeat-y}
.left_nav_cen ul{list-style:none;float:left;width:100%}
.left_nav_cen ul li{width:80%;padding:5px;margin-left:0px;font-size:11px;border-bottom:#cccccc 1px dashed;background:url(../images/point.png) left center no-repeat}
.left_nav_cen ul li.last{width:80%;padding:5px;margin-left:0px;font-size:11px;border-bottom:#cccccc 0px dashed;background:url(../images/point.png) left center no-repeat}
.left_nav_cen ul li a{color:#666666;margin-left:15px;text-decoration:none}
.left_nav_cen ul li a:hover{color:#333333;text-decoration:underline}
.left_nav_bot{width:176px;height:16px;float:left;background:url(../images/user_nav_bot.png)}
.user_cen_top{width:508px;height:13px;float:left;background:url(../images/user_cen_top.png)}
.user_cen_cen{width:508px;float:left;padding-left:10px;background:url(../images/user_cen_cen.png) repeat-y}
.myedit{width:93.9%;height:auto;float:left;background:#FFFFFF;margin-top:5px;padding:5px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.thead{color:#FFFFFF;background:#333333}
.trow{background:#CCCCCC}
.user_cen_bot{width:508px;height:16px;float:left;background:url(../images/user_cen_bot.png)}
#right_top{width:269px;height:13px;float:left;background:url(../images/right_add_top.png)}
#right_cen{width:269px;float:left;padding-left:12px;background:url(../images/right_add_cen.png) repeat-y}
#right_add{width:247px;float:left}
.inner_poem{width:98%;float:left;background:#FFFFFF;margin-top:2px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.poem_author{width:55px;float:left;margin:5px}
.poem{width:70%;float:left;font-size:11px;margin-top:5px;margin-bottom:5px;text-transform:capitalize}
#right_bot{width:269px;height:16px;float:left;background:url(../images/right_add_bot.png)}
.mm_top{width:269px;height:13px;float:left;background:url(../images/right_mm_top.png)}
.mm_cen{width:269px;float:left;padding-left:3px;background:url(../images/right_mm_cen.png) repeat-y}
#right_video{width:247px;height:153px;margin-left:8px;float:left;background:url(../images/videoplayer.png)}
#right_audio{width:247px;height:177px;margin-left:8px;float:left;background:url(../images/mp3player.png)}
.mm_bot{width:269px;height:16px;float:left;background:url(../images/right_mm_bot.png) top no-repeat}
#left_side{width:683px;float:left}
#frame_top{width:683px;height:13px;float:left;background:url(../images/frame_top.png)}
#frame_cen{width:683px;float:left;padding-left:10px;background:url(../images/frame_cen.png) repeat-y}
#frame_bot{width:683px;height:16px;padding-bottom:10px;float:left;background:url(../images/frame_bot.png) no-repeat}
#whatismind{width:93.8%;float:left;padding:5px;margin-top:10px;background:#dddddd;border:#999999 1px dashed;font-size:12px}
.privacy_bg{width:97.6%;float:left;padding:5px;margin-top:0px;background:#dddddd;border:#999999 1px dashed}
#main1{width:100%;margin:0px auto}
.main1{width:100%;margin:0px auto;font-size:11px}
#invalid{width:95%;border:#FF0000 1px solid;color:#FF0000;float:left;margin-left:4.5%;background:#fbe5e5;font-weight:bold;font-size:11px;text-align:center}
#invalid ul li{width:100%;list-style:url(../images/error.png)}
#success{width:95%;border:#009900 1px solid;color:#009900;float:left;margin-left:2.5%;background:#e6ffe6;font-weight:bold;text-align:center}
#success ul li{width:100%;color:#090;list-style:url(../images/correct.png)}
#left_suc{width:30%;height:10px;float:left}
#right_suc{width:70%;float:left;color:red}
.video_text{font-size:20px;color:#ffffff;font-weight:bolder;padding-bottom:6px}
.video_text4{font-size:11px;color:#6d0a16}
.video_text5{font-size:11px;color:#000000}
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg, .textfieldValidMsg{display:none}
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg{display:inline;width:150px;color:#CC3333;font-size:11px}
.textfieldValidState input,input.textfieldValidState{border:#009900 1px solid;background:#e6ffe6}
input.textfieldRequiredState,.textfieldRequiredState input, input.textfieldInvalidFormatState,.textfieldInvalidFormatState input, input.textfieldMinValueState,.textfieldMinValueState input, input.textfieldMaxValueState,.textfieldMaxValueState input, input.textfieldMinCharsState,.textfieldMinCharsState input, input.textfieldMaxCharsState,.textfieldMaxCharsState input{background-color:#fbe5e5;border:#FF0000 1px solid}
.textfieldFocusState input,input.textfieldFocusState{background-color:#FFFFCC;border:#555555 1px solid}
.textfieldFlashText input,input.textfieldFlashText{color:red !important}
.textfieldHintState input,input.textfieldHintState{}
.confirmRequiredMsg, .confirmInvalidMsg, .confirmValidMsg{display:none}
.confirmRequiredState .confirmRequiredMsg, .confirmInvalidState .confirmInvalidMsg{display:inline;color:#CC3333}
.confirmValidState input,input.confirmValidState{background-color:#B8F5B1}
input.confirmRequiredState,.confirmRequiredState input, input.confirmInvalidState,.confirmInvalidState input{background-color:#FF9F9F}
.confirmFocusState input,input.confirmFocusState{background-color:#FFFFCC}
.passwordRequiredMsg, .passwordInvalidStrengthMsg, .passwordMinCharsMsg, .passwordMaxCharsMsg, .passwordCustomMsg, .passwordValidMsg{display:none}
.passwordRequiredState .passwordRequiredMsg, .passwordMinCharsState .passwordMinCharsMsg, .passwordMaxCharsState .passwordMaxCharsMsg, .passwordInvalidStrengthState .passwordInvalidStrengthMsg, .passwordCustomState .passwordCustomMsg{display:inline;color:#CC3333;font-size:11px}
.passwordValidState input,input.passwordValidState{border:#009900 1px solid;background:#e6ffe6}
input.passwordRequiredState,.passwordRequiredState input, input.passwordInvalidStrengthState,.passwordInvalidStrengthState input, input.passwordMinCharsState,.passwordMinCharsState input, input.passwordCustomState,.passwordCustomState input, input.passwordMaxCharsState,.passwordMaxCharsState input{background-color:#FF9F9F}
.passwordFocusState input,input.passwordFocusState{background-color:#FFFFCC}
.selectRequiredMsg,.selectInvalidMsg{display:none}
.selectRequiredState .selectRequiredMsg, .selectInvalidState .selectInvalidMsg{display:inline;color:#CC3333;font-size:11px}
.selectValidState select,select.selectValidState{border:#009900 1px solid;background:#e6ffe6}
select.selectRequiredState,.selectRequiredState select, select.selectInvalidState,.selectInvalidState select{background-color:#fbe5e5;border:#FF0000 1px solid}
.selectFocusState select,select.selectFocusState{background-color:#FFFFCC}
.checkboxRequiredMsg,.checkboxMinSelectionsMsg,.checkboxMaxSelectionsMsg{display:none}
.checkboxRequiredState .checkboxRequiredMsg, .checkboxMinSelectionsState .checkboxMinSelectionsMsg, .checkboxMaxSelectionsState .checkboxMaxSelectionsMsg{display:inline;color:#CC3333;font-size:11px}
.uploadifyQueueItem{font:11px Verdana,Geneva,sans-serif;border:2px solid #E5E5E5;background-color:#F5F5F5;margin-top:5px;padding:10px;width:350px}
.uploadifyError{border:2px solid #FBCBBC !important;background-color:#FDE5DD !important}
.uploadifyQueueItem .cancel{float:right}
.uploadifyProgress{background-color:#FFFFFF;border-top:1px solid #0093DD;border-left:1px solid #0093DD;border-right:1px solid #0093DD;border-bottom:1px solid #0093DD;margin-top:10px;width:100%}
.uploadifyProgressBar{background-color:#82CA10;width:1px;height:10px}
.textareaRequiredMsg, .textareaMinCharsMsg, .textareaMaxCharsMsg, .textareaValidMsg{display:none}
.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg{display:inline;color:#CC3333;widhth:150px;font-size:11px}
.textareaValidState textarea,textarea.textareaValidState{border:#009900 1px solid;background:#e6ffe6}
textarea.textareaRequiredState,.textareaRequiredState textarea, textarea.textareaMinCharsState,.textareaMinCharsState textarea, textarea.textareaMaxCharsState,.textareaMaxCharsState textarea{background-color:#fbe5e5;border:#FF0000 1px solid}
.textareaFocusState textarea,textarea.textareaFocusState{background-color:#FFFFCC;border:#555555 1px solid}
.textareaFlashState textarea,textarea.textareaFlashState{color:red !important}
textarea.textareaHintState,.textareaHintState textarea{}
.imgareaselect-border1{background:url(../images/border-anim-v.gif) repeat-y left top}
.imgareaselect-border2{background:url(../images/border-anim-h.gif) repeat-x left top}
.imgareaselect-border3{background:url(../images/border-anim-v.gif) repeat-y right top}
.imgareaselect-border4{background:url(../images/border-anim-h.gif) repeat-x left bottom}
.imgareaselect-border1,.imgareaselect-border2, .imgareaselect-border3,.imgareaselect-border4{opacity:0.5;filter:alpha(opacity=50)}
.imgareaselect-handle{background-color:#fff;border:solid 1px #000;opacity:0.5;filter:alpha(opacity=50)}
.imgareaselect-outer{background-color:#000;opacity:0.5;filter:alpha(opacity=50)}
.imgareaselect-selection{}
#results{width:260px;border:solid 1px #DEDEDE;display:none}
#results ul,#results li{padding:0;margin:0;border:0;list-style:none}
#results li{border-top:solid 1px #DEDEDE}
#results li a{display:block;padding:4px;text-decoration:none;color:#000000;font-weight:bold}
#results li a small{display:block;text-decoration:none;color:#999999;font-weight:normal}
#results li a:hover{background:#FFFFCC}
#results ul{padding:6px}
#DHTMLgoodies_formTooltipDiv{color:#666666;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;font-size:11px;line-height:100%;padding:8px;border:#666666 1px solid}
.DHTMLgoodies_formTooltip_closeMessage{color:#FFF;font-weight:normal;font-size:10px}
.thumb_con{width:952px;float:left}
.thumb_top{width:952px;height:15px;float:left;background:url(../images/thumb_top.png)}
.thumb_cen{width:952px;float:left;padding-left:10px;background:url(../images/thumb_cen.png) repeat-y}
.thumb_bot{width:952px;height:16px;float:left;background:url(../images/thumb_bot.png)}
.reminder_head{font-size:11px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#903333;background-color:#e9d6d6;font-weight:bold;padding-left:5px}
.reminder_detail{font-size:12px;color:#903333;padding-left:5px;height:20px}
.reminder_border{border:1px solid #c79999}
.remainder_text{color:#000000;font-weight:normal;font-size:12px}
.error{color:#FF0000;font-size:10px;border:#FF0000 solid 1px}
.red{color:#FF0000}
.recent_text{font-size:11px;margin-right:5px}
.recent_text a{color:#990000;font-weight:normal}
.recent_text a:hover{background:#990000;color:#FFFFFF;font-weight:normal}
#recent_friends{width:100%;float:left;padding:0px;border:#333333 0px solid}
.recent_friends{width:100%;float:left;padding:0px;border:#333333 0px solid}
#member_musics{width:100%;float:left;margin-left:4px}
#view_friends{width:100%;float:left;padding:1px;border:#333333 0px solid}
#viewall_friends{width:100%;float:left;padding:1px;border:#333333 0px solid}
.viewall_fri_photo{width:100%;float:left;margin-left:1%;margin-bottom:5px;border:#333333 0px solid}
.fri_photo{width:30%;float:left;margin-left:2%;margin-bottom:5px;border:#333333 0px solid}
.fri_name{width:100%;float:left}
.fri_viewphoto{width:18.5%;float:left;margin-left:1%;margin-bottom:5px;border:#333333 0px solid}
.view_all{margin-left:75%;text-decoration:none}
.deletefriendConfirmBox{background:#FFB3B3;border:#D40008 1px solid;color:#D1010A}
#DeleteFriendAnimate{text-transform:uppercase;font-weight:bold}
.qmmc .qmdivider{display:block;position:relative;z-index:1}
.qmmc .qmdividery{float:left}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1}
.qmclear{clear:left;line-height:0px;display:block;float:none !important}
.qmmc{position:relative;zoom:1;z-index:10}
.qmmc a,.qmmc li{float:left;width:110px;display:block;white-space:nowrap;position:relative;z-index:1}
.qmmc div a,.qmmc ul a,.qmmc ul li{float:none}
.qmsh div a{float:left}
.qmmc div{visibility:hidden;position:absolute}
.qmmc li{z-index:auto}
.qmmc ul{left:-10000px;position:absolute;z-index:10}
.qmmc,.qmmc ul{list-style:none;padding:0px;margin:0px}
.qmmc li a{float:none}
.qmmc li:hover>ul{left:auto}
#qm0 li{float:none}
#qm0 li:hover>ul{top:0px;left:100%}
#qm0{background-color:transparent}
#qm0 a{padding:0px;color:#666666;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;text-decoration:none}
#qm0 a:hover{text-decoration:underline;color:#333333}
#qm0 div,#qm0 ul{padding-left:10px;border:#333333 1px solid;background-color:#f1f1f1}
#qm0 div a,#qm0 ul a{padding:0px;margin-left:15px}
#qm0 div a:hover,#qm0 ul a:hover{text-decoration:underline;color:#333333}
body #qm0 div .qmactive,body #qm0 div .qmactive:hover{background-color:#DDDDDD}
.qmfv{visibility:visible !important}
.qmfh{visibility:hidden !important}
.radioRequiredMsg,.radioInvalidMsg{display:none}
.radioRequiredState .radioRequiredMsg, .radioInvalidState .radioInvalidMsg{display:inline;color:#CC3333;border:1px solid #CC3333}
.reg_selection{width:100%;float:left}
.regType{width:95%;margin-top:5px;padding:5px;background:#FFFFFF;font-size:11px;border:#dddddd 1px solid}
.reg_radio{width:98.2%;float:left;margin-top:5px;padding:5px;background:#FFFFFF;font-size:11px;border:#dddddd 1px solid}
.other_radio{width:37%;padding:5px;margin-left:60%;margin-top:10px;margin-bottom:10px;float:left;font-size:11px;background:#e0e0e0;border:#333333 1px dashed}
.artist_radio{width:37%;padding:5px;margin-left:15%;margin-top:10px;margin-bottom:10px;float:left;font-size:11px;background:#e0e0e0;border:#333333 1px dashed}
.text_area{font:Verdana,Arial,Helvetica,sans-serif;font-size:11px}
.about{width:98%;float:left;margin-left:10px}
.head_gld{font-size:12px;font-weight:bold;color:#990000}
#photo_slider{width:100%;margin-top:10px}
.photo_gallery_title{width:100%;float:left;font-size:16px;font-weight:bold}
.photo_gallery_nav{width:100%;float:left;font-size:11px;padding-top:5px}
.photo_bg{width:100%;float:left}
.video_bg{width:100%;float:left}
.view_photo{width:50%;height:500px;margin:0px auto}
.view_video{width:98%;float:left;padding-top:0px;padding-left:0px}
.photo_icons{width:88%;margin-left:6%;float:left}
.icons{width:22px;height:21px;float:left}
.icons_title{width:100px;float:left;margin-left:10px;padding-top:5px;font-size:11px}
.photo_next{width:94%;float:left;margin-left:3%;margin-top:10px}
.min_photo{width:19.5%;float:left;text-align:center}
.min_photo_border{border:#CCCCCC 1px solid;background:#FFFFFF;padding:2px}
.com_title{text-transform:uppercase;font-size:18px;float:left;margin:10px 5px 5px 10px}
.photo_comments{width:95.6%;float:left;background:#FFFFFF;padding:5px;font-size:11px;border:#dddddd 1px solid;font-family:Verdana,Arial,Helvetica,sans-serif}
.photo_commentsbg{width:98.5%;height:55px;float:left;background:#FFFFFF;margin-top:2px;margin-left:.6%;border:#dddddd 1px solid;margin-bottom:0px}
.black{color:#000000;font-weight:bold}
.des{font-weight:normal}
.hide-image{display:none}
.show-image{display:block}
#top_nav{width:100%;float:right;color:#333333}
#top_nav ul{padding-top:0px;margin:0px}
#top_nav ul li{list-style:none;display:inline}
#top_nav ul li a{font-size:11px;list-style:none;display:inline;padding:0px 21px;color:#ffffff;text-decoration:none;background:url(../images/glo.png) no-repeat center}
#top_nav ul li a:hover{list-style:none;display:inline;color:#ffffff;text-decoration:none;background:url(../images/glo_hover.png) no-repeat center}
.dv_left_wide .box .thumb a{font-weight:bold;text-decoration:none}
.dv_left_wide .box .videothumbs .thumb .image{width:135px;height:76px;padding:4px 15px 13px 6px;background:url(../images/bg_thumb_video.png) 0 0 no-repeat;float:left}
.dv_left_wide .box .videothumbs .thumb .image span{display:inline-block;position:absolute;bottom:13px;right:15px;padding:0 3px;color:#000;background:url(../images/bg_video_overlayduration.png) 0 0 no-repeat;z-index:1}
.dv_left_wide_gallery .box_gallery .thumb_gallery a{font-weight:bold}
.dv_left_wide_gallery .box_gallery .videothumbs_gallery .thumb_gallery .image_gallery{width:100px;height:100px;padding:0px 8px 0px 0px;background:url(../bg_thumb_video.png) 0 0 no-repeat;float:left}
.dv_left_wide_gallery .box_gallery .videothumbs_gallery .thumb_gallery .image_gallery span{display:inline-block;position:absolute;bottom:0px;right:4px;padding:0 8px;color:#000;background:url(../images/bg_video_overlayduration.png) 0 0 no-repeat;z-index:1}
.post_usertips{width:85%;float:left;padding-left:10px}
.post_btn{padding-right:10px;padding-top:5px;padding-bottom:5px;float:right;width:10%}
#loading-image{width:100%;float:left;padding:5px;text-align:center}
.music_img{width:79px;height:59px;margin:0px 14px 10px 15px;float:left;border:#999999 1px solid}
.video_img{width:140px;height:80px;margin:0px 8px 10px 15px;float:left;border:#999999 1px solid}
.photo_img{width:106px;height:106px;margin:0px 8px 10px 15px;float:left;border:#999999 1px solid}
.gallery_title{width:100%;float:left}
.top_part{width:308px;height:14px;float:left;background:url(../images/top_bg.png) no-repeat}
.cen_part{width:308px;float:left;background:url(../images/cen_bg.png)}
.bot_part{width:308px;height:14px;float:left;background:url(../images/bot_bg.png) no-repeat}
.top_lcor{width:15px;height:15px;float:left;background:url(../images/photo_left_top_corner.png)}
.top_bg{width:282px;height:15px;float:left;background:url(../images/photo_top_bg.png)}
.top_rcor{width:15px;height:15px;float:left;background:url(../images/photo_right_top_corner.png)}
.cen_lcor{width:15px;float:left;background:url(../images/photo_left_cen.png) repeat-y}
.cen_bg{width:282px;float:left;background:url(../images/photo_cen_cen.png) repeat-y}
.cen_rcor{width:15px;float:left;background:url(../images/photo_right_cen.png) repeat-y}
.bot_lcor{width:15px;height:14px;float:left;background:url(../images/photo_left_bot_corner.png)}
.bot_bg{width:282px;height:14px;float:left;background:url(../images/photo_bot_bg.png)}
.bot_rcor{width:15px;height:14px;float:left;background:url(../images/photo_right_bot_corner.png)}
.nav a{color:#990000;font-size:10px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px}
.nav a:hover{background:#990000;color:#FFFFFF;text-decoration:none;border-bottom:#333333 2px solid}
.photo_border{padding:2px;border:1px solid #CBCACA}
.contact_name{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;text-transform:capitalize}
#user_list{height:100px;width:400px;float:left;overflow:scroll;border:1px solid #CBCACA;padding:5px}

» Montre le code CSS originaire

« Cache le code CSS originaire

@charset "utf-8";
/* CSS Document */
body
{
margin:0px auto;
padding:0px;
background:url(../images/bg.jpg) top center #999999 fixed;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
table a{color:#000000; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
table a:hover{text-decoration:underline; color:#0a246a;}

#menunews
{
width:100%;
float:left;
color:#FFFFFF;
}
#menu li
{
list-style:none;
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}
#menu_left
{
width:30px;
height:27px;
padding-left:50px;
padding-top:8px;
float:left;
background:url(../images/menu_left.png) no-repeat;
}
#logout
{
width:20px;
height:20px;
margin-top:8px;
margin-right:40px;
margin-left:10px;
background:url(../images/logout.png) no-repeat;
}
a #logout
{
cursor:pointer;
}
#menu_leftbg
{
width:78%;
height:30px;
padding-top:5px;
float:left;
background:url(../images/menu_bg.png) repeat-x;
}
#menu_leftbg li
{
margin:0px;
}
#menu_rightbg li
{
margin:0px;
}
#menu_rightbg
{
width:78%;
height:30px;
padding-top:5px;
float:left;
background:url(../images/menu_bg.png) repeat-x;
}
/*MAIL LETTER*/
#mail_letter
{
width:683px;
margin:0px auto;
border:#333333 2px solid;
}
#mail_header
{
width:683px;
height:76px;
float:left;
background:url(../images/header.png);
}
#mail_logo
{
width:125px;
height:70px;
float:left;
margin-left:5px;
background:url(../images/cg_logo.png);
}
#mail_title
{
width:70%;
float:right;
color:#FFFFFF;
font-size:19px;
margin-top:40px;
margin-right:10px;
text-align:right;
}
#mail_btitle
{
width:100%;
float:left;
color:#333333;
font-size:19px;
margin-right:10px;
font-weight:bold;
}
#mail_menu
{
width:100%;
height:22px;
float:left;
color:#FFFFFF;
background:url(../images/menu_bg.gif) repeat-x;
}
#mail_menu li
{
margin:0px;
list-style:none;
display:inline;
}
#mail_menu li a
{
font-size:12px;
padding:0px 10px;
text-decoration:none;
color:#FFFFFF;
}
#mail_content
{
width:100%;
float:left;
font-size:11px;
}
/*MAIL LETTER END*/
/*HOME PAGE*/
#leftcon
{
width:50%;
float:left;
}
#thought
{
width:502px;
height:201px;
margin-top:10px;
background:url(../images/thought.png) no-repeat;
}
#thou
{
width:70%;
color:#000000;
padding-top:50px;
padding-left:70px;
}
#font_nav
{
width:90%;
float:left;
margin-left:40px;
}
.pub1
{
width:209px;
height:79px;
float:left;
cursor:pointer;
}
.pub2
{
width:170px;
height:79px;
float:left;
cursor:pointer;
}
.pub3
{
width:177px;
height:58px;
float:left;
cursor:pointer;
}
.pub4
{
width:190px;
height:58px;
float:left;
cursor:pointer;
}
.pub5
{
width:181px;
height:72px;
float:left;
cursor:pointer;
}
.pub6
{
width:190px;
height:72px;
float:left;
cursor:pointer;
}
#pop
{
width:80%;
color:#000000;
padding-top:50px;
padding-left:40px;
}
.author
{
float:right;
width:50%;
margin:10px;
text-align:right;
}
#rightcon
{
width:48%;
float:right;
}
#login
{
width:100%;
float:left;
}
#login_button
{
width:102px;
height:49px;
float:left;
background:url(../images/login.png) no-repeat;
cursor:pointer;
}
.login_button
{
width:102px;
height:49px;
float:left;
background:url(../images/login.png) no-repeat;
cursor:pointer;
}
#popular
{
width:480px;
height:209px;
float:left;
background:url(../images/popular.png) no-repeat right;
}
#reg
{
width:208px;
height:45px;
float:left;
margin-bottom:18px;
cursor:pointer;
}
.login
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:19px;
color:#222222;
}
.login_txt
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:right;
font-size:12px;
color:#222222;
}
.txt
{
border:1px solid #000000; 
background:#ffffff;
color:#000000;
width:220px;
}
.button
{
background:#cb8210;
width:60px;
height:29px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
border:1px solid #ffffff;
cursor:pointer;
}
.button a
{
color:#FFFFFF;
}
.button a:hover
{
color:#FFFFFF;
}

/*HOME PAGE END*/

/*User Navigations*/

/* Basic code - don't modify */

#nav { display: block; margin: 0; padding: 0; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height:0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }

#navi { display: block; margin: 0; padding: 0; }
#navi li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#navi a { display: block; }

/* Essentials - configure this */

#nav ul { width:150px; }
#nav ul ul { left: 131px;}

/* Everything else is theming */
 
#nav { height:24px; }
#nav li a { border-right: 1px solid white; color: white; font-size: 18px; padding:4px 15px; line-height: 1; text-decoration:none; color:#FFFFFF; }
#nav li a.last { border-right: 0px solid white; color: white; font-size: 18px; padding:4px 15px; line-height: 1; text-decoration:none; color:#FFFFFF; }
#nav li a:hover{ color: #ffffff; text-decoration:underline; }
#nav ul { top:30px; }
#nav ul li a { background:#222222;font-size:12px; padding:5px; margin:0px;color: #ffffff; }
#nav ul li a:hover { background:#ffffff; color: #000000; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }

#navi { height:24px;}
#navi li a { border-right: 1px solid white; color: white; font-size: 18px; padding:4px 15px; line-height: 1; text-decoration:none; color:#FFFFFF; }
#navi li a.last { border-right: 0px solid white; color: white; font-size: 18px; padding:4px 15px; line-height: 1; text-decoration:none; color:#FFFFFF; }
#navi li a:hover{ color: #ffffff; text-decoration:underline;}
/* #navi ul a { border-bottom: none; } - I also needed this for IE6/7 */
/*End User Navigations*/

#menu_right
{
width:80px;
height:27px;
padding-top:8px;
float:left;
font-size:11px;
color:#FFFFFF;
background:url(../images/menu_right.png) no-repeat;
}
#menu_right a
{
color:#FFFFFF;
text-decoration:none;
}
#left_head
{
width:364px;
height:133px;
float:left;
}
#mid_head
{
width:274px;
height:133px;
margin-top:4px;
float:left;
}
#right_head
{
width:365px;
height:133px;
float:left;
}
.s_user_nav a
{
text-decoration:none;
color:#FFFFFF;
}
.s_user_nav
{
text-decoration:none;
color:#FFFFFF;
}

.s_user_nav a:hover
{
text-decoration:underline;
}
.s_user_nav_pop a
{
text-decoration:none;
color:#FFFFFF;
}
.s_user_nav_pop a:hover
{
text-decoration:underline;
}

#s_user_nav a
{
text-decoration:none;
color:#FFFFFF;
}

#s_user_nav a:hover
{
text-decoration:underline;
}
#s_user_nav_pop a
{
text-decoration:none;
color:#FFFFFF;
}
#s_user_nav_pop a:hover
{
text-decoration:underline;
}

#user_left
{
width:55%;
height:60px;
margin-bottom:2px;
padding-left:90px;
float:left;
}
.user_l
{
width:9px;
height:60px;
float:left;
background:url(../images/user_left.png) no-repeat;
}
.user_bg
{
width:90%;
height:60px;
padding-top:0px;
float:left;
background:url(../images/user_bg.png) repeat-x;
}
#user_bg_pop
{
width:90%;
height:55px;
padding-top:5px;
float:left;
background:url(../images/user_bg.png) repeat-x;
}
#user_hleft
{
width:367px;
height:52px;
margin-top:5px;
float:left;
}
#user_hright
{
width:357px;
height:52px;
margin-top:5px;
float:left;
}
.s_user_nav
{
width:70%;
float:right;
margin-top:7px;
margin-left:5px;
}
.login_nav
{
width:100%;
float:right;
margin-top:20px;
text-align:center;
}
#s_user_nav
{
width:70%;
float:right;
margin-top:7px;
margin-left:5px;
}
#sl_user
{
width:40px;
height:40px;
margin-left:5px;
margin-top:9px;
float:left;
border:#ffffff 1px solid;
}
#sr_user
{
width:40px;
height:40px;
margin-left:5px;
margin-top:9px;
float:left;
border:#ffffff 1px solid;

}
.photo_border { padding:2px;border:1px solid #CBCACA;}
.my_pro
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:20px;
text-transform:capitalize;
}
.invite
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
.invite a
{
text-decoration:none;
color:#FFFFFF;
}
.invite a:hover
{
text-decoration:underline;
}
.user_r
{
width:9px;
height:60px;
float:left;
background:url(../images/user_right.png) no-repeat;
}
#user_right
{
width:55%;
height:60px;
margin-bottom:2px;
padding-right:90px;
float:right;
}

#main
{
width:100%;
float:left;
}
#content
{
width:1003px;
margin:0px auto;
min-height:750px;
}
.page
{
width:100%;
float:left;
}
.footer_bg
{
width:100%;
height:218px;
float:left;
background:url(../images/footer.png) center center;
}
/**html #footer IE6 position fixed Bottom  
{
position:absolute;
bottom:auto;
top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}*/
#footer
{
width:100%;
float:left;
background:#242121;
height:35px; 
font-size:10px; 
text-align:center; 
color:#fff;
padding-top:5px;
}
#header
{
width:100%;
height:133px;
float:left;
margin-top:5px;
}

#Fixeddiv{z-index:200;position:fixed;bottom:0px; float:left;visibility:hidden; width:100%;}
#Fixeddiv_Bkp{left:3%; right:3%; height:36px;bottom:0px;width:94%;top:562px;z-index:20;}
#links
{
width:100%;
margin:0px auto;
}
#footer a{color:#ffffff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
#footer a:hover{text-decoration:underline;}

.topfra
{
width:683px;
height:13px;
float:left;
background:url(../images/frame_top.png);
}
.cenfra
{
width:100%;
float:left;
background:url(../images/frame_cen.png) repeat-y;
}
.midfra
{
width:683px;
float:left;
padding-left:10px;
background:url(../images/frame_cen.png) repeat-y;
}

.botfra
{
width:683px;
height:16px;
float:left;
background:url(../images/frame_bot.png);
}

/*CONTENT*/

#leftside
{
width:683px;
float:left;
}
#rightside
{
width:269px;
float:left;
}

#sidebar
{
width:22px;
height:358px;
float:right;
position:static;
}
#side_top
{
width:22px;
height:20px;
float:left;
background:url(../images/sidetop.png) no-repeat;
}
#side_bg
{
width:22px;
height:328px;
float:left;
background:url(../images/sidebg.png) top repeat-y;
}
#side_bot
{
width:22px;
height:20px;
float:left;
background:url(../images/sidebot.png) no-repeat;
}
#vside
{
width:22px;
height:107px;
float:left;
background:url(../images/side_video.png) no-repeat;
}
#mside
{
width:22px;
height:107px;
float:left;
background:url(../images/side_music.png) no-repeat;
}
#pside
{
width:22px;
height:107px;
float:left;
background:url(../images/side_photo.png) no-repeat;
}
.frame_bg
{
width:100%;
height:233px;
float:left;
}
.bg_left
{
width:17px;
height:233px;
float:left;
background:url(../images/member_left.png) no-repeat;
}
.bg_bg
{
width:94%;
height:233px;
float:left;
background:url(../images/member_bg.png) repeat-x;
}
.title_bg
{
width:100%;
height:26px;
margin:0px auto;
}
.frametitle
{
width:94.3%;
height:23px;
padding-top:3px;
float:left;
color:#ffffff;
background:url(../images/title_bg.png) repeat-x;
}
.thumbtitle
{
width:95.7%;
height:23px;
padding-top:3px;
float:left;
color:#ffffff;
background:url(../images/title_bg.png) repeat-x;
}
.usertitle
{
width:76.3%;
height:23px;
padding-top:3px;
float:left;
color:#ffffff;
background:url(../images/title_bg.png) repeat-x;
}
.usercentitle
{
width:92.3%;
height:23px;
padding-top:3px;
float:left;
color:#ffffff;
background:url(../images/title_bg.png) repeat-x;
}
.title_left
{
width:10px;
height:26px;
float:left;
background:url(../images/title_left.png) no-repeat;
}
.title_right
{
width:10px;
height:26px;
float:left;
background:url(../images/title_right.png) no-repeat;
}
.title
{
font-size:21px;
padding:5px;
color:#111111;
font-family:Arial, Helvetica, sans-serif;
}
.privacytitle
{
font-size:15px;
padding:5px;
font-weight:bold;
color:#111111;
font-family:Arial, Helvetica, sans-serif;
}
.edit_title
{
font-size:12px;
padding:0px;
font-weight:bold;
color:#111111;
font-family:Arial, Helvetica, sans-serif;
}
.register_title
{
font-size:18px;
padding:40px 10px;
color:#111111;
font-family:Arial, Helvetica, sans-serif;
}

.multititle
{
width:90%;
float:left;
padding:11px 10px;
color:#333333;
font-weight:bold;
}
#add
{
width:299px;
height:194px;
margin-top:17px;
float:left;
background:url(../images/add-xmas.jpg) no-repeat;
}
#video
{
width:299px;
height:187px;
float:left;
background:url(../images/video.png) no-repeat;
}
.recent_mem
{
width:247px;
float:left;
}
#recent_mem ul
{
list-style:none;
float:left;
width:100%;
}
#recent_mem ul li
{
width:90%;
padding:5px;
margin-left:10px;
font-size:11px;
background:url(../images/point.png) left center no-repeat;
}
#recent_mem ul li.last
{
width:9%;
padding:5px;
margin-left:0px;
font-size:11px;
background:url(../images/point.png) left center no-repeat;
}
#recent_mem ul li a
{
color:#666666;
margin-left:15px;
text-decoration:none;
}
#recent_mem ul li a:hover
{
color:#333333;
text-decoration:underline;
}
.recent_members
{
width:247px;
float:left;
}
#recent_members ul
{
list-style:none;
float:left;
width:100%;
}
#recent_members ul li
{
width:90%;
padding:5px;
margin-left:0px;
font-size:11px;
background:url(../images/point.png) left center no-repeat;
}
#recent_members ul li.last
{
width:9%;
padding:5px;
margin-left:0px;
font-size:11px;
background:url(../images/point.png) left center no-repeat;
}
#recent_members ul li a
{
color:#666666;
margin-left:15px;
text-decoration:none;
}
#recent_members ul li a:hover
{
color:#333333;
text-decoration:underline;
}

#audio
{
width:299px;
height:215px;
float:left;
background:url(../images/audio.png) no-repeat;
}
.bg_rbg
{
width:88.5%;
height:233px;
float:left;
background:url(../images/member_bg.png) repeat-x;
}
.bg_right
{
width:15px;
height:233px;
float:left;
background:url(../images/member_right.png) no-repeat;
}
#bg_rleft
{
width:17px;
height:503px;
float:left;
background:url(../images/multi_left.png) no-repeat;
}
#bg_rrbg
{
width:88.5%;
height:503px;
float:left;
background:url(../images/multi_bg.png) repeat-x;
}
#bg_rright
{
width:15px;
height:503px;
float:left;
background:url(../images/multi_right.png) no-repeat;
}
/*USER PHOTOS WITH DETAILS*/
.user_active
{
width:95%;
margin:0px auto;
}
.userarea
{
width:19.8%;
float:left;
}
.videoarea
{
width:24.8%;
float:left;
}
.gamearea
{
width:19.5%;
float:left;
}
#u1
{
width:105px;
height:124px;
}
.name
{
width:75%;
color:#ff6600;
float:left;
font-size:12px;
font-weight:bold;
}
.postname
{
color:#990000;
font-size:12px;
font-weight:bold;
}
#online
{
width:24%;
height:20px;
float:left;
}
.offline
{
width:24%;
height:20px;
float:left;
}
.country
{
width:100%;
float:left;
font-size:11px;
}
.gname
{
width:100%;
color:#ff6600;
float:left;
font-size:12px;
font-weight:bold;
}
.views
{
width:100%;
color:#0066CC;
float:left;
font-size:11px;
}
/* Home Page Video Duration Display class */
.dv_left_wide_home .box_home .thumb_home a {font-weight:bold; text-decoration:none;}
.dv_left_wide_home .box_home .videothumbs_home .thumb_home .image_home  {width:92px;height:57px;padding:4px 8px 13px 4px;float:left;}
.dv_left_wide_home .box_home .videothumbs_home .thumb_home .image_home  span {display:inline-block;position:absolute;bottom:13px;right:8px;padding:0 3px;color:#000;background:url(../images/bg_video_overlayduration.png) 0 0 no-repeat;z-index:1;}
.dv_left_wide_gallery .box_gallery .thumb_gallery a {font-weight:bold;}
.dv_left_wide_gallery .box_gallery .videothumbs_gallery .thumb_gallery .image_gallery  {width:105px;height:105px;padding:0px 8px 0px 0px;background:url(../bg_thumb_video.png) 0 0 no-repeat;float:left;}
.dv_left_wide_gallery .box_gallery .videothumbs_gallery .thumb_gallery .image_gallery  span {display:inline-block;position:absolute;bottom:0px;right:4px;padding:0 8px;color:#000;background:url(../images/bg_video_overlayduration.png) 0 0 no-repeat;z-index:1;}
.spane2 {
	height:5px;
}
.more_bg { font-size:12px; font-weight:bold; padding-right:10px; color:#555555; height:18px; }
.more_bg a {  color:#555555; text-decoration:none}
.more_bg a:hover {  color:#555555; text-decoration:underline;}

/*USER & GUEST PAGES*/
#post
{
width:95%;
float:left;
}
#post_user
{
width:97%;
float:left;
}
.posted
{
width:93.7%;
margin-bottom:5px;
margin-left:0px;
padding:5px;
float:left;
font-size:11px;
background:#FFFFFF;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.hostwall
{
width:95.3%;
margin-bottom:0px;
margin-top:2px;
padding:5px;
float:left;
font-size:11px;
background:#FFFFFF;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.hostwall_login
{
width:95.3%;
margin-bottom:5px;
margin-top:5px;
padding:5px;
float:left;
font-size:15px;
font-weight:bold;
background:#FFFFFF;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.scrap_user
{
width:8%;
float:left;
}
.scrap_con
{
width:100%;
float:left;
background:url(../images/baseline.gif);
}
.scrap_details
{
width:92%;
float:left;
line-height:1.8em;
}
.inner_scrap_user
{
width:6%;
float:left;
}
.inner_scrap_details
{
width:94%;
float:left;
line-height:1.8em;
}
.user_name
{
width:70%;
float:left;
color:#990000;
font-weight:bold;
text-transform:capitalize;
}
.scrap_date
{
width:20%;
float:left;
font-weight:bold;
}
.hostuser_name
{
width:80%;
float:left;
color:#990000;
font-weight:bold;
text-transform:capitalize;
}
.hostscrap_date
{
width:20%;
float:left;
font-weight:bold;
}
#emails
{
width:94%;
margin:5px 10px;
padding:5px;
float:left;
background:#FFFFFF;
font-size:11px;
border:#dddddd 1px solid;
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.comts
{
width:90%;
height:47px;
float:left;
font-size:11px;
}
.txtarea
{
width:99%;
margin-left:10px;
background:#FFFFFF;
border:#999999 1px solid;
overflow:hidden;
margin-bottom:5px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.txtarea_scrap
{
width:100%;
height:80px;
margin-left:6px;
background:#FFFFFF;
border:#999999 1px solid;
overflow:hidden;
margin-bottom:5px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#invite_firends
{
width:95%;
margin:5px auto;
font-size:11px;
}
#upload_files
{
width:94%;
margin:0px 10px;
padding:5px;
float:left;
background:#FFFFFF;
font-size:11px;
border:#dddddd 1px solid;
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#edit_files
{
width:94%;
margin:0px 10px;
padding:5px;
float:left;
background:#FFFFFF;
font-size:11px;
border:#dddddd 1px solid;
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#upload_btn .btn
{
background:#333333;
border:#000000 1px solid;
color:#FFFFFF;
margin-left:10px;
margin-top:10px;
height:20px;
cursor:pointer;
}
#upload_btn input:hover
{
background:#999999;
}
.note
{
width:98%;
float:left;
padding:5px;
font-size:11px;
}
.pls
{
font-size:12px;
color:#990000;
}
.text_design
{
font-size:11px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.recentarea
{
width:33%;
float:left;
}
#cont
{
width:66%;
float:left;
font-size:11px;
margin-left:10px;
}
#btn
{
width:30%;
text-align:right;
float:left;
}
.btn a
{
color:#FFFFFF;
}
.btn a:hover
{
color:#FFFFFF;
}
.btn
{
background:#990000;
border:#ff0000 1px solid;
color:#FFFFFF;
height:20px;
cursor:pointer;
}
#delete
{
width:100%;
float:left;
text-align:right;
}
.invite_btn
{
background:#990000;
border:#ff0000 1px solid;
color:#FFFFFF;
padding:2px;
height:25px;
cursor:pointer;
font-size:12px;
text-decoration:none;
}
.login_btn
{
background:url(../images/login.png) no-repeat;
/*background-color:#999999;*/
border:#999999 0px solid;
text-shadow:none;
color:#000000;
height:50px;
width:110px;
cursor:pointer;
}
.forgot a
{
font-size:12px;
color:#333333;
}
.forgot a:hover
{
color:#ffffff;
}
.file_btn
{
color:#333333;
}
.des_txt
{
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.mine
{
width:50px;
float:left;
margin:5px;
}
.profile_mine
{
width:85px;
float:left;
margin:5px;
}
.my_prodetails
{
width:80%;
float:left;
font-size:11px;
margin-top:5px;
margin-bottom:5px;
text-transform:capitalize;
}
.my_details
{
width:82%;
float:left;
font-size:11px;
margin-top:5px;
margin-bottom:5px;
text-transform:capitalize;
}
.album_img
{
width:56px;
height:47px;
float:left;
margin:5px;
background:url(../images/album_img.png);
border:#bbbbbb 0px solid;
}
.album_des
{
width:70%;
float:left;
font-size:11px;
margin-top:5px;
margin-bottom:5px;
background:#FFFFFF;
border:#dddddd 1px solid;
}
.my_scarp
{
width:89%;
float:left;
font-size:11px;
margin-top:5px;
margin-bottom:5px;
text-transform:capitalize;
}
.request_bg
{
width:80%;
float:left;
font-size:11px;
margin-top:10px;
margin-bottom:10px;
text-transform:capitalize;
}
.white_bg
{
width:97%;
float:left;
background:#FFFFFF;
margin-top:2px;
padding-bottom:5px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.user_msg
{
width:98%;
padding:5px;
float:left;
border-top:#dddddd 1px solid;
}
.myprofile
{
width:95.6%;
float:left;
background:#FFFFFF;
margin-top:2px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.music_player
{
width:52%;
float:left;
padding:20px;
}
.album_list
{
width:37%;
float:left;
margin:20px 0px;
font-size:11px;
border:#999999 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.album_title
{
width:100%;
background:url(../images/album_bg.png) repeat-y;
float:left;
padding-bottom:0px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.nofriends
{
width:93.5%;
float:left;
background:#FFFFFF;
margin-top:2px;
font-size:11px;
margin-left:5px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.music_album
{
width:95.6%;
float:left;
background:#FFFFFF;
padding:5px 0px;
margin-top:2px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.mymsg
{
width:95.6%;
float:left;
background:#FFFFFF;
margin-top:2px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.myrequest
{
width:96.9%;
float:left;
background:#FFFFFF;
margin-top:5px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.myprofile table a
{
color:#990000;
font-size:11px;
}
.myprofile table a:hover
{
color:#990000;
text-decoration:underline;
}
.msg_nav
{
width:100%;
float:left;
}
.nav 
{
font-size:10px;
}
.nav a
{
color:#990000;
font-size:10px;
}
.nav a:hover
{
background:#990000;
color:#FFFFFF;
text-decoration:none;
border-bottom:#333333 2px solid;
}
.fav_nav a
{
color:#F92172;
font-size:10px;
}
.fav_nav a:hover
{
background:#F92172;
color:#FFFFFF;
text-decoration:none;
border-bottom:#333333 2px solid;
}
.rate_nav a
{
color:#EECC62;
font-size:10px;
}
.rate_nav a:hover
{
background:#EECC62;
color:#FFFFFF;
text-decoration:none;
border-bottom:#333333 2px solid;
}
.share_nav a
{
color:#1894CB;
font-size:10px;
}
.share_nav a:hover
{
background:#1894CB;
color:#FFFFFF;
text-decoration:none;
border-bottom:#333333 2px solid;
}
.main_nav 
{
font-size:10px;
}
.main_nav a
{
color:#990000;
padding:5px;
font-size:10px;
}
.main_nav a:hover
{
background:#990000;
color:#FFFFFF;
text-decoration:none;
padding:5px;
border-bottom:#333333 2px solid;
}

.nav_btn
{
height:16px;
}
.chk
{
width:3%;
float:left;
}
.compose_message
{
width:96%;
height:auto;
float:left;
background:#FFFFFF;
margin-top:5px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.myfriends
{
width:93.9%;
float:left;
background:#FFFFFF;
margin-top:5px;
margin-bottom:5px;
padding:5px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.myfrnd
{
width:93.9%;
height:auto;
float:left;
background:#FFFFFF;
margin-top:5px;
padding:5px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.myfrnd a
{
color:#FFFFFF;
}
.myfrnd a:hover
{
color:#FFFFFF;
}
.myallfriends
{
width:93.9%;
height:auto;
float:left;
background:#FFFFFF;
margin-top:5px;
padding:5px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.req_friends
{
width:80px;
height:102px;
float:left;
margin-right:3.2px;
padding:5px;
border:#dddddd 1px solid;
}
.my_friends
{
width:80px;
height:115px;
float:left;
margin-right:3.2px;
padding:5px;
border:#dddddd 1px solid;
}
.fri_bg
{
background:#d0d0d0;
border:#999999 1px solid;
}
.req_photo
{
width:80px;
margin:0px auto;
}
.req_name
{
width:100%;
float:left;
font-size:10px;
white-space:nowrap;
}
.action
{
width:100%;
float:left;
font-size:10px;
white-space:nowrap;
}
#reg_form
{
width:97%;
float:left;
font-size:11px;
}
#msg_form
{
width:80%;
float:left;
font-size:11px;
}
#crop_img img
{
margin-bottom:10px;
}
#crop_img
{
width:100%;
float:left;
text-align:center;
margin-bottom:10px;
}
#personal
{
width:199px;
height:92px;
float:left;
background:url(../images/per_acc.png) no-repeat;
}
#family
{
padding-top:5px;
width:0px;
height:52px;
float:left;
}
#org
{
width:100px;
height:92px;
float:left;
padding-left:100px;
background:url(../images/org_acc.png) no-repeat;
}
.txt_reg
{
color:#000000;
}
#personal_reg
{
width:95.3%;
padding:5px;
float:left;
background:#FFFFFF;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#personal_reg1
{
width:94%;
margin:0px 10px;
padding:5px;
float:left;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#reg_btn
{
width:119px;
height:31px;
float:right;
background:url(../images/per_btn.png) no-repeat;
cursor:pointer;
}
#family_reg
{
width:94%;
margin:0px 10px;
padding:5px;
float:left;
background:#FFFFFF;
font-size:11px;
border:#dddddd 1px solid;
color:#ff0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#fam_btn
{
width:119px;
height:31px;
float:right;
background:url(../images/fam_btn.png) no-repeat;
cursor:pointer;
}

#org_btn
{
width:119px;
height:31px;
float:right;
background:url(../images/org_btn.png) no-repeat;
cursor:pointer;
}
#upload_files table
{
color:#000000;
font-size:11px;
}
.per_field
{
font-size:11px;
}
.agree a
{
font-size:11px;
color:#0066CC;
}
.odd_row
{
background:#e6e6e6;
}
.even_row
{
background:#ffffff;
}
/*USER & GUEST PAGES ENDS*/
/*USER PROFILE*/
#user_con
{
width:978px;
float:right;
margin-top:5px;
}
.left_con
{
width:176px;
float:left;
}
.right_con
{
width:269px;
float:left;
}
.center_con
{
width:508px;
float:left;
}
.left_nav_top
{
width:176px;
height:13px;
float:left;
background:url(../images/user_nav_top.png);
}
.left_nav_cen
{
width:176px;
float:left;
padding-left:10px;
background:url(../images/user_nav_cen.png) repeat-y;
}
.left_nav_cen ul
{
list-style:none;
float:left;
width:100%;
}
.left_nav_cen ul li
{
width:80%;
padding:5px;
margin-left:0px;
font-size:11px;
border-bottom:#cccccc 1px dashed;
background:url(../images/point.png) left center no-repeat;
}
.left_nav_cen ul li.last
{
width:80%;
padding:5px;
margin-left:0px;
font-size:11px;
border-bottom:#cccccc 0px dashed;
background:url(../images/point.png) left center no-repeat;
}
.left_nav_cen ul li a
{
color:#666666;
margin-left:15px;
text-decoration:none;
}
.left_nav_cen ul li a:hover
{
color:#333333;
text-decoration:underline;
}
.left_nav_bot
{
width:176px;
height:16px;
float:left;
background:url(../images/user_nav_bot.png);
}
.user_cen_top
{
width:508px;
height:13px;
float:left;
background:url(../images/user_cen_top.png);
}
.user_cen_cen
{
width:508px;
float:left;
padding-left:10px;
background:url(../images/user_cen_cen.png) repeat-y;
}
.myedit
{
width:93.9%;
height:auto;
float:left;
background:#FFFFFF;
margin-top:5px;
padding:5px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.thead
{
color:#FFFFFF;
background:#333333;
}
.trow
{
background:#CCCCCC;
}
.user_cen_bot
{
width:508px;
height:16px;
float:left;
background:url(../images/user_cen_bot.png);
}
#right_top
{
width:269px;
height:13px;
float:left;
background:url(../images/right_add_top.png);
}
#right_cen
{
width:269px;
float:left;
padding-left:12px;
background:url(../images/right_add_cen.png) repeat-y;
}
#right_add
{
width:247px;
float:left;
}
.inner_poem
{
width:98%;
float:left;
background:#FFFFFF;
margin-top:2px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.poem_author
{
width:55px;
float:left;
margin:5px;
}
.poem
{
width:70%;
float:left;
font-size:11px;
margin-top:5px;
margin-bottom:5px;
text-transform:capitalize;
}
#right_bot
{
width:269px;
height:16px;
float:left;
background:url(../images/right_add_bot.png);
}
.mm_top
{
width:269px;
height:13px;
float:left;
background:url(../images/right_mm_top.png);
}
.mm_cen
{
width:269px;
float:left;
padding-left:3px;
background:url(../images/right_mm_cen.png) repeat-y;
}
#right_video
{
width:247px;
height:153px;
margin-left:8px;
float:left;
background:url(../images/videoplayer.png);
}
#right_audio
{
width:247px;
height:177px;
margin-left:8px;
float:left;
background:url(../images/mp3player.png);
}
.mm_bot
{
width:269px;
height:16px;
float:left;
background:url(../images/right_mm_bot.png) top no-repeat;
}
#left_side
{
width:683px;
float:left;
}
#frame_top
{
width:683px;
height:13px;
float:left;
background:url(../images/frame_top.png);
}
#frame_cen
{
width:683px;
float:left;
padding-left:10px;
background:url(../images/frame_cen.png) repeat-y;
}
#frame_bot
{
width:683px;
height:16px;
padding-bottom:10px;
float:left;
background:url(../images/frame_bot.png) no-repeat;
}
#whatismind
{
width:93.8%;
float:left;
padding:5px;
margin-top:10px;
background:#dddddd;
border:#999999 1px dashed;
font-size:12px;
}
.privacy_bg
{
width:97.6%;
float:left;
padding:5px;
margin-top:0px;
background:#dddddd;
border:#999999 1px dashed;
}

/*error css codes*/
#main1{width:100%; margin:0px auto;}
.main1{width:100%; margin:0px auto; font-size:11px;}
#invalid{width:95%;border:#FF0000 1px solid;color:#FF0000;float:left;margin-left:4.5%;background:#fbe5e5;font-weight:bold; font-size:11px; text-align:center;}
#invalid ul li{width:100%;list-style:url(../images/error.png);}
#success{width:95%;border:#009900 1px solid;color:#009900;float:left;margin-left:2.5%;background:#e6ffe6;font-weight:bold; text-align:center;}
#success ul li{width:100%;color:#090;list-style:url(../images/correct.png);}
#left_suc{width:30%;height:10px;float:left;}
#right_suc{width:70%;float:left;color:red;}

.video_text {  font-size:20px; color:#ffffff; font-weight:bolder;  padding-bottom:6px;}
.video_text4 {  font-size:11px; color:#6d0a16;  }
.video_text5 {  font-size:11px; color:#000000;  }

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	width:150px;
	color: #CC3333;
	font-size:11px;
}
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	border:#009900 1px solid;
	background:#e6ffe6;
	
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #fbe5e5;
	border:#FF0000 1px solid;
	
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
	border:#555555 1px solid;;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}

.confirmRequiredMsg, 
.confirmInvalidMsg, 
.confirmValidMsg {
	display: none;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required , invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

/* When the widget is in the valid state the INPUT has a green background applied on it. */
.confirmValidState input, input.confirmValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.confirmFocusState input, input.confirmFocusState {
	background-color: #FFFFCC;
}
.passwordRequiredMsg, 
.passwordInvalidStrengthMsg, 
.passwordMinCharsMsg,
.passwordMaxCharsMsg,
.passwordCustomMsg,
.passwordValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .passwordRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.passwordRequiredState .passwordRequiredMsg,
.passwordMinCharsState .passwordMinCharsMsg,
.passwordMaxCharsState .passwordMaxCharsMsg,
.passwordInvalidStrengthState .passwordInvalidStrengthMsg,
.passwordCustomState .passwordCustomMsg
{
	display: inline;
	color: #CC3333;
	font-size:11px;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid Strength / minValue / maxValue / custom invalid , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */

/* When the widget is in the valid state the INPUT has a green background applied on it. */
.passwordValidState input, input.passwordValidState {
	border:#009900 1px solid;
	background:#e6ffe6;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.passwordRequiredState, .passwordRequiredState input, 
input.passwordInvalidStrengthState, .passwordInvalidStrengthState input, 
input.passwordMinCharsState, .passwordMinCharsState input, 
input.passwordCustomState, .passwordCustomState input, 
input.passwordMaxCharsState, .passwordMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.passwordFocusState input, input.passwordFocusState {
	background-color: #FFFFCC;
}

.selectRequiredMsg, .selectInvalidMsg {
	display: none;
}
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg {
	display: inline;
	color: #CC3333;
	font-size:11px;
}
.selectValidState select, select.selectValidState {
	border:#009900 1px solid;
	background:#e6ffe6;
}
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #fbe5e5;
	border:#FF0000 1px solid;
}
.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}
/* These are the classes applied on the messages
 * (required message, minSelections message and maxSelections message)
 * which prevent them from being displayed by default.
 */
.checkboxRequiredMsg, .checkboxMinSelectionsMsg, .checkboxMaxSelectionsMsg{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .checkboxRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.checkboxRequiredState .checkboxRequiredMsg,
.checkboxMinSelectionsState .checkboxMinSelectionsMsg,
.checkboxMaxSelectionsState .checkboxMaxSelectionsMsg {
	display: inline;
	color: #CC3333;
	font-size:11px;
}

/* For upload photos */
.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-top: 5px;
	padding: 10px;
	width: 350px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #0093DD;
	border-left: 1px solid #0093DD;
	border-right: 1px solid #0093DD;
	border-bottom: 1px solid #0093DD;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #82CA10;
	width: 1px;
	height: 10px;
}
/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textareaRequiredMsg,
.textareaMinCharsMsg,
.textareaMaxCharsMsg,
.textareaValidMsg {
	display:none;
}

/* The next three group selectors control the way the core element (TEXTAREA) looks like when the widget is in one of the states: * focus, required / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the TEXTAREA
 * - the widget id is placed on the TEXTAREA element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the TEXTAREA has a green background applied on it. */
.textareaValidState textarea, textarea.textareaValidState {
	border:#009900 1px solid;background:#e6ffe6;
}

/* When the widget is in an invalid state the TEXTAREA has a red background applied on it. */
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color: #fbe5e5;
	border:#FF0000 1px solid;
}

/* When the widget has received focus, the TEXTAREA has a yellow background applied on it. */
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color: #FFFFCC;
	border:#555555 1px solid;
}

/* This class applies only for a short period of time and changes the way the text in the textarea looks like.
 * It applies only when the widget has enforce max chars enabled and the user tries to type some more.
 */
.textareaFlashState textarea, textarea.textareaFlashState{
	color:red !important;
}
/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
textarea.textareaHintState, .textareaHintState textarea{
	/* color: red !important;*/
}

/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
	background: url(../images/border-anim-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(../images/border-anim-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(../images/border-anim-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(../images/border-anim-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.imgareaselect-outer {
	background-color: #000;
	opacity: 0.5;
    filter: alpha(opacity=50);
}

.imgareaselect-selection {
}
/* View church name */
#results{width:260px; border:solid 1px #DEDEDE; display:none;}
#results ul, #results li{padding:0; margin:0; border:0; list-style:none;}
#results li {border-top:solid 1px #DEDEDE;}
#results li a{display:block; padding:4px; text-decoration:none; color:#000000; font-weight:bold;}
#results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
#results li a:hover{background:#FFFFCC;}
#results ul {padding:6px;}

#DHTMLgoodies_formTooltipDiv{
	color:#666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:100%;
	padding:8px;
	border:#666666 1px solid;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF;
	font-weight:normal;
	font-size:10px;
}
.thumb_con
{
width:952px;
float:left;
}
.thumb_top
{
width:952px;
height:15px;
float:left;
background:url(../images/thumb_top.png);
}
.thumb_cen
{
width:952px;
float:left;
padding-left:10px;
background:url(../images/thumb_cen.png) repeat-y;
}
.thumb_bot
{
width:952px;
height:16px;
float:left;
background:url(../images/thumb_bot.png);
}
.reminder_head {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#903333; background-color:#e9d6d6; font-weight:bold; padding-left:5px;}
.reminder_detail {font-size:12px; color:#903333; padding-left:5px; height:20px;}
.reminder_border { border:1px solid #c79999;}
.remainder_text{color:#000000; font-weight:normal; font-size:12px;}

.error {
color:#FF0000;
font-size:10px;
border: #FF0000 solid 1px;
}
.red
{
color:#FF0000;
}
.recent_text
{
font-size:11px;
margin-right:5px;
}
.recent_text a
{
color:#990000;
font-weight:normal;
}
.recent_text a:hover
{
background:#990000;
color:#FFFFFF;
font-weight:normal;
}
#recent_friends
{
width:100%;
float:left;
padding:0px;
border:#333333 0px solid;
}
.recent_friends
{
width:100%;
float:left;
padding:0px;
border:#333333 0px solid;
}
#member_musics
{
width:100%;
float:left;
margin-left:4px;
}
#view_friends
{
width:100%;
float:left;
padding:1px;
border:#333333 0px solid;
}
#viewall_friends
{
width:100%;
float:left;
padding:1px;
border:#333333 0px solid;
}
.viewall_fri_photo
{
width:100%;
float:left;
margin-left:1%;
margin-bottom:5px;
border:#333333 0px solid;
}
.fri_photo
{
width:30%;
float:left;
margin-left:2%;
margin-bottom:5px;
border:#333333 0px solid;
}
.fri_name
{
width:100%;
float:left;
}
.fri_viewphoto
{
width:18.5%;
float:left;
margin-left:1%;
margin-bottom:5px;
border:#333333 0px solid;
}
.view_all
{
margin-left:75%;
text-decoration:none
}
.deletefriendConfirmBox
{
background:#FFB3B3;
border:#D40008 1px solid;
color:#D1010A;
}
#DeleteFriendAnimate
{
text-transform:uppercase;
font-weight:bold;
}
.qmmc .qmdivider
{
display:block;
position:relative;
z-index:1;
}
.qmmc .qmdividery
{
float:left;
}
.qmmc .qmtitle
{
display:block;
cursor:default;
white-space:nowrap;
position:relative;
z-index:1;
}
.qmclear 
{
clear:left;
line-height:0px;
display:block;
float:none !important;
}
.qmmc 
{
position:relative;
zoom:1;
z-index:10;
}
.qmmc a, .qmmc li 
{
float:left;
width:110px;
display:block;
white-space:nowrap;
position:relative;
z-index:1;
}
.qmmc div a, .qmmc ul a, .qmmc ul li 
{
float:none;
}
.qmsh div a 
{
float:left;
}
.qmmc div
{
visibility:hidden;
position:absolute;
}
.qmmc li 
{
z-index:auto;
}
.qmmc ul 
{
left:-10000px;
position:absolute;
z-index:10;
}
.qmmc, .qmmc ul 
{
list-style:none;
padding:0px;
margin:0px;
}
.qmmc li a 
{
float:none;

}
.qmmc li:hover>ul
{
left:auto;
}
#qm0 li 
{
float:none;
}
#qm0 li:hover>ul
{
top:0px;
left:100%;
}

#qm0	
	{	
		background-color:transparent;
	}

/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:0px;
		color:#666666;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
	}

/*"""""""" (MAIN) Active State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:underline;
		color:#333333;
		
	}

/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding-left:10px;
		border:#333333 1px solid;
		background-color:#f1f1f1;
	}

/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:0px;
		margin-left:15px;
		
	}

/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		text-decoration:underline;
		color:#333333;
	}

/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		background-color:#DDDDDD;
	}
    .qmfv
    {
    visibility:visible !important;
    }
    .qmfh
    {
    visibility:hidden !important;
    }
	
	.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and font color for the error text.
 * The state class (e.g. .radioRequiredState) is applied on the top-level container for the widget, 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.reg_selection
{
width:100%;
float:left;

}
.regType
{
width:95%;
margin-top:5px;
padding:5px;
background:#FFFFFF;
font-size:11px;
border:#dddddd 1px solid;
}

.reg_radio
{
width:98.2%;
float:left;
margin-top:5px;
padding:5px;
background:#FFFFFF;
font-size:11px;
border:#dddddd 1px solid;
}
.other_radio
{
width:37%;
padding:5px;
margin-left:60%;
margin-top:10px;
margin-bottom:10px;
float:left;
font-size:11px;
background:#e0e0e0;
border:#333333 1px dashed;
}
.artist_radio
{
width:37%;
padding:5px;
margin-left:15%;
margin-top:10px;
margin-bottom:10px;
float:left;
font-size:11px;
background:#e0e0e0;
border:#333333 1px dashed;
}

.text_area
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}/* CSS Document */
.about
{
width:98%;
float:left;
margin-left:10px;
}
.head_gld
{
font-size:12px;
font-weight:bold;
color:#990000;
}
/*PHOTO GALLERY VIEW*/
#photo_slider
{
width:100%;
margin-top:10px;
}
.photo_gallery_title
{
width:100%;
float:left;
font-size:16px;
font-weight:bold;
}
.photo_gallery_nav
{
width:100%;
float:left;
font-size:11px;
padding-top:5px;
}
.photo_bg
{
width:100%;
float:left;
}
.video_bg
{
width:100%;
float:left;
}
.view_photo
{
width:50%;
height:500px;
margin:0px auto;
}
.view_video
{
width:98%;
float:left;
padding-top:0px;
padding-left:0px;
}
.photo_icons
{
width:88%;
margin-left:6%;
float:left;
}
.icons
{
width:22px;
height:21px;
float:left;
}
.icons_title
{
width:100px;
float:left;
margin-left:10px;
padding-top:5px;
font-size:11px;
}
.photo_next
{
width:94%;
float:left;
margin-left:3%;
margin-top:10px;
}
.min_photo
{
width:19.5%;
float:left;
text-align:center;
}
.min_photo_border
{
border:#CCCCCC 1px solid;
background:#FFFFFF;
padding:2px;
}
.com_title
{
text-transform:uppercase;
font-size:18px;
float:left;
margin:10px 5px 5px 10px;
}
.photo_comments
{
width:95.6%;
float:left;
background:#FFFFFF;
padding:5px;
font-size:11px;
border:#dddddd 1px solid;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.photo_commentsbg
{
width:98.5%;
height:55px;
float:left;
background:#FFFFFF;
margin-top:2px;
margin-left:.6%;
border:#dddddd 1px solid;
margin-bottom:0px;
}
.black
{
color:#000000;
font-weight:bold;
}
.des
{
font-weight:normal;
}

.hide-image
{
display:none;
}
.show-image{display:block;}
#top_nav
{
width:100%;
float:right;
color:#333333;
}
#top_nav ul
{
padding-top:0px;
margin:0px;
}
#top_nav ul li
{
list-style:none;
display:inline;
}
#top_nav ul li a
{
font-size:11px;
list-style:none;
display:inline;
padding:0px 21px;
color:#ffffff;
text-decoration:none;
background:url(../images/glo.png) no-repeat center;;
}
#top_nav ul li a:hover
{
list-style:none;
display:inline;
color:#ffffff;
text-decoration:none;
background:url(../images/glo_hover.png) no-repeat center;
}
.dv_left_wide .box .thumb a {font-weight:bold; text-decoration:none;}
.dv_left_wide .box .videothumbs .thumb .image  {width:135px;height:76px;padding:4px 15px 13px 6px;background:url(../images/bg_thumb_video.png) 0 0 no-repeat;float:left;}
.dv_left_wide .box .videothumbs .thumb .image  span {display:inline-block;position:absolute;bottom:13px;right:15px;padding:0 3px;color:#000;background:url(../images/bg_video_overlayduration.png) 0 0 no-repeat;z-index:1;}

.dv_left_wide_gallery .box_gallery .thumb_gallery a {font-weight:bold;}
.dv_left_wide_gallery .box_gallery .videothumbs_gallery .thumb_gallery .image_gallery  {width:100px;height:100px;padding:0px 8px 0px 0px;background:url(../bg_thumb_video.png) 0 0 no-repeat;float:left;}
.dv_left_wide_gallery .box_gallery .videothumbs_gallery .thumb_gallery .image_gallery  span {display:inline-block;position:absolute;bottom:0px;right:4px;padding:0 8px;color:#000;background:url(../images/bg_video_overlayduration.png) 0 0 no-repeat;z-index:1;}

.post_usertips
{
width:85%;
float:left;
padding-left:10px;
}
.post_btn
{
padding-right:10px; padding-top:5px; padding-bottom:5px; float:right; width:10%;
}
#loading-image
{
width:100%;
float:left;
padding:5px;
text-align:center;
}
.music_img
{
width:79px;
height:59px;
margin:0px 14px 10px 15px;
float:left;
border:#999999 1px solid;
}
.video_img
{
width:140px;
height:80px;
margin:0px 8px 10px 15px;
float:left;
border:#999999 1px solid;
}
.photo_img
{
width:106px;
height:106px;
margin:0px 8px 10px 15px;
float:left;
border:#999999 1px solid;
}
.gallery_title
{
width:100%;
float:left;
}
.top_part
{
width:308px;
height:14px;
float:left;
background:url(../images/top_bg.png) no-repeat;
}
.cen_part
{
width:308px;
float:left;
background:url(../images/cen_bg.png);
}
.bot_part
{
width:308px;
height:14px;
float:left;
background:url(../images/bot_bg.png) no-repeat;
}
.top_lcor
{
width:15px;
height:15px;
float:left;
background:url(../images/photo_left_top_corner.png)
}
.top_bg
{
width:282px;
height:15px;
float:left;
background:url(../images/photo_top_bg.png);
}
.top_rcor
{
width:15px;
height:15px;
float:left;
background:url(../images/photo_right_top_corner.png);
}
.cen_lcor
{
width:15px;
float:left;
background:url(../images/photo_left_cen.png) repeat-y;
}
.cen_bg
{
width:282px;
float:left;
background:url(../images/photo_cen_cen.png) repeat-y;
}
.cen_rcor
{
width:15px;
float:left;
background:url(../images/photo_right_cen.png) repeat-y;
}
.bot_lcor
{
width:15px;
height:14px;
float:left;
background:url(../images/photo_left_bot_corner.png);
}
.bot_bg
{
width:282px;
height:14px;
float:left;
background:url(../images/photo_bot_bg.png);
}
.bot_rcor
{
width:15px;
height:14px;
float:left;
background:url(../images/photo_right_bot_corner.png);
}

.nav a
{
color:#990000;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.nav a:hover
{
background:#990000;
color:#FFFFFF;
text-decoration:none;
border-bottom:#333333 2px solid;
}
.photo_border { padding:2px;border:1px solid #CBCACA;}
.contact_name
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-transform:capitalize;
}
#user_list{height:100px;width:400px; float:left;overflow:scroll;border:1px solid #CBCACA; padding:5px;}

Plus d'information sur ce site:

URL: http://www.churchgang.com/
CSS URL: http://www.churchgang.com/css/css.css
Charset: utf-8
Titre: Church Gang - Welcome To Churchgang
Meta-Description: Churchgang.com is a online christian community portal meant for sharing thoughts,video,images.
Meta-Keywords: Christian community, christian portal, christian social networking