* { /* GLOBAL RESET */
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
}

body {
    background-image: url(../images/bg.png);
    background-color: #000;
	background-attachment: fixed;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    margin: 20px 0 60px 0;
}

input[type="text"], input[type="password"], select {
	background: url(../images/forms/input_bg.png) repeat-x top;
	border-color: #d5d5d5;
}

option {
	background: #fff;
}

.error {
	background: url(../images/error_small.png) no-repeat left;
	color: #000;
	padding: 5px 5px 5px 25px;
	margin-bottom: 0px;
	font-size: 12px;
}

.searchError {
	background: url(../images/error_small.png) no-repeat left;
	color: #000;
	padding: 5px 5px 5px 25px;
	margin-bottom: 15px;
	font-size: 12px;
	display: none;
}	
	
a:focus {
    outline: none;
}

.last { 
    margin: 0;
}

#mainContainer {
    width: 950px;
    border: 0px solid red;
    margin: 0 auto;
}

#header {
    height: 150px;
    border: 0px solid green;
    width: 950px;
    position: relative;
    /*background: url(../images/header_bg.jpg) no-repeat right;*/  
}

   #header .logo {
       position: absolute;
       top: 15px;
       left: 0px;
   }

#footer {
    color: #fff;
    font-size: 11px;
    position: relative;
    width: 930px;
    padding: 10px 10px 15px 10px;
    background: #F8931E;
}

    .copyright {
        position: absolute;
        left: 15px;
        color: #fff;
    }
    
     .footerlinks {
        position: absolute;
        right: 10px;
    }
    
    .footerlinks a:link, .footerlinks a:visited, .footerlinks a:active {
        color: #fff;
        text-decoration: none;
        margin-right: 7px;
    }

    .footerlinks a:hover {
        text-decoration: underline;
    }

/* MENU ============================================== */
   #menu {
       list-style: none;
       float: left;
       display: block;
       background: url(../images/menu_bg.png) no-repeat;
       width: 657px;
       height: 50px;
       position: absolute;
       right: 0px;
       bottom: 20px;
       padding-left: 20px;
   }
   
       #menu li {
           float: left;
           margin: 0 20px 0 0;
       }
                             
       
       #menu li a {
           display: block;
           color: #fff;
           text-decoration: none;
           line-height: 2.8;
           font-size: 1.10em;
       }
       
           #menu li a:hover, #menu li a .current {
               color: #F3921D;
           }



           #menu li label {
               background: url(../images/searchIcon.png) no-repeat 0px 0px;
               float: left;
               height: 22px;
               width: 22px;
           }
       
           #quickSearchForm {
                margin-top: 14px;
                float: left;
                position: absolute;
                right: 15px;
           }
           
               #menu li .searchMenu {
                   background: #fff; 
                   height: 19px;
                   width: 155px;
                   padding: 3px 4px 0 4px;
				   float: left;
               }
			   
			   .searchBtnMenu a:link, .searchBtnMenu a:visited, .searchBtnMenu a:active {
			   		background: url(../images/searchBtnMenu.png) no-repeat;
					display: block;
					height: 22px;
					width: 60px;
					float: left;
                    margin: 0;
			   }
			   
			   		.searchBtnMenu a:hover {
			   			background: url(../images/searchBtnMenu_Over.png) no-repeat;
			   		}
					
				.example {
					color: #aaa;
					font-style: italic;
				}
           
 
 /* FOOTER BAR */
 
 #bottom_bar {
    background: url(../images/bottom_bar/mainbg.png);
    height: 60px;
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 999;
    left: 0px;
 }
 
    #bottom_bar .content {
        height: 30px;
        margin-top: 30px;
        position: relative;
    }
    
    /* LEFT MENU ################ */
    #bottom_bar ul.left {
        display: block;
        list-style: none;
        position: absolute;
        left: 0px;
    }
    
        #bottom_bar ul.left li {
            float: left;
            display: block;
            font-size: 14px;
            height: 30px;
            font-weight: bold;
            color: #fff;
            position: relative;
        }
        
            #bottom_bar ul.left li a {
                display: block;
                height: 30px;
                text-decoration: none;
                color: #fff;
                padding: 6px 5px 0 5px;
                margin-right: 10px;
            }
            
                #bottom_bar ul.left li a:hover {
                    text-decoration: underline;
                }
                
                #bottom_bar ul.left li a.scBottomMenu {
                    /*background: url(../images/bottom_bar/whosonline.png) no-repeat 2px 7px;*/
                    padding-right:  19px;
                    letter-spacing: 1px;
                }
                
                
                             #bottom_bar ul.left li a.active {
                                background: #333 url(../images/bottom_bar/arrow_active.png) no-repeat 3px 9px;
                                padding-right:  19px;
                                color: #999;
                            }
                            
                /* SUBMENU */
                #bottom_bar ul.left li ul {
                    display: none;
                    position: absolute;
                    bottom:30px;
                    left: 0px;
                    background: url(../images/bottom_bar/bg.png);
                    width: 200px;
                    padding: 10px;
                }
                
                    #bottom_bar ul.left li ul li {
                        font-size: 12px;
                        font-weight: normal;
                        width: 100%;
                        text-align: left;
                    }        
    
     /* RIGHT MENU / Chat Windows ######################## */
    #bottom_bar ul.right {
        display: block;
        list-style: none;
        position: absolute;
        right: 0px;
    }
    
        #bottom_bar ul.right li {
            float: right;
            display: block;
            font-size: 12px;
            height: 30px;
            font-weight: bold;
            color: #fff;
            position: relative;
            margin-left: 10px;
        }
        
            #bottom_bar ul.right li a {
                line-height: 16px;
            }
            
                #bottom_bar ul.right li a:hover {
                    text-decoration: underline;
                }
                
                #bottom_bar ul.right li a.whosonline {
                    background: url(../images/bottom_bar/whosonline.png) no-repeat 120px 6px;
                    min-width: 110px;
                    text-align: right;
                    display: block;
                    height: 30px;
                    text-decoration: none;
                    color: #fff;
                    padding: 6px 25px 0 5px;
                    border-left: 1px dotted #666;
                }
                
                #bottom_bar ul.right li a.chatname {
                    background: url(../images/bottom_bar/chat_active.png) 6px 9px no-repeat;
                    width: 199px;
                    display: block;
                    height: 30px;
                    text-decoration: none;
                    color: #fff;
                    padding: 6px 10px 0 5px;         
                    text-align: right;
                    border-left: 1px dotted #666;
                    border-right: 1px dotted #666;          
                }
                        
                             #bottom_bar ul.right li.active {
                                background: #000 ;
                                background-position: 6px 9px;
                                background-repeat: no-repeat;
                                color: #d5d5d5;
                            }
                            
                            #bottom_bar ul.right li.active a.chatname {
                                color: #d5d5d5;
                                background-image: url(../images/bottom_bar/arrow_active.png);
                                background-position: 5px 9px;
                                background-repeat: no-repeat;
                            }
                            
                            #bottom_bar ul.right li a.chatboxblink {
                                color: #F3921D;
                                background-color: #000;
                                background-image: url(../images/bottom_bar/chat_active.png);
                                background-position: 6px 9px;
                                background-repeat: no-repeat;
                            }                            
                            
                /* SUBMENU */
                #bottom_bar ul.right li ul {
                    display: none;
                    position: absolute;
                    bottom:30px;
                    right: 0px;
                    background: url(../images/bottom_bar/bg.png);
                    padding: 0 10px 10px 10px;
                    z-index: 999;
                    overflow: auto;
                    max-height: 300px;
                    width: 277px;
                }
                
                
                    #bottom_bar ul.right li ul li.onlinelist {
                        position: relative;
                        padding: 5px;
                        background: #333;
                        height: 35px;
                        width: 250px;
                        margin: 10px 0 0 0;
                        float: left;
                    }
                    
                        #onlineusers li.u_ovr {
                            background: #444;
                        }
                    
                        #bottom_bar ul.right li ul li.onlinelist img {
                            width: 35px;
                            height: 35px;
                            position: absolute;
                            left: 5px;
                            top: 5px;
                        }
                        
                         #bottom_bar ul.right li ul li.onlinelist span.onlinename a {
                            position: absolute;
                            top: 5px;
                            left: 45px;
                            color: #f3921d;
                            text-decoration: none;
                            font-weight: bold;
                            display: block;
                         }
                         
                         #bottom_bar ul.right li ul li.onlinelist span.onlinelist_options { position: absolute; top: 22px; left: 45px; color: #d5d5d5; font-size: 10px;}
                         
                         #bottom_bar ul.right li ul li.onlinelist span.onlinelist_options a {
                            font-size: 11px;
                            color: #e5e5e5;
                            text-decoration: none;
                         }                         
                
                    #bottom_bar ul.right li ul li {
                        font-size: 12px;
                        font-weight: normal;
                        width: 100%;
                        text-align: left;                       
                    }             
     
 /* LOGIN PANEL =========================================================== */
 
                    /***** clearfix *****/
                    .clear {clear: both;}
          
                    
                    /* Panel Tab/button */
                    .tab {
                      	background: url(../images/login_panel/tab_b.png) repeat-x 0 0;
                    	height: 42px;
                    	position: fixed;
                        /*position: relative*/
                        /*width: 100%;*/
                        width: 100%;
                        top: 0;
                        left: 0px;
                        z-index: 999;
                    }
                    
                    .tab ul.login {
                    	display: block;
                    	position: relative;
                      	float: right;
                      	clear: right;
                      	height: 42px;
                    	width: auto;
                      	font-weight: bold;
                    	line-height: 42px;
                    	margin: 0;
                    	right: 150px;
                      	color: white;
                      	font-size: 80%;
                    	text-align: center;
                    }
                    
                    .tab ul.login li.left {
                      	background: url(../images/login_panel/tab_l.png) no-repeat left 0;
                      	height: 42px;
                    	width: 30px;
                    	padding: 0;
                    	margin: 0;
                      	display: block;
                    	float: left;
                    }
                    
                    .tab ul.login li.right {
                      	background: url(../images/login_panel/tab_r.png) no-repeat left 0;
                      	height: 42px;
                    	width: 30px;
                    	padding: 0;
                    	margin: 0;
                      	display: block;
                    	float: left;
                    }
                    
                    .tab ul.login li {
                     	text-align: left;
                      	padding: 0 6px;
                    	display: block;
                    	float: left;
                    	height: 42px;
                      	background: url(../images/login_panel/tab_m.png) repeat-x 0 0;
                    }
                    
                    .tab ul.login li a {
                    	color: #F3921D;
                    }
                    
                    .tab ul.login li a:hover {
                    	color: #F3921D;
                    }
                    
                    .tab .sep {color:#414141}
                    
                    .tab a.open, .tab a.close {
                    	height: 20px;
                    	line-height: 20px !important;
                    	padding-left: 30px !important;
                    	cursor: pointer;
                    	display: block;
                    	position: relative;
                    	top: 11px;
                    }
                    
                    .tab a.open {background: url(../images/login_panel/bt_open.png) no-repeat left 0;}
                    .tab a.close {background: url(../images/login_panel/bt_close.png) no-repeat left -19px;}
                    .tab a:hover.open {background: url(../images/login_panel/bt_open.png) no-repeat left 0px;}
                    .tab a:hover.close {background: url(../images/login_panel/bt_close.png) no-repeat left -19px;}
                    
                    /* sliding panel */
                    #toppanel {
                        position: absolute;   /*Panel will overlap  content */
                        /*position: relative;*/   /*Panel will "push" the content down */
                        top: 0;
                        left: 0;
                        width: 100%;
                        z-index: 999;
                        text-align: center;
                        margin-left: auto;
                        margin-right: auto;
                    }
                 
     

/* CONTENT ============================================ */
.cTop { 
	background: url(../images/corners.png) no-repeat 0px 0px;
	width: 950px;
	height: 10px;
}

.cBtm { 
	background: url(../images/corners.png) no-repeat 0px -10px;
	width: 950px;
	height: 10px;
}


#content {
    font-family: "Tahoma",Geneva,Kalimati,sans-serif;
    width: 910px;
    background: #fff;
	padding: 10px 20px 15px 20px;
    font-size: 0.85em;
}

	#content h1 {
		font-family: Tahoma;
		font-size: 2em;
		color: #444;
		font-weight: normal;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 1px solid #f3921d;
}

    p {
        margin-bottom: 15px;
    }

.introHome {
    background: url(../images/intro_bg.jpg) no-repeat right;
}

    .introHome p {
    	width:550px;
    }
    
    #loginBox h2, #createBox h2 {
        font-family: Tahoma;
		font-size: 1.30em;
        background: #FDCA97;
		color: #333;
		font-weight: normal;
		margin-bottom: 20px;
		padding: 7px;
		border-bottom: 3px solid #f3921d;
    }
    

    #login_Create {
        list-style: none;
        
        display: block;
        height: 51px;
        margin-bottom: 25px;
    }
    
        #login_Create li {
            float: left;
            height: 51px;
            line-height: 2.6;
            font-size: 1.40em;
        }
        
            #login_Create li a.login {
                background: url(../images/loginBtnHome.png) no-repeat;
                display: block;
                height: 51px;
                width: 168px;
                margin-right: 15px;
            }

            #login_Create li a.create {
                background: url(../images/createAccountBtn.png) no-repeat;
				color: red;  
                height: 51px;
                width: 168px;
                margin-left: 15px;
                display: block;
            }



   .ok {
        background: url(../images/success_small.png) no-repeat right;  
    }
    
   .not-ok {
        background: url(../images/error_small.png) no-repeat right;  
    }    




/* LOGIN BOX */

    #loginBox p {
        margin-bottom: 5px;
    }

#loginBox form {
    width: 275px;
}

    #loginBox label {
        width: 90px;
        float: left;
        font-size: 0.90em;
        font-weight: bold;
        padding: 4px 0 0 0;
    }
            
    #loginBox input[type="text"], input[type="password"] {
        border: 1px solid #ccc;
        height: 20px;
        width: 160px;
        padding: 4px 4px 0 4px;
    }

#loginBox .rememberMe {
    font-size: 0.80em;
    margin: 15px 0 15px 0;
}
   
     .btns {
        background: #e5e5e5;
        padding: 2px;
        border: 1px solid #aaa;
        margin-left: 5px;
        font-weight: bold;
    }             
/* LOGIN BOX */          

/* CREATE BOX */

    #createBox p {
        margin-bottom: 5px;
    }

#createBox form {
    width: 350px;
}

    #createBox label {
        width: 150px;
        float: left;
        font-size: 0.90em;
        font-weight: bold;
        padding: 4px 0 0 0;
    }
            
    #createBox input[type="text"], input[type="password"] {
        border: 1px solid #ccc;
        height: 20px;
        width: 160px;
        padding: 4px 4px 0 4px;
    }
	
	#createForm input.dobd, #createForm input.dobm, #createForm input.doby {
        border: 1px solid #ccc;
        height: 20px;
        width: 15px;
        padding: 4px 4px 0 4px;
        margin-right: 5px;
    }
	
	#createForm input.doby {
        border: 1px solid #ccc;
        height: 20px;
        width: 30px;
        padding: 4px 4px 0 4px;
        margin-right: 5px;
    }
	
	#createBox select {
        border: 1px solid #ccc;
        height: 25px;
        width: 150px;
        padding: 4px 4px 4px 4px;
    }
   
     .btns {
        background: #e5e5e5;
        padding: 2px;
        border: 1px solid #aaa;
        margin-left: 5px;
        font-weight: bold;
    }
    
    
.forgotten, .forgotten a {
    color: red;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 15px;
}    
               
/* CREATE BOX */              

#whatsInside {
    width: 463px;
    height: 310px;
	float: left;
}
			
#whatsInside.green {
    background: url(../images/index/green.jpg) no-repeat;
}

#whatsInside.blue {
	background: url(../images/index/blue.jpg) no-repeat;
}

    #whatsInside h2 {
        margin-bottom: 20px;
    }

    .features {
        margin-left: 40px;
    }



#newMemHome {
    float: right;
    width: 427px;
    margin-left: 20px;
}

    #newMemHome a {
        color: #f3921d;
        font-weight: bold;
    }


/* CURRENT / NEWEST MEMBERS ============= */
/* DO NOT MODIFY AS CALCULATED EXACT */

div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 427px;	
	height:127px;	
	
	
	/* custom decorations */
	
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:125px;
    height: 127px;
	font-size:30px;
	margin-right: 20px;	
}

    img.reflected {
        margin-bottom: 2px;
}



/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;
    width: 403px;
}

/* 3 COLUMN TABLE TO CONTROL HEIGHT */

table td.leftCol {
    height: 100%; border-right: 1px dashed #ccc; width: 160px;
}

table td.leftColHome {
    height: 100%; border-right: 1px dashed #ccc; width: 160px; padding-right: 5px;
}

table td.leftColSearch {
    height: 100%; border-right: 1px dashed #ccc; width: 160px; padding-right: 5px;
}

table td.midCol {
    height: 100%; padding-left: 7px; padding-right: 7px;
}

table td.midColHome {
    padding-left: 18px;
}

table td.midColSearch {
    padding-left: 18px;
}

table td.rightCol {
    height: 100%;
    background: #e5e5e5;
}


/* TERMS AND CONDITIONS */
#termsContainer {
	border: 1px solid #aaa;
	padding: 15px;
	overflow: auto;
	height: 400px;
	background: #e5e5e5;
	margin-bottom: 20px;
}

#termsContainer ul {
	margin: 0 0 20px 40px;
}

#termsContainer  li {
	list-style-type: decimal;
	margin-bottom: 15px;
}


/* HOME STYLING */
.leftCol_Menu {
	width: 168px;
	border-right: 0px dashed #d5d5d5;
	float: left; 
}

	#main_menu {
		list-style-type: none;
		font-size: 1em;
		margin-right: 14px;
		}
	
		#main_menu .mm_Header {
			color: #f3921d;
			font-weight: bold;
			margin: 20px 0 10px 0;
			padding: 0 0 0 2px;
		}
		
		#main_menu li a {
			color: #666;
			text-decoration: none;
			padding: 2px;
			display: block;
		}
		
						#main_menu li a.advsearch {
							background: url(../images/menu_icons/search.png) no-repeat 2px 4px;
							padding-left: 18px;
						}        
        
						#main_menu li a.home {
							background: url(../images/menu_icons/home.png) no-repeat 2px 4px;
							padding-left: 18px;
						}
						
						#main_menu li a.inbox {
							background: url(../images/menu_icons/inbox.png) no-repeat 2px 4px;
							padding-left: 18px;
						}						
						
						#main_menu li a.friends {
							background: url(../images/menu_icons/friends.png) no-repeat 2px 4px;
							padding-left: 18px;
						}	
							
						#main_menu li a.viewmyprofile {
							background: url(../images/menu_icons/viewmyprofile.png) no-repeat 2px 5px;
							padding-left: 18px;
						}
						
						#main_menu li a.editmyprofile {
							background: url(../images/menu_icons/editmyprofile.png) no-repeat 2px 4px;
							padding-left: 18px;
						}		

						#main_menu li a.myphotos {
							background: url(../images/menu_icons/myphotos.png) no-repeat 2px 4px;
							padding-left: 18px;
						}

						#main_menu li a.uploadphotos {
							background: url(../images/menu_icons/uploadphotos.png) no-repeat 2px 5px;
							padding-left: 18px;
						}

						#main_menu li a.myvideos {
							background: url(../images/menu_icons/myvideos.png) no-repeat 2px 5px;
							padding-left: 18px;
						}

						#main_menu li a.settings {
							background: url(../images/menu_icons/settings.png) no-repeat 2px 4px;
							padding-left: 18px;
						}
                        
						#main_menu li a.forum {
							background: url(../images/menu_icons/forums.png) no-repeat 2px 4px;
							padding-left: 18px;
						}   
                        
						#main_menu li a.chatroom {
							background: url(../images/menu_icons/chatroom.png) no-repeat 2px 4px;
							padding-left: 18px;
						}                                                  											
						
						#main_menu li a.events {
							background: url(../images/menu_icons/events.png) no-repeat 2px 4px;
							padding-left: 18px;
						}         

						#main_menu li a.gallery {
							background: url(../images/menu_icons/gallery.png) no-repeat 2px 4px;
							padding-left: 18px;
						}        
						
						#main_menu li a.honeyz {
							background: url(../images/menu_icons/woman.png) no-repeat 2px 4px;
							padding-left: 18px;
						}        
						
						#main_menu li a.games {
							background: url(../images/menu_icons/games.png) no-repeat 2px 4px;
							padding-left: 18px;
						}       
						
						#main_menu li a.classifieds {
							background: url(../images/menu_icons/classifieds.png) no-repeat 2px 4px;
							padding-left: 18px;
						}   

						#main_menu li a.stories {
							background: url(../images/menu_icons/stories.png) no-repeat 2px 4px;
							padding-left: 18px;
						}   
                        
			#main_menu li a:hover {
				background-color: #e5e5e5;
				color: #000;
			}
            
            #main_menu li div.ahover {
                background: red;
            }



.rightCol_Content {
	width: 715px;
	float: right;
}

/* SEARCH RESULTS STYLINH */

.searchRows {
    margin-bottom: 15px;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.searchRowsOtherInfo {
    margin: 15px;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #ccc;
}

    .searchRows:hover {
        background: #eee;
        border-style: dashed;
        border-color: #aaa;
    }

.thumbSearch {
    width: 100px;
    border: 1px solid #333;
    margin-right: 10px;
    float: left;
    min-height: 70px; 
}

.thumbSearchEvents {
    width: 40px;
    border: 1px solid #999;
    margin-right: 10px;
    float: left;
	background: #fff;
}

.thumbSearchGames {
    width: 60px;
    border: 1px solid #333;
    margin-right: 10px;
    float: left;
}

.rowLinks {
    border: 0px solid red;
    width: 100px;
    float: right;
}

    .rowLinks a:link, .rowLinks a:visited, .rowLinks a:active {
        text-decoration: none;
        font-size: 0.80em;
        color: #333;
        border-bottom: 1px dotted #999;
        display: block;
        padding: 2px 0 2px 0;
    }
    
        .rowLinks a:hover {
            color: red;
        }

.memInfo {
    font-size: 12px;
    width: 400px;
    float: left;
}

    .memInfo p {
        margin: 5px 0 0 0;
    }

    .memInfo a:link, .memInfo a:visited, .memInfo a:hover .memInfo a:active {
        font-size: 1.20em;
        text-decoration: none;
        font-weight: bold;
        color: #333;
   }
    
        .memInfo a:hover {
            border-bottom: 1px solid #333;
            color: #333333;
        }
    
 #noResults a {
     font-weight: bold;
     color: #f3921d;
 }
 
.userOn {
    color: #f3921d;
    font-weight: bold;
    font-size: 11px;
}

.nextPge a:link, .nextPge a:visited, .nextPge a:hover, .nextPge a:active  {
    color: #0094D6;
    margin-left: 5px;
    background: url(../images/icons/next.png) no-repeat 30px 2px;
    padding-right: 20px;
}

.prevPge a:link, .prevPge a:visited, .prevPge a:hover, .prevPge a:active  {
    color: #0094D6;
    margin-right: 9px;
    background: url(../images/icons/prev.png) no-repeat 0px 2px;
    padding-left: 17px;
}
    
.pgeNum a:link, .pgeNum a:visited, .pgeNum a:active {
    color: #aaa;
    text-decoration: none;
    padding: 0 5px 0 5px;
    border: 1px solid #ccc;
    margin-right: 4px;
}

.pgeNum a:hover {
    color: #fff;
    background-color: #f3921d;
    border: 1px solid #f3921d;    
}

span.current {
    border: 1px solid #f3921d;
    padding: 0 5px 0 5px;
    background: #f3921d;
    color: #fff;
    margin-right: 4px;
}


/* VIEW PROFILE STYLING */

    
.vPro_leftCol_Content {
     float: left;
     width: 525px;
     border: 0px solid #e5e5e5;
     padding: 0 10px 0 10px;
}

.vPro_leftCol_Content a {
    color: blue;
}

                .vPro_Photos_Content {
                     float: left;
                     width: 720px;
                     border: 0px solid #e5e5e5;
                     padding: 0 10px 0 10px;
                }
                
                .vPro_Photos_Content a {
                    color: blue;
                }


.vPro_rightCol {
    width: 177px;
    border: 0px solid red;
    background: #e5e5e5;
    float: right;
}

#profTop {
    background: #f5f5f5;
    padding: 10px;
    border: 1px solid #e5e5e5;
}

#profTop textarea, #new_comment,#new_title {
    border: 1px solid #aaa;
    height: 30px;
    width: 490px;
    display: block;
    font-family: "Tahoma",Geneva,Kalimati,sans-serif;
    font-size: 12px;
    margin: 5px 0 5px 0;
    padding: 5px;
}

    #profTop button, #comment_box button {
        padding: 2px;
        margin-right: 5px;
        background: url(../images/buttons/orange_butt_bg.gif) repeat-x;
        color: #fff;
        font-weight: bold;
        border: 1px solid #f3921d;        
     }

span.uname {
    font-size: 1.30em;
    font-weight: bold;
    text-transform: capitalize;
    display: inline;
}

span.user_status {
    font-size: 12px;
    color: #666;
    line-height: 1.4;

}

.editlink {
    color:#F3921D;
    cursor: pointer;
    font-weight: bold;
    font-size:11px;
    text-decoration: underline;
}

#status, #comment_box {
    position: relative;
}
    #status .charsLeft, #comment_box .charsLeft {
        position: absolute;
        right: 0px;
        bottom: 5px;
        font-size: 11px;
    }




#profilePic {
    width: 177px;
    border-bottom: 10px solid #f3921d;
    position: relative;
    background: transparent url(../images/upload/upload.gif) no-repeat center center;
}

#changePic {
    position: absolute;
    bottom: 0px;
    left: 1px;
    color: #fff;
    height: 27px;
    width: 175px;
}

    #changePic a {
        background: #A15C08 url(../images/icons/photos.png) no-repeat 6px 6px;
        display: block;
        padding: 5px 5px 5px 27px;
        color: #fff;
        text-decoration: none;
        border-top: 0px solid #f3921d;
    }



    #profilePic img {
         border: 1px solid #F3921D;
         border-bottom-width: 0;
         display: block;
        }
    
#prof_menu {
    width:162px;
    margin: 10px auto;
}   

#prof_menu a {
        font-size: 0.85em;
        text-decoration: none;
        color: #333;
        border-bottom: 1px dotted #999;
        display: block;
        padding: 5px 0 5px 25px;
}
 
            #prof_menu a.send_message {
                background: url(../images/icons/sendmessage.png) no-repeat 3px 4px;
            }
            
            #prof_menu a.chat {
                background: url(../images/icons/chat.png) no-repeat 3px 4px;
            }
            
            #prof_menu a.photos {
                background: url(../images/icons/photos.png) no-repeat 3px 4px;
            }

            #prof_menu a.videos {
                background: url(../images/icons/film.png) no-repeat 3px 4px;
            }

            #prof_menu a.rate {
                background: url(../images/icons/chart.png) no-repeat 3px 4px;
            }
            
            #prof_menu a.add_friend {
                background: url(../images/icons/add_friend.png) no-repeat 3px 4px;
            }
            
            #prof_menu a.view_friends {
                background: url(../images/icons/view_friends.png) no-repeat 3px 4px;
            }            
            
            #prof_menu a.remove_friend {
                background: url(../images/icons/remove_friend.png) no-repeat 3px 4px;
            }

			#prof_menu a.add_butt {
				background: url(../images/icons/add_friend.png) no-repeat 3px 4px;
			}
        
                   #prof_menu a:hover {
                        background-color: #d5d5d5;
                    }
                    
    
/* ######### CSS for Profile Tabs. ######### */

.prof_tabs_container {
    padding-top: 20px;
}

.prof_tabs{
font: bold 11px Tahoma;
margin: 0;
margin-left: 20px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.prof_tabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.prof_tabs li a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #d5d5d5; /*Default menu color*/
border-bottom: 1px solid white;
color: #666;
}

.prof_tabs li a:hover{
background-color: #ccc; /*Menu hover bgcolor*/
}


.prof_tabs li a.selected{ /*selected main tab style */
background-color: #f3921d; /*Orange color theme*/ 
border-color: #f3921d; /*Orange color theme*/ 
color: #fff;
}

.prof_tabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


.prof_menu_line {
clear: both;
padding: 0;
width: 100%;
height: 5px;
background: #f3921d; /*Orange color theme*/ 
}

#tab_content {
    padding: 15px 0 15px 0;
}

.tabcontent {
    display: none;
}

.basic_info_title {
    background: url(../images/icons/information.png) no-repeat 0px 1px;
    margin-bottom: 10px;
    padding: 0 0 3px 17px;
    font-size: 11px;
    border-bottom: 1px dashed #aaa;
    display: block;
    position: relative;
}

.edit_txt_link  {
    position: absolute;
    right: 0px;
    font-weight: normal;
}

    .edit_txt_link a {
        font-weight: bold;
        color: #f3921d;
        background: url(../images/icons/edit.png) no-repeat;
        padding-left: 16px;
    }

.personal_info_title {
    background: url(../images/icons/personal.png) no-repeat 0px 1px;
    margin: 20px 0 10px 0;
    padding: 0 0 3px 17px;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px dashed #aaa;
    display: block;
    display: block;
    position: relative;    
}

.contact_info_title {
    background: url(../images/icons/contact.png) no-repeat 0px 2px;
    margin: 20px 0 10px 0;
    padding: 0 0 3px 17px;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px dashed #aaa;
    display: block;
    display: block;
    position: relative;    
}

dl.prof_info {
    font-size: 0.80em;
    color: #666;
    width: 100%;
}

    dl.prof_info dt {
        float: left;
        width: 120px;
        margin-bottom: 4px;
        width: 25%;
    }
    
    dl.prof_info dd {
        margin-bottom: 4px;
        width: 50%;
        margin-left: 25%;
    }



/* ADD CUSTOM BUTTONS */
#add_butt input[type="text"] {
        border: 1px solid #ccc;
        height: 20px;
        width: 160px;
        padding: 4px 4px 0 4px;
    }

#add_butt select {
        border: 1px solid #ccc;
        height: 25px;
        width: 125px;
        padding: 4px 4px 0 4px;
        margin-right: 5px;
    }
    
    
#custom_menu {
    padding: 0px;
} 

    #custom_menu a {
        background: url(../images/buttons/custom_button.png) repeat-x;
        display: block;
        height: 30px;
        color: #333;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
        line-height: 2.3;
        padding: 0 10px 0 10px;
        margin: 0;
    }
    
        #custom_menu a:hover {
            background: #aaa;
            color: #333;
        }
    

/* PROFILE PICTURE UPLOAD STYLING */

    #photo .button {
        background: url(../images/buttons/orange_butt_bg.gif) repeat-x;
        padding: 2px;
        border: 1px solid #f3921d;
        margin-left: 5px;
        font-weight: bold;
        color: #fff;
    }
    
        #thumbnail .button {
        background: url(../images/buttons/orange_butt_bg.gif) repeat-x;
        padding: 2px;
        border: 1px solid #f3921d;
        margin-left: 0px;
        margin-top: 15px;
        font-weight: bold;
        color: #fff;
    }
    

        .plain_button {
        background: #e5e5e5 ;
        padding: 2px;
        border: 1px solid #aaa;
        margin-left: 0px;
        margin-top: 15px;
        font-weight: bold;
        color: #333;
		cursor: pointer;
    }    

        .orange_button {
        background: url(../images/buttons/orange_butt_bg.gif) repeat-x;
        padding: 2px;
        border: 1px solid #f3921d;
        margin-left: 0px;
        margin-top: 15px;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
    }

/* PHOTO/VIDEO GALLERY */

#gallery { 
	margin: 0px auto; 
	background:#f5f5f5; 
	padding: 9px;
    border: 1px solid #ccc; 
}
#gallery a {
    border: 1px solid #ccc;
	width: 92px; 
	height: 67px; 
    display: inline-block;
    margin: 7px;
    padding: 4px;
    background: #fff;
}
#gallery img { 
	width: 90px; height: 65px; 
	border: 1px solid; 
	border-color: #d5d5d5;
    background: #f5f5f5 url(../images/upload/upload.gif) no-repeat center center;
}
#gallery a:hover {
        border: 1px solid #f3921d;
}
/*#gallery a:hover img { 
	width: 250px; height: 188px; 
	padding: 1px; 
	background: #ccc; 
	border: 2px solid; border-color: #eee #bbb #bbb #eee;
}*/

.tooltip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	display: none;
}



#photo_container {
    background: #e5e5e5;
    padding: 15px;
    border: 1px solid #ccc;
    margin-bottom: 15px;   
}

#photo_container h2 {
	margin-bottom: 10px;
}

#photos_menu {
    display: block;
    border: 0px solid red;
    height: 30px;
    position: relative;
    font-size: 12px;
}

    #photos_menu a {
        color: #000;
        font-size: 12px;
    }
    
        #photos_menu a:hover {
            color: #666;
            text-decoration: none;
        }
    
    #photos_menu a.nextPhoto {
        background: url(../images/icons/next.png) no-repeat 65px 0px;
        padding-right: 15px;
    }
    
    #photos_menu a.prevPhoto {
        background: url(../images/icons/prev.png) no-repeat 0px 0px;
        padding-left: 18px;
    }    

    #photos_menu a.remove {
        background: url(../images/icons/remove_comment.png) 0 3px no-repeat;
        padding-left: 12px;
    }
    
    #photos_menu span.right {
        position: absolute;
        right: 0px;
    }
    
    .photo_title {
        font-size: 14px;
        margin-bottom: 10px;
    }
	
	span.photo_title {
        font-size: 16px;
    }
	
	#edit_photo_title {
	    color:#F3921D;
	    cursor: pointer;
	    font-weight: bold;
	    font-size:11px;
	    text-decoration: underline;
		margin-left: 5px;
	}
	
	#editPhotoTitle {
		margin-bottom: 10px;
		display: none;
		width: 600px;
		position: relative;
	}
	
		#editPhotoTitle .charsLeft {
			position: absolute;
			right: 100px;
			font-size: 11px;
		}
	
		#editPhotoTitle input[type="text"] {
			border: 1px solid #aaa;
			padding: 3px;
			width: 400px;
		}

#photo_comments {
    border: 0px solid red;
    width: 312px;
}

#commentAnc {
    font-size: 1.20em;
    background: url(../images/icons/comment.png) no-repeat 0 1px;
    padding-left: 20px;
}

.comment_error {
    background: red;
    color: #fff;
    padding: 5px;
    font-size: 12px;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}

.comment_footer {
    /*background: #ccc;*/
    font-size: 10px;
    font-weight: bold;
    padding: 3px;
   /*border-top: 2px solid #aaa;*/
    text-align: right;
}

    
    .pStatus {
        font-size: 16px;
        font-weight: bold;
        color: #000;
    }

.posts {
    border: 1px solid #ccc;
    background: #e5e5e5;
    margin-top: 5px;
    width: 400px;
    padding: 5px;
    position: relative;
}


.posts img {
    border: 1px solid #000;
    margin-bottom: 0px;
}

                    .posts span.left {
                        float: left;
                        margin-right: 10px;
                    }
                    
                    .posts span.right {
                        float: left;
                        width: 350px;
                    }


                .posts span.name {
                    margin-bottom: 5px;
					margin-right: 4px;
                }
                
                            .posts span.name a {
                                color: #1C5F9E;
                                font-size: 14px;
                                font-weight: bold;
                                text-decoration: none;
                            }
                            
                            	.posts span.name a:hover {
                            		text-decoration: underline;
                            	}
                            
                 .posts span.time {
                     color: #666;
                     font-size: 11px;     
               }
                 
                 .posts span.comment_txt {
                     font-size: 12px;
                     color: #333;
                     line-height: 1.3;
                 }           
 
    .posts span.remove {
    	background: url(../images/icons/remove_comment.png) no-repeat 0 2px;
        color: #1C5F9E;
        font-weight: normal;
        cursor: pointer;;
        font-size: 11px;
        padding-left: 13px;
    }

    	.posts span.remove:hover {
    		text-decoration: underline;
    	}   
                 
                 
                 
.flash {
    display: none;
}

/* jConfirm Styling */

#popup_container
{
font-weight:bold;
text-align:left;
font-size: 12px;
width: 364px;
height: auto;
background: #F3F3F3;
border:solid 1px #dedede;
border-bottom: solid 5px #f3921d;
color: #000000;
}

#popup_title
{
display:none;
}
#popup_message
{
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}

#popup_panel
{
text-align: left;
padding-left:15px;

}
#popup_container input
{
background: url(../images/buttons/orange_butt_bg.gif) repeat-x;
border: 1px solid #f3921d;
padding:3px;
color:#FFFFFF;
margin-top:20px;
margin-right:10px;
margin-bottom: 20px;
}
                

/* EDIT PROFILE STYLING */   

.editprof_tabs_container {
    padding-bottom: 20px;
    padding-top: 10px;
	position: relative;
}
	
	#addGallery {
		display: none;
		background: #fff;
		margin-bottom: 20px;
	}
	
	#addGallery label {width: 100px; float: left; padding-top: 3px;}
	
	#addGallery input[type="text"] {
		border: 1px solid #aaa;
		padding: 3px;
		width: 200px;
	}

	.addGallery {
		position: absolute;
		right: 0px;
		top: 3px;
	}

span.galleryPhotoInfo {
	font-size: 11px;
	padding-top: 10px;
	display: block;
}

#edit_profile h2, .edit_profile_settings h2, .help h2 {
    color: #444;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 5px;
    font-size: 0.90em;
    margin-bottom: 20px;
}

	.edit_profile_settings h2 {
		color: #000;
	}

    #edit_profile p, .edit_profile_settings p {
       margin-bottom: 10px;
    }
    
    .edit_profile_settings p.last {
    	margin: 0;
    }

    #edit_profile label {
        width: 150px;
        float: left;
        display: block;
        font-size: 12px;
    }
    
            .edit_profile_settings label {
                width: 300px;
                float: left;
                display: block;
                height: 20px;
                line-height: 20px;
                font-size: 12px;
            }

    #edit_profile input[type="text"] {
        border: 1px solid #d5d5d5;
        padding: 2px;
        width: 200px;
		background: url(../images/forms/input_bg.png) repeat-x top;
		}
    
    .inputFocus {
        background: #FFFFD4;
    }    
    
    #edit_profile select {
        border: 1px solid #d5d5d5;
		background: url(../images/forms/input_bg.png) repeat-x top;
    }
	

    
    #edit_profile textarea {
        width: 300px;
        height: 70px;
        border: 1px solid #aaa;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        padding: 5px;
        font-size: 0.75em;
    }
	
	#pickGame {
		cursor: pointer;
		font-weight: bold;
	}
    
    #edit_profile input[type="file"] {
        border: 1px solid #aaa;
        background: #fff;
    }

    .settings_contents {
    	padding: 20px 20px 20px 20px;
    	border: 1px solid #ccc;
    	margin: 20px 0 20px 40px;
    	background: url(../images/grey_grad.png) repeat-y left;
    }
    
    h3.show_settings {
    	font-size: 1em;
    	padding-bottom: 5px;
    	font-family: Tahoma;
		color: #444;
		margin-bottom: 10px;
		border-bottom: 1px solid #f3921d;
    }
    
    h3.privacy {
    	background: url(../images/lock.png) no-repeat 0 1px;
    	font-size: 1em;
    	padding: 0 0 5px 20px;
    	font-family: Tahoma;
		color: #444;
		margin-bottom: 10px;
		border-bottom: 1px solid #f3921d;
    }

    h3.alerts {
    	background: url(../images/icons/bell.png) no-repeat 0 1px;
    	font-size: 1em;
    	padding: 0 0 5px 20px;
    	font-family: Tahoma;
		color: #444;
		margin-bottom: 10px;
		border-bottom: 1px solid #f3921d;
    }

    h3.widgets {
    	background: url(../images/home.png) no-repeat 0 0px;
    	font-size: 1em;
    	padding: 0 0 5px 20px;
    	font-family: Tahoma;
		color: #444;
		margin-bottom: 10px;
		border-bottom: 1px solid #f3921d;
    }       
    
    span.saved {
    	background: url(../images/success_small.png) no-repeat left;
    	padding-left: 25px;
    	padding-top: 1px;
    	display: block;
    	height: 19px;
    	margin-top: 25px;
    }
    
    .success {
        display: none;
        background: #FFFFD4;
        padding: 15px;
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 20px;
        border: 1px solid #f3921d;
    }
    
    .success p {
        margin: 0;
    }

.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}
.jquery-checkbox img{background: transparent url(../images/settings/checkbox.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
}
.jquery-checkbox-checked img{
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
}


/* Inbox Styling */

.ecount {
    font-weight: bold;
}

#inboxMenu {
    padding: 7px;
    background: url(../images/inbox/menubg.png) repeat-x;
    border: 1px solid #b7d9eb;
    position: relative;
}

    #inboxMenu a {
        text-decoration: none;
        font-size: 12px;
        color: #333;
        font-weight: bold;
        border-right: 1px dotted #999;
        padding-right: 7px;
        margin: 0 6px 0 0; 
    }
    
    #inboxMenu a:hover {
        text-decoration: underline;
    }
    
        #inboxMenu a.new_message {
            padding-left: 20px;
            background: url(../images/inbox/new_message.png) no-repeat left center;
        }
        
        #inboxMenu a.delete_message {
            padding-left:15px;
            background: url(../images/inbox/delete_message.png) no-repeat left center;
            border: 0;
        }        
    #inboxMenu .message_count {
        position: absolute;
        right: 7px;
        top: 8px;
        font-size: 12px;
        font-weight: bold;
    }

#inbox {
	width: 100%;
	border: 1px solid #ccc;
	/*background-color: #CDCDCD;*/
	padding: 2px 2px 0 2px;
}

#inbox thead tr th {
	background-color: #e6EEEE;
	text-align: left;
	padding: 4px;
}

#inbox thead tr .header {
	background-image: url(../images/inbox/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#inbox thead tr .headerSortUp {
	background-image: url(../images/inbox/asc.gif);
	background-color: #c6d9ea; 
}

#inbox thead tr .headerSortDown {
	background-image: url(../images/inbox/desc.gif);
	background-color: #c6d9ea; 
}

	#inbox tbody td {
		padding: 4px;
		border-bottom: 1px solid #e5e5e5;
		font-size: 12px;
	}
	
	#inbox tbody tr.new {
		font-weight: bold;
        background: #fff2da;
	}
	
		#inbox tbody tr:hover {
			background: #fde8c0;
		}

	#inbox input[type="checkbox"] {
		width: 14px;
		height: 14px;
		cursor: pointer;
	}
		
	#inbox th.check {
		width: 3%;
		border-right: 2px solid #fff;
	}
		
	#inbox th.from {
		width: 65%;
		border-right: 2px solid #fff;
	}
    
     #inbox img.from_pic {
        background: url(../images/loading.gif) no-repeat center center;
        float: left;
        margin-right: 7px;
        width: 35px;
        height: 35px;
	}
    
     #compose img.from_pic {
        background: url(../images/loading.gif) no-repeat center center;
        float: left;
        margin-right: 7px;
        width: 125px;
	}
    
    #compose .left {
        width: 125px;
        float: left;
        border: 3px solid #aaa;
    }
    
   #compose .right {
        float: left;
        margin-left: 20px;
        width: 315px;
    }         
    
    #inbox div.from_subject {
        float: left;
        padding-top: 3px;
    }
    
        #inbox div.from_subject a {
            text-decoration: none;
            color: #000;
            font-weight: bold;
        }
        
        #inbox div.from_subject a:hover {
            text-decoration: underline;
        }
	
	#inbox th.date {
		width: 25%;
		border-right: 2px solid #fff;
	}
	

	
	#inbox .highlight {
		background: #fde8c0;
	}

.success_delete_inbox {
    padding: 0 0 15px 20px;
    font-size: 18px;
    background: url(../images/success_small.png) no-repeat left;
}

    
    
#pager {
    display: block;
    padding: 7px;
    background: url(../images/inbox/menubg.png) repeat-x;
    border: 1px solid #b7d9eb;
    position: relative;    
}

#pager span.first {
    background: url(../images/inbox/first.png) no-repeat center center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

#pager span.prev {
    background: url(../images/inbox/prev.png) no-repeat center center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

#pager span.next {
    background: url(../images/inbox/next.png) no-repeat center center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

#pager span.last {
    background: url(../images/inbox/last.png) no-repeat center center;
    width: 16px;
    height: 16px;
    display: inline-block;
}

#pager span.display {
    position: absolute;
    right: 7px;
}

#pager span.display label {
    font-size: 12px;
}

#pager span.display select {
    display: inline-block;
    font-size: 10px;
    width: 35px;
}
        
    .pagedisplay {
        margin: 0 10px 0 10px;
        font-size: 12px;
    }

		#forgot_password {
    width: 350px;
}

#forgot {
    padding: 10px;
    font-size: 12px;
}
    
#forgot_password h2 {
        font-family: Tahoma;
		font-size: 1.30em;
        background: #FDCA97;
		color: #333;
		font-weight: normal;
		margin-bottom: 20px;
		padding: 7px;
		border-bottom: 3px solid #f3921d;
}

	#forgot_password p {
	margin-bottom: 10px;
	}
	
        #forgot_password input[type="text"] {
            border: 1px solid #aaa;
            padding: 2px;
            width: 250px;
			margin-top: 20px;
        }
	
	
	#change_password {
    width: 350px;
}

#password_c {
    padding: 10px;
    font-size: 12px;
}
    
#change_password h2 {
        font-family: Tahoma;
		font-size: 1.30em;
        background: #FDCA97;
		color: #333;
		font-weight: normal;
		margin-bottom: 20px;
		padding: 7px;
		border-bottom: 3px solid #f3921d;
}

    #change_password label {
        width: 150px;
        border: 0px solid red;
        display: block;
        float: left;
        font-size: 12px;
        font-weight: bold;
		padding-top: 3px;
    } 
    
	#change_password p {
	margin-bottom: 10px;
	}
	
        #change_password input[type="password"] {
            border: 1px solid #aaa;
            padding: 4px 4px 0;
			height: 20px;
            width: 150px;

        }

	
	
#send_message {
    width: 500px;
}

#compose {
    padding: 10px;
    font-size: 12px;
}
    
#send_message h2 {
        font-family: Tahoma;
		font-size: 1.30em;
        background: #FDCA97;
		color: #333;
		font-weight: normal;
		margin-bottom: 20px;
		padding: 7px;
		border-bottom: 3px solid #f3921d;
}

    #send_message label {
        width: 80px;
        border: 0px solid red;
        display: block;
        float: left;
        font-size: 12px;
        font-weight: bold;
        padding-top: 4px;
    } 
    
        #send_message input[type="text"] {
            border: 1px solid #aaa;
            padding: 5px;
            width: 300px;
        }
        
        #send_message textarea {
            padding: 5px;
            height: 100px;
            width: 300px;
            border: 1px solid #aaa;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
        }
        
#compose_reply, #compose_forward {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}        
        
        
.view_message_text {
    padding: 5px; background: #e5e5e5; border: 1px solid #aaa;max-height: 150px; overflow: auto;
}        
        
/* AUTO COMPLETE */

           
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_results img {
    margin-right: 10px;
}

.ac_loading {
	background: white url('../images/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
           
#widget_notes {
            padding: 5px;
            height: 100px;
            width: 300px;
            border: 1px solid #aaa;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 15px;
        }

.upload_tips ul {
	margin-left: 40px;
	margin-top: 20px;
}	
	
.upload_tips ul li {
	list-style: decimal;
	line-height: 1.3;
	margin-bottom: 10px;
}           

/* FORUMS STYLING */

.forums {
	width: 100%;
	border: 1px solid #d5d5d5;
	border-right: 0px;
	border-bottom: 0px;
    margin-bottom: 20px;
}

.forums a {
	color: #000;
	font-weight: bold;
}

	.forums tr td.forum_title {
		width: 55%;
		padding: 5px 5px 5px 5px;
		font-weight: bold;
		border-bottom: 3px solid #5a80b0;
	}

	.forums tr td.topics_title {
		width: 10%;
		padding: 5px;
		font-weight: bold;
		border-bottom: 3px solid #5a80b0;
		text-align: center;
	}
	
		.forums tr td.topics_data {
			font-size: 0.90em;
			text-align: center;
		}
	
	.forums tr td.posts_title {
		width: 10%;
		padding: 5px;
		font-weight: bold;
		border-bottom: 3px solid #5a80b0;
		text-align: center;
	}

		.forums tr td.posts_data {
			font-size: 0.90em;
			text-align: center;
		}

	.forums tr td.latestpost_title {
		width: 25%;
		padding: 5px;
		font-weight: bold;
		border-bottom: 3px solid #5a80b0;
		text-align: center;
		border-right: 1px solid #d5d5d5;
	}
	
		.forums tr td.latestpost_data {
			font-size: 0.80em;
			text-align: center;
		}
	
		.forums tr td.latestpost_data a {
			color: #000;
			display: block;
			font-weight: bold;
		}
		
	.forums tr.forum_cat td {
		background: url(../images/inbox/menubg.png) repeat-x;
	}
	
	.forums tr.forum_data td {
		padding: 10px 5px 10px 5px;
		border-right: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
	}
	
	.forums tbody span.forum_cat_title {
		display: block;
	}
	
	.forums tbody span.forum_cat_title a {
		font-weight: bold;
		text-decoration: underline;
		color: #000;
	}
	
	.forums tbody span.forum_cat_data {
		font-size: 0.85em;	
	}	

	.forums tr.forum_data_odd td {
		background: #ecf4ff;
	}
	
	.forums tr.forum_data_over {
		background: #cedff6;
	}
	
	.forums tr.forum_view_post td {
		padding: 5px;
		font-weight: bold;
		border-bottom: 3px solid #5a80b0;
		background: url(../images/inbox/menubg.png) repeat-x;
		border-right: 1px solid #d5d5d5;
	}
	
	.forums .forum_user_post {
		border-bottom: 1px solid #333;
	}
	
		.forums td.forum_avatar {
			width: 90px;
			padding: 15px;
			vertical-align: top;
			background: #d5d5d5;
		}
		
		.forums td.forum_avatar img {
			width: 90px;
			height: 90px;
			border: 1px solid #5a80b0;
		}
		
		.forums td.forum_post_info {
			background: #e5e5e5;
			font-size: 11px;
			border-bottom: 2px solid #999;
			border-right: 1px solid #d5d5d5;
			padding: 5px;
		}
		
		.forums td.forum_post_data {
			vertical-align: top;
			padding: 20px;
			height: 100px; /* IE TRS FIX */
			font-size: 12px;
			border-right: 1px solid #d5d5d5;
		}
		
		.forums td.post_break {
			height: 3px;
			background: #5a80b0; 
		}
		
		.forum_breadcrumbs a {
			margin: 10px 0 0 0;
			color: #000;
		}
		
 		#forum_new_post label {
			width: 90px;
	        float: left;
	        display: block;
	        font-size: 12px;
	        padding-top: 2px;
		}
		
		#forum_new_post input[type="text"] {
	        border: 1px solid #aaa;
	        padding: 2px;
	        width: 200px;
		}
		
		#forum_new_post textarea {
	        border: 1px solid #aaa;
	        padding: 2px;
	        width: 500px;
	        height: 175px;
		}
        
/* ADVANCED SEARCH */

#adv_search {
    border: 1px solid #aaa;
    background: url(../images/search/adv_search_bg.jpg) no-repeat right top;
    padding: 20px;
}

#adv_search span {
    font-size: 12px;
}

        #adv_search label{
            width: 150px;
            float: left;
            display: block;
            font-size: 12px;
            padding-top: 2px;
            font-weight: bold;        
        }

        #adv_search input[type="text"]{
            border: 1px solid #aaa;
            padding: 2px;
            width: 200px;       
        }
        
        #adv_minAge, #adv_maxAge {
            border: 1px solid #aaa;
            padding: 2px;
			width: 50px;
        }
		
		#adv_gender {
            border: 1px solid #aaa;
            padding: 2px;
			width: 70px;			
		}
		
		#adv_scooter {
            border: 1px solid #aaa;
            padding: 2px;
			width: 150px;				
		}
        
        #adv_search input[type="checkbox"] {
            margin-right: 5px;    
        }

/* HELP */

.help_list {
    width: 150px;
    float: left;
    margin-left: 20px;
    line-height: 16px;
}

.help_list .active {
    background: #FDCA97;
    border: 1px solid #f3921d;
}

.help_list li {
    padding: 1px;
    border: 1px solid transparent;
}
    

					.help_list li a.search_help {
							background: url(../images/menu_icons/search.png) no-repeat 0px 3px;
                            padding-left: 16px;
						}        
        
						.help_list li a.homepage_help {
							background: url(../images/menu_icons/home.png) no-repeat 0px 2px;
                            padding-left: 16px;
						}
						
						.help_list li a.messaging_help {
							background: url(../images/menu_icons/inbox.png) no-repeat 0px 2px;
                            padding-left: 16px;
						}						
						
						.help_list li a.friends_help {
							background: url(../images/menu_icons/friends.png) no-repeat 0px 2px;
                            padding-left: 16px;
						}	
							
						.help_list li a.profile_help {
							background: url(../images/menu_icons/viewmyprofile.png) no-repeat 0px 2px;
                            padding-left: 16px;
						}		

						.help_list li a.photos_help {
							background: url(../images/menu_icons/myphotos.png) no-repeat 0px 2px;
                            padding-left: 16px;
						}

						.help_list li a.videos_help {
							background: url(../images/menu_icons/myvideos.png) no-repeat 0px 2px;
                            padding-left: 16px;
						}

						.help_list li a.settings_help {
							background: url(../images/menu_icons/settings.png) no-repeat 0px 2px;
                            padding-left: 16px;
						}
                        
						.help_list li a.forums_help {
							background: url(../images/menu_icons/forums.png) no-repeat 0px 2px;
                            padding-left: 16px;
						}   
                        
						.help_list li a.chatroom_help {
							background: url(../images/menu_icons/chatroom.png) no-repeat 0px 2px;
                            padding-left: 16px;
						}                                                  											
						
						.help_list li a.events {
							background: url(../images/menu_icons/events.png) no-repeat 2px 4px;
                            padding-left: 16px;
						}    
    
    
    .help_list a {
        color: #000;
        font-size: 12px;
        text-decoration: none;
        display: block;
    }
    
        .help_list a:hover {
            text-decoration: underline;
        }

#help_content {
    padding: 10px;
    background: #e5e5e5;
    border: 1px solid #aaa;
}

    #help_content div h2 {
        border: 0;
        font-size: 1em;
        border-bottom: 1px solid #666;
        padding-bottom: 3px;
        margin-bottom: 15px;
    }
    
#faq dt {
    font-weight: bold;
    font-size: 0.90em;
    margin-bottom: 3px;
}

#faq dd {
    font-size: 0.90em;
    margin-bottom: 15px;
}

/* EVENTS */

#calendar {
	float: left;
	width: 400px;
    min-height: 298px;
    height: auto;
    border: 1px solid #aaa;
    margin: 0 20px 20px 0;
}

    #events_calendar {
        color: #333;
        width: 400px;
    }
    
    #events_calendar .current_month {
        background: url(../images/buttons/orange_butt_bg.gif) repeat-x;        
        text-align: center;
        padding: 3px;
    }
	
		#events_calendar .current_month div {
			position: relative;
		}
    
    #events_calendar .day {
        background: #e5e5e5;
        text-align: center;
        font-weight: bold;
        font-size: 11px;
        padding: 2px;
    }

    #events_calendar .dateNum {
        background: #c4e0ef;
        font-size: 10px;
        font-weight: bold;
        text-align: right;     
    }
    
    #events_calendar .dateNumCurr {
        background: #258bc2;
        font-size: 10px;
        font-weight: bold;
        text-align: right;
        color: #fff;
    }    
    
    #events_calendar .date_content {
        padding: 3px;
        font-size: 11px;
		position: relative;
		height: 30px;
    }

    #events_calendar .date {
        background: #e8f3f9;
        vertical-align: top;
        border: 1px solid #258bc2;
		cursor: pointer;
    }   
    
    #events_calendar .date_other {
        background: #e8f3f9;
        vertical-align: top;
        border: 1px solid #c4e0ef;
		cursor: pointer;
    }
	
	#events_calendar .dateHover {
        border: 1px solid #258bc2;
	}
	
	#events_calendar .dateSelected{
        border: 1px solid #666;
	}
	
	#events_calendar .buttons {
		font-size: 11px;
		background: none;
		cursor: pointer;
	}
	
		#events_calendar .buttons_left {
			position: absolute;
			left: 5px;
		}
		
		#events_calendar .buttons_right {
			position: absolute;
			right: 5px;
		}

#event_list {
    float: left;
    width: 270px;
    border: 1px solid #aaa;
    height: 288px;
    max-height: 288px;
    overflow: auto;
    padding: 10px 10px 0 10px;
    background: #f5f5f5;
}

    #event_list ul {
        list-style:  none;
    }
    
    #event_list ul li {
        background: #e5e5e5;
        border:  1px dashed #aaa;
        padding: 5px;
        height: 40px;
        margin-bottom: 10px;
		cursor: pointer;
    }
	
	#event_list ul li.selected {
		background: #FDCA97;
		border: 1px solid #f3921d;
	}

#event_data {
	font-size: 1em;
}

#event_data .container {
	border: 2px dashed #aaa;
	padding: 10px;
}

#event_data a {
	color: #f3921d;
	font-weight: bold;
}

	#event_data h3 {
		font-size: 1.80em;
		font-weight: bold;
		margin-bottom: 10px;
		border-bottom: 1px solid #f3921d;
		padding-bottom: 5px;
	}
	
.addEvent, .addListing, .addAlbum {
	position: absolute; right: 0px;
	cursor: pointer;
}

#add_event {
	display: none;
}

	#add_event label {
		float: left;
		width: 150px;
		padding-top: 3px;
	}
	
	#add_event input[type="text"]{
		border: 1px solid #aaa;
		padding: 3px;
		width: 300px;
	}
	
	#add_event textarea {
		padding: 3px;
		border: 1px solid #aaa;
		width: 300px;
		height: 90px;
	}
	
	#add_event input.event_date {
		width: 120px;
	}
	
	#hh, #mm {
		border: 1px solid #aaa;
		padding: 3px;
		margin-right: 10px;
		width: 55px;
	}
	
	#dd, #md, #yd {
		border: 1px solid #aaa;
		padding: 3px;
		margin-right: 1px;
		width: 55px;
	}
	
	#event_cat {
		border: 1px solid #aaa;
		padding: 3px;
		margin-right: 10px;
		width: 100px;
	}

.otherInfoHolder {
	border: 1px solid #aaa;
	margin-bottom: 20px;
}

.otherInfoHolder_inner {
	padding: 10px;
}

h3.otherHeader {
	background: url(../images/inbox/menubg.png) top repeat-x;
	display: block;
	padding: 0 10px 0 10px;
	margin: 0;
	height: 30px;
	font-size: 14px;
	border-bottom: 3px solid #5a80b0;
	line-height: 2.2;	
}

h3 span.eventsAttending {
	background: url(../images/events/otherInfoEvents.png) no-repeat 0px 0px;
	padding-left: 20px;
}

h3 span.eventsAdded {
	background: url(../images/events/otherInfoEventsAdded.png) no-repeat 0px 0px;
	padding-left: 20px;
}

h3 span.clubs {
	background: url(../images/events/otherInfoClubs.png) no-repeat 0px 0px;
	padding-left: 20px;
}


/* Classifieds */

#addListing {
	display: none;
}

#addListing label {
		float: left;
		width: 150px;
		padding-top: 3px;	
}

#addListing input[type="text"]{
 		border: 1px solid #aaa;
		padding: 3px;
		width: 300px;
}

#addListing textarea {
		padding: 3px;
		border: 1px solid #aaa;
		width: 300px;
		height: 90px;
}

#addListing select {
	border: 1px solid #aaa;
}

#classearch {
	border: 1px solid #aaa;
}

#classelect {
	border: 1px solid #aaa;
}

.classRows {
    margin-bottom: 15px;
    padding: 10px;
    background: #f5f5f5;
    border: 1px solid #ccc;
	position: relative;	
}

.removeListing {
		background: url(../images/icons/remove_comment.png) 0 8px no-repeat;
        padding-left: 12px;
        position: absolute;
        right: 10px;
        top: 3px;
        font-size: 11px;
        cursor: pointer;
}

.removeStory {
		background: url(../images/icons/remove_comment.png) 0 8px no-repeat;
        padding-left: 12px;
        position: absolute;
        right: 10px;
        top: 3px;
        font-size: 11px;
        cursor: pointer;
}

.removeEvent {
		background: url(../images/icons/remove_comment.png) 0 3px no-repeat;
        padding-left: 12px;
}

.removeVideo {
		background: url(../images/icons/remove_comment.png) 0 3px no-repeat;
        padding-left: 12px;
}

.view_description_text {
 padding: 5px; background: #e5e5e5; border: 1px solid #aaa; width:530px; min-height: 50px; max-height: 100px; overflow: auto; font-size: 12px;
}        

.view_story_text {
 padding: 5px; background: #e5e5e5; border: 1px solid #aaa; width:648px; min-height: 50px; max-height: 200px; overflow: auto; font-size: 12px;
}  

.view_class_info {
	font-size: 12px;
}

.itemLink a {
	color: #000;
	font-weight: bold;
}

.catclass {
    color: #f3921d;
    font-weight: bold;
    font-size: 11px;
	cursor: pointer;
}

.classInfo {
    font-size: 12px;
    width: 580px;
    float: left;
}

.classInfo a {
	color: #000;
	font-weight: bold;
}

.classInfo h2 {
	margin-bottom: 10px;
}

#classdesc {
	border: 1px solid #aaa;
}

.searchRows span.remove {
        background: url(../images/icons/remove_comment.png) 0 3px no-repeat;
        padding-left: 12px;
    }
	
/* Games */


.gameGenres {
	list-style: none;
	display: block;
}

	.gameGenres li {
		float: left;
		width: 155px;
        height: 205px;
		border: 1px solid #aaa;
		margin-right: 20px;
        margin-bottom: 20px;
        position: relative;
	}
    
    .gameGenres li h3 {
        width: 147px;
        background: url(../images/buttons/orange_butt_bg.gif) repeat-x;
        color: #fff;
        display: block;
        padding: 4px;
        font-size: 14px; 
		border-bottom: 5px solid #b61616;
    }
	
	.gameGenres h3 a {
		color: #fff;
		text-decoration: none;
		display: block;
	}

.gamesPgeHeader {
	position: relative;	
}

.gameStats {
	position: absolute;
	right: 0px;
	font-size: 12px;
	text-align: right;
}

.playGame {
	padding: 10px;
	border: 1px solid #aaa;
	background: #e5e5e5;
}

#gameWidget {
	color: #fff;
}

#gameWidget a {
	color: #f3921d;
}	

#gameName {
	position: relative;	
}

#gameName span {
	position: absolute;
	right: 0px;
	top: 10px;
	font-size: 12px;
}

.gameInformation {
	background: #fff;
	padding: 10px;
	margin-top: 20px;
	border: 5px solid #aaa;
}

#topTenGames {
	border: 1px solid #aaa;
	margin: 0 20px 20px 0;
	width: 332px;
	float: left;
	height: 213px;
	background: url(../images/games/top50_background.png) bottom center no-repeat;
}

#topTenGames h3 {
	background: url(../images/inbox/menubg.png) top repeat-x;
	width: 312px;
	padding: 0 10px 0 10px;
	margin: 0;
	height: 35px;
	font-size: 16px;
	border-bottom: 3px solid #5a80b0;
	line-height: 2.2;
}

#topTenGames .inner {
	padding: 10px;
	font-size: 11px;
	position: relative;
	height: 155px;
}

#topTenGames ol {
	margin: 0 20px 10px 40px;
}

#topTenGames ol li {
	list-style-type: decimal;
}

#topTenGames a { 
	color: #0A246A;
}

#topTenPlayers {
	margin: 0 20px 10px 20px;
	width: 275px;
}

#topTenPlayers td {
	line-height: 1;
}

#topTenPlayers td.num {
	width: 20px;
}

#topTenPlayers td.topTenUser {
	width: 170px;
}

#topTenPlayers td.topTenScore {
	text-align: right;	
}

#topTenGames .top50 {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

	#topTenGames .top50 a {
		background: url(../images/games/view_arrow_small.png) right center no-repeat;
		padding-right: 17px;
	}


/* Scoreboards */

#highscores {
	width: 100%;
	border: 1px solid #5a80b0;
	border-right: 0px;
	border-bottom: 0px;
}

#highscores thead th {
	border-bottom: 3px solid #5a80b0;
	background: url(../images/inbox/menubg.png) repeat-x;
	text-align: left;
	padding: 5px;
}

#highscores tbody tr td {
	text-align: left;
	padding: 5px;
	border-right: 1px solid #5a80b0;
	border-bottom: 1px solid #5a80b0;
}

#highscores .pos { width: 4%; }
#highscores .user { width: 39%; }
#highscores .score { width: 23%; }
#highscores .score_time { width: 15%; }
#highscores .score_date { width: 20%; border-right: 1px solid #5a80b0; }

#highscores .usernameTop a {
	color: #e87f00;
	font-weight: bold;
}

#highscores .username a {
	color: #444;
	font-weight: bold;
}

#highscores .topGameName a {
	color: #000;
	font-weight: bold;
}

#highscores .viewLeaderboards a {
	color: #0A246A;
}

/* About us / Meet the Team */

#aboutUs a {
	color: #f3921d;
	font-weight: bold;
	}

#meetTeam {
	background: #e5e5e5;
	border: 1px solid #aaa;
	padding: 10px;	
}

/* Contact us */
#contactus input[type="text"]{background: none;}
#contactus label {
    width: 85px;
    float: left;
    display: block;
    font-size: 12px;
    padding-top: 2px;
}

#contactus p {
	margin-bottom: 10px;	
}

#contactus input[type="text"]{
     border: 1px solid #d5d5d5;
     padding: 2px;
     width: 200px;		
}

#contactus textarea {
	border: 1px solid #d5d5d5;
	padding: 2px;	
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contactus #contact_send {
	margin-right: 10px;	
}

#contactus a {
	color: #f3921d;
	font-weight: bold;
}