@import "reset.css";

/* GLOBAL */

    html, body { height: 100%; }
    body.main {
    	background: #000;
    	color: #ccc;
    	font-family: Verdana;
    	font-size: 13px;
    }
    	body.main legend, body.main dt  { font-weight: bold; }
    label { cursor: pointer; }
    
    /* GLOBAL -> maintable */
    
        table#maintable { width: 100%; }
        	table#maintable td.maintd.header { height: 121px; }
        	table#maintable td.maintd.footer { height: 74px; }
        	table#maintable td.maintd.global { height: auto; }
            
    /* GLOBAL -> links */   
     
        a {
        	color: #cc3;
        	text-decoration: underline !important;
        }
        	a:hover { text-decoration: none !important; }
        
    /* GLOBAL -> controllers */
    
        input, textarea, option, select {
        	
        }
        	input.text, textarea {	
        		
        		border: 1px solid #ccc;
        		padding: 2px;
        	}
            
        	/* GLOBAL -> controllers -> checkbox */  
              
            	div.checkbox {
            		margin: 0;
            		width: 16px;
            		height: 16px;
            		cursor: pointer;
            	}
            		div.checkbox.yes { background: url(/design/images/new/controllers/checkbox_yes.gif) no-repeat 1px 1px; }
            		div.checkbox.no { background: url(/design/images/new/controllers/checkbox.gif) no-repeat 1px 1px; }
            		div.checkbox input {
            			position: absolute;
            			padding: 0;
            			margin: 0;
            			visibility: hidden;
            		}
            		select, input.text {
            			border: 1px solid #ccc;
            			padding: 2px;
            		}
                    
        	/* GLOBAL -> controllers -> button */  
              	
            	input.btn {
            		border: 0;
            		padding: 0;
            		padding: 2px 10px 4px 10px;
            		color: #000;
            		background: url(/design/images/new/controllers/btn.jpg);
            		cursor: pointer;
            	}
            		input.btn:hover { background: url(/design/images/new/controllers/btnHover.jpg); }    
                		
    /* GLOBAL -> staff */   
     
        #uploader {
        	position: absolute;
        	top: -1000px;
        }

/* SUBMENU */

    .submenu {
    	height: 22px;
    	padding: 8px 22px 0 0;
    	background: url(/design/images/new/background/submenu.png) repeat-x bottom;
    	text-align: right;
    	
    }
		.submenu span.hot {
			background-color: red;
			color: #fff;
			padding: 2px;
			margin: 0 0 0 10px;
			font-size: 10px;
		}
    	.submenu a, .submenu span {
			margin-left: 10px; 
			font-size: 11px;
		}
    	.submenu span { color: #565623; }
    	.submenu h1 {
    		position: absolute;
    		margin: -2px 0 0 70px;
    		font-size: 15px;
    		font-weight: normal;
    		color: #999;
    	}
        
/* MAIN */

    .main .top {
    	background: url(/design/images/new/background/header.png) repeat-x;
    	height: 72px;
    }
    	.main .line {
    		position: absolute;
    		width: 100%;
    		background: url(/design/images/new/background/submenu_bottom.png) repeat-x;
    		height: 19px;
    		margin-top: 72px;
    	}
    	.main .gr {
    		position: absolute;
    		background: url(/design/images/new/background/header_gr.png) repeat-x;
    		width: 428px;
    		height: 70px;
    		margin-top: 1px;
    		z-index: 0;
    	}
        
    	/* MAIN -> logotype */
        
			.main .logo {
        		width: 44px;
        		height: 66px;
        		position: absolute;
        		top: 33px;
        		left: 12px;
        		z-index: 1;
        	}
        
    	/* MAIN -> username */
        
        	.main .username {
        		position: absolute;
        		font-size: 15px;
        		top: 47px;
        		left: 70px;
        		z-index: 1;
        		width: 480px;
        	}
        	.main .username span.name { color: #FFF; }
        	.main .username span.name, .main .username .balance { float: left; }
        
    	/* MAIN -> balance */
        
        	.main .username .balance {
        		border-left: 1px solid #7b6715;
        		padding-left: 10px;
        		margin: 3px 0 0 10px;
        		font-size: 11px;
        	}
        		.main .username .balance  span.descr, .main .username .balance  span.money, .main .username .balance  img { float: left; }
        		.main .username .balance  img { margin: 1px 0 0 5px; }
        		.main .username .balance  span.descr { margin-right: 5px; }
        		.main .username .balance  span.money {
        			margin-top: -3px;
        			color: #7b6715;
        			font-size: 15px;
        		}
            
    	/* MAIN -> tabs */
        
        	.main .tabs {
        		top: 0;
        		position: absolute;
        		margin-top: 30px;
        		z-index: 1;
				width: 564px;
				right: 21px;
        	}
        		.main .tabs div.menubtn {
        			margin-top: 10px;
        			float: right;
        			height: 52px;
        		}
        		.main .tabs div#btn-messages, .main .tabs div#btn-chat, .main .tabs div#btn-board, .main .tabs div#btn-search { cursor: pointer; }
        		.main .tabs div#btn-messages, .main .tabs div#btn-messages-active { width: 155px; }
        		.main .tabs div#btn-chat, .main .tabs div#btn-chat-active { width: 142px; }
        		.main .tabs div#btn-board, .main .tabs div#btn-board-active { width: 154px; }
        		.main .tabs div#btn-search, .main .tabs div#btn-search-active { width: 113px; }
        		.main .tabs div#btn-messages { background: url('/design/images/new/tabs/messages.png') no-repeat left; }
        		.main .tabs div#btn-chat { background: url('/design/images/new/tabs/chat.png') no-repeat; }
        		.main .tabs div#btn-board { background: url('/design/images/new/tabs/board.png') no-repeat; }
        		.main .tabs div#btn-search { background: url('/design/images/new/tabs/search.png') no-repeat right; }
        		.main .tabs div#btn-messages-active { background: url('/design/images/new/tabs/messages-active.png') no-repeat; }
        		.main .tabs div#btn-chat-active { background: url('/design/images/new/tabs/chat-active.png') no-repeat; }
        		.main .tabs div#btn-board-active { background: url('/design/images/new/tabs/board-active.png') no-repeat; }
        		.main .tabs div#btn-search-active { background: url('/design/images/new/tabs/search-active.png') no-repeat; }
                
    		/* MAIN -> tabs -> special */
            
        		.special {
        			position: absolute;
        			top: 70px;
        			left: 70px;
        			z-index: 2;
        		}
        			.special a, .special span {
        			     margin-right: 5px;
                         font-size: 11px;
                    }
                    .special span { color: #990; }
                
    		/* MAIN -> tabs -> fresh */
            
        		.main .fresh div {
        			position: absolute;
        			right: 0;
        			margin: 9px 134px 0 0;
        			width: 28px;       			
        			text-align: center;
        			top: 50px;
        			font-weight: bold;
        		}
        			.main .fresh div.text {
        				z-index: 3;
        				color: red;
        			}
        			.main .fresh div.shadow {
        				z-index: 2;
        				color: #000;	
        			}		
                /*.board, .info, .search, .users, .ignored { min-height: 543px; }*/
                
/* BOARD */

    .board { padding: 0 20px; }
    
    /* BOARD -> pages */
    	
       	.board .pages {
       		text-align: center;
       	}
       		.board .pages img {
       			margin: 0 10px -2px 10px;
       		}
   
   	/* BOARD -> tools */
   
       	.board .tools {
       		margin-bottom: 20px;
       		text-align: center;
       	}
       		.board .tools span {
       			margin: 0 25px;
       			padding-left: 25px;
       		}
       			.board .tools span img {
       				margin: 0 10px -3px 0;
       			}
       		.board .tools #find {
       			margin: 0 0 -2px 5px;
       		}
   
   	/* BOARD -> my */
   	    
        .board .my img {
        }
    
       	.board #my {
       		display: none;
       		border: 1px solid #aaa;
       		background: #333;
       		padding: 20px 25px 20px 20px;
       		margin: 0 0 20px 0;
       	}
       		.board #my textarea {
       			width: 100%;
       			height: 75px;
       			margin-bottom: 20px;
       		}
       		.board #my label {
       			margin-right: 15px;
       		}
       		.board #my input.btn {
       			position: absolute;
       			margin-left: 20px;
       		}
   		
   	/* BOARD -> filter */	
   		
       	.board #filter {
       		display: none;
      		border: 1px solid #aaa;
       		background: #333;
       		padding: 20px 25px 20px 20px;
       		margin: 0 0 20px 0;
            height: 130px;
       	}	
            .board #filter div { margin: 0 10px 15px 0; }
       		.board #filter div, .board #filter .btn {
               float: left;
       		}
                .board #filter div.from, .board #filter div.perpage { width: 100%; }
    
   	/* BOARD -> notices */		
    	
       	.board .notices { }
   	
   		/* BOARD -> notices -> notice */
   		
       		.board .notice {
       			margin: 20px 0;
       			text-align: left;
       		}
       			.board .notice .header {
       				background: #333; 
       				border-top: 1px solid #555;
       				padding: 5px 0 11px 5px;
       			}
       				.board .notice .header img { margin-bottom: -6px; }
       			.board .notice .time {
       				float: right;
       				margin: -14px 36px 0 0;
       				color: #979200;
       			}
                .board .notice .status {
       				float: right;
       				margin: -14px 10px 0 0;
       			}
       			.board .notice .body {
       				background: #555;
       				border-bottom: 2px solid #111;
       				padding: 10px 10px 10px 36px;
       				line-height: 1.5;
       			}
       				.board .notice .body em {
       					font-weight: bold;
       					color: yellow;
       					font-style: normal;
       				}
       			.board .notice .name a {
       				margin-left: 5px;
       				text-decoration: none;
       			}
       			.board .notice .m .c {
       				width: 360px;
       				height: 250px;
       				position: relative;
       				text-align: left;
       				vertical-align: top;
       			}
   
   		/* BOARD -> notices -> admins */
   
       		.board .admins {
       			border: 1px solid #979200;
       		}
       			.board .admins .name a {
       			     margin-left: 32px !important;
                     font-style: italic;
                 }
                    .board .admins .name a:hover { text-decoration: none !important; }
       			.board .admins .header {
       				border: none;
       				padding-top: 10px !important;
       			}
       			.board .admins .body {
       			     border: none;
                     color: #fff;
                }
                       
/* USERS */

    .users {
        padding: 0 20px;
        text-align: center;
    }
    
    /* USERS -> sort */
    
        .users .sort {
            margin-bottom: 20px;
            color: #999;
        }
            .users .sort .selected {
                color: #cc3;
                font-style: italic;
            }
    
    /* USERS -> criteria */
    
        .users .criteria {
            font-weight: bold;
            margin-bottom: 20px; 
            color: #ffd9b3;
        }
        
    /* USERS -> user */
        
        .users .user {
            margin-bottom: 20px;
            width: 100%;
            border: 2px solid #111;
        }
            .users .user td {
                text-align: left;
                vertical-align: top;
                padding: 10px;
            }
            .users .user .left {
                padding-left: 35px;
            }
            .users .user .right {
                width: 200px;
                padding-left: 20px;
                line-height: 1.5;
            }
            .users .user .h {
                font-weight: bold;
                color: #888;
            }
            
            /* USERS -> user -> title */
            
                .users .user .title {
                    background: #333; 
       				padding: 6px 0 7px 5px;
                }
                
           /* USERS -> user -> body */
            
                .users .user .body { }
            
            /* USERS -> user -> int/acc */
            
                .users .user .false { color: #333; }
                .users .user .int, .users .user .acc { margin-top: 20px; }
                .users .user .int img, .users .user .acc img { margin: 0 5px 2px -12px; }
                .users .user .int .h, .users .user .acc .h { margin-bottom: 6px; }
              
            /* USERS -> user -> name */
                 
       			.users .name {
       				padding: 5px 0 11px 5px;
       			}
       				.users .name img { margin-bottom: -6px; }
                    
            /* USERS -> user -> message */
             
                .users .user .message {
       				padding-top: 10px;
                    text-align: center;
       			}
                
            /* USERS -> user -> hot */
            
                .users .user .hot {
                    padding-left: 180px;                   
                }
                    .users .user .hot div {
                        float: left;
                        width: 10px;
                        height: 10px;
                        padding: 5px;
                    }
                    
            /* USERS -> user -> photo */
            
                .users .user .photo {
                    width: 200px;
                    text-align: center;
                    vertical-align: middle;
                }
                .users .user .photo img { border: 2px solid #666; }
                .users .user .empty { color: #666; }
                
             /* USERS -> user -> details */
                
                .users .user .details {
                    color: #aaa;
                    font-style: italic;
                    vertical-align: bottom;
                    padding: 0 0 20px 36px;
                    line-height: 1.5;
                }
                
              /* USERS -> user -> also */
              
                .users .user .also { margin-top: 12px; }
                .users .user .also div { margin-top: 10px; }
                .users .user .also img { margin: 0 4px -3px 0; }
                
                /* USERS -> user -> also -> habits */
                
                    .users .user .habits span { margin-right: 20px; }
              
              /* USERS -> user -> twn */
                
                .users .user .twn {
                    
                    font-weight: bold;
                    margin-top: 10px;
                    color: #85e1ff;
                }
                
              /* USERS -> user -> was */
              
                .users .user .was {
                    font-weight: bold;
                    margin-top: 10px; 
                    color: #FFF;
                }
    
    /* USERS -> pages */
    
   	    .users .pages {
       		text-align: center;
       	}
       		.users .pages img {
       			margin: 0 10px -2px 10px;
       		}
    

        
/* SEARCH */

    .search { padding: 20px 20px 0 20px; }
    .search table {
    	width: 100%;
    	border-collapse: collapse;
    }
    	.search table td { vertical-align: top; padding: 0; }
    	.search table td.sel {
    		padding-left: 30px;
    		width: 500px;
    	}
    	.search legend, .search dt {
    		font-weight: normal;
    		color: #e970ff;
    	}
    	.search legend { padding: 0 5px; }
    	.search #found {
    		border-top: 1px dashed #999;
    		margin: 55px 30px 0 150px;
    		padding-top: 30px;
    		font-size: 15px;
    		color: #ccc;
    	}
    		.search #found #number { font-weight: bold; color: #cc3; }
    		.search #show { margin-top: 35px; }
    	.search .additional .chkline {
    		margin-bottom: 5px;
    		width: 50%;
    		float: left !important;
    	}
    	.search .additional .chkline label {
    		
    		margin-left: 21px;
    	}
    	.search .additional .chkline div.checkbox {
    		position: absolute !important;
    		margin: -1px 0 0 0 !important;
    	}
    	.search fieldset {
    		margin-bottom: 10px;
    		border: 1px solid #ccc;
    		padding: 10px;
    	}
    	.search dd { margin: 4px 0 10px 0; }
    	.search label { white-space: nowrap; }
    	
    	.search  .sel div dt {
    		margin-top: 5px !important;
    		float: left;
    		width: 150px;
    	}
    	.search  .sel div dd.photo { margin-left: 150px; }
    	.search .photo input {
    		position: absolute;
    		margin: 1px 0 0 0px;
    	}
    	.search .photo label {
    		margin: 0 0 0 21px !important;
    		
    	}
    	.search .photo div.checkbox { position: absolute; }
    	.search #name { width: 250px; }
    	.search #stationlist select, .search #town { width: 256px; }
    .search #height-min, .search #height-max, .search #age-min, .search #age-max { width: 50px; }
    
/* WATCH */

    #watch { padding: 0 20px; }     
        #watch div { margin: 0 0 15px 0; }
        #watch img { margin: 0 0 -7px 10px; }
        #watch a { margin: 0 0 0 10px; }
        #watch .time { }
        #watch sup {
            width: 20px;
            font-size: 11px;
            position: absolute;
            margin: 0 0 0 5px;
            font-style: italic;
        }
        
/* FAQ */

    .faq { padding: 0 20px; }
        .faq h2 {
            color: #cc3;
            font-size: 15px;
            font-weight: normal;
            padding: 0;
        }
        .faq p {
            margin: 10px 0 10px 20px;
            line-height: 1.5;
        }
    
/* FOOTER */

    .footer {
    	background: url(/design/images/new/background/footer.png) 0 19px repeat-x;
    	
    }
    	.footer .top {
    		position: absolute;
    		width: 100%;
    		height: 19px;
    		background: url(/design/images/new/background/submenu.png);
    	}
    	.footer .right {
			position: relative;
    		width: 100%;
    		text-align: right;
    		margin-top: 30px;
    	}
			.footer .right span {
				margin-right: 21px;
			}
    	.footer .bottom {
    		position: absolute;
    		width: 100%;
    		height: 19px;
    		margin: 55px 0 0 0;
    		background: url(/design/images/new/background/submenu_bottom.png);
    	}
        

    
/***** gallery *****/

    .gallery { background: #333; text-align: center; }
    .gallery img { margin: 20px; border: 2px solid #000; }
    
/* PROFILE */

    .profile { padding: 0 20px; }
        .profile dt { color: #d4ffce; }
        .profile dd { margin: 10px 0 20px 20px; }
            .profile dd img { margin: 0 0 -2px 0; }
        .profile .profiletable { width: 100%; }
        .profile .profiletable td { vertical-align: top; }
        
    /* PROFILE -> data */
    
        .profile .data { padding-right: 20px; }
    
        /* PROFILE -> data -> title */
        
            .profile .title h1, .profile .title a.send { float: left; }
        
            .profile h1 {
                margin: 0 0 10px 0;
                color: #fcffd1;
                font-size: 20px;
            }
            .profile h1 img { margin: 0 0 -3px 10px; }
            
             /* PROFILE -> data -> title -> send */
             
                .profile .send { margin: 4px 40px 0 20px; }
                
                /* PROFILE -> data -> title -> bookmark */
                    
                    .profile .bookmark { margin: 4px 20px 0 0; }
                    .profile .bookmark a { color: gray; }
                    .profile .bookmark img { margin: 0 0.3em -0.1em 0; }
                
                
                 /* PROFILE -> data -> title -> ignore */
                    
                    .profile .ignore { margin: 14px 20px 0 0; }
                    .profile .ignore a { color: gray; }
                    .profile .ignore img { margin: 0 0.3em -0.1em 0; }
        
        /* PROFILE -> data -> was */
        
            .profile .was {
                font-weight: bold;
                color: #fff;
                margin: 20px 0;
            }
            
        /* PROFILE -> data -> details */
        
            .profile .details {
                margin-top: 20px;
                color: #ccc;
                overflow: hidden;
                font-style: italic;
                line-height: 1.5;
            }
            
        /* PROFILE -> data -> inc/acc */
        
            .profile .int, .profile .acc { line-height: 1.5;; }
            .profile .int strike, .profile .acc strike {color: #444; }
            .profile .int dd img, .profile .acc dd img { margin: 0 4px 2px -12px; }
            
        /* PROFILE -> data -> base */
        
            .profile .base {  margin-top: 20px; }
            
        /* PROFILE -> data -> invite */
        
            .profile #invite {
                cursor: pointer;
            }
        /* PROFILE -> data -> photos */
        
            .profile .photos {
                width: 150px;
            }
                .profile .photos .item {
                    width: 200px;
                    text-align: center;    
                    margin-bottom: 20px;          
                }
                    .profile .photos .item .okant img { }
                
/***** admin *****/

    .admin {
		font-size: 12px;
		font-family: Verdana;
		width: 1220px !important;
		position: relative;
		left: 50%;
		margin: 0 0 0 -620px;
		padding: 10px;
	}
		.admin a { color: maroon !important; }
		.admin a:hover { color: red !important; }
		.admin .menu {
			border: 1px solid #ccc;
			padding: 10px;
		}
    .admin #days, .admin #from, .admin #limit, .admin #id, .admin #rubles, .admin #cost, .admin #start, .admin #to { width: 50px; }
    .admin #name, .admin #mail, .admin #phone { width: 40px; }
    .admin #firm { width: 60%; }
    .admin .criteria, .admin .actions { background: #ccc; padding: 10px; }
    .admin .list { width: 100%; margin: 30px 0; border-collapse: collapse; }
    .admin .list td { border-width: 1px 0; border-style: solid; border-color: #ccc; padding: 6px; }
    .admin .list label { font-weight: bold; }
    .admin .list th { text-align: left; padding: 6px; background: #eee; }
    .admin .menu { margin-bottom: 40px; line-height: 2em; }
    .admin .menu a { margin-right: 1em; }
    .admin fieldset { padding: 20px; margin-bottom: 20px;
     }
    .admin #groups { width: 50%; height: 200px; }
    .admin .done { font-weight: bold; color: green; }
    .admin .options div { margin-bottom: 20px; }
    .admin .log { background: #eee; padding: 10px; border: 1px solid #aaa; }
    .admin .showlines div { display: inline; margin: 10px; padding: 5px; border: 1px solid #eee; }
    .admin .list .warning { font-weight: bold; color: red; }
    .admin .editphone dt { font-weight: bold; margin: 30px 0 10px 0; }
    .admin .editphone textarea { width: 80%; height: 300px; }
    .admin dl { margin: 20px 0; }
    .admin dt { margin-bottom: 1em; }
    .admin .today, .admin .yesterday, .admin .older { margin-bottom: 40px; padding-left: 0; margin-left: 0; text-indent: 0; }
    .admin .today li, .admin .yesterday li, .admin .older li { padding-left: 0; margin-left: 0; text-indent: 0; display: inline; margin-right: 1em; }
    .admin .today { font-size: 20px; }
    .admin .yesterday { font-size: 16px; }
    .admin .older {  }
    .admin .news fieldset textarea { display: block; width: 50%; height: 5em; margin: 1em 0 1em 0; }
    .admin .news ul { margin: 3em 0; }
    .admin .send textarea { display: block; width: 60%; height: 10em; margin: 2em 0; }
    .admin .send legend { font-weight: bold; margin-bottom: 1em; }
    .admin ul { list-style-type: none; padding-left: 0; margin-bottom: 2em; }
    .admin ul em.chat { color: darkSlateGray; }
    
/***** rules *****/

    body.rules { margin: 20px; }
    .admin .rules textarea { width: 80%; height: 300px; }
    .admin .rules dt { font-weight: bold; }
    .admin .rules dd { margin-left: 0; }
    
/* IGNORED */
    
    .ignored { padding: 0 20px; }
        .ignored .list { margin: 0 0 20px 0; }
            .ignored .list div { margin: 0 0 5px 0; }
    
/***** lightbox *****/

    #overlay { background-image: url(/design/images/overlay.png); }
    * html #overlay { background-color: #000; back\ground-color: transparent; background-image: url(/design/images/empty.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/design/images/overlay.png", sizingMethod="scale"); }
    
    #lightbox #closeButton { margin: -21px 0 0 5px;}
    
/* PLACES */

    #places { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 990; }
    #frame { width: 450px; height: 350px; background: #fff; margin: -175px auto 0 auto; position: relative; top: 50%; z-index: 999; padding: 10px 0 0 10px; }
    #frame div { font-size: 16px; }
    #iefix2 { width: 430px; height: 320px; margin: -165px 0 0 -215px; position: absolute; top: 50%; left: 50%; z-index: 995; border: none; }
    #wait { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; display: none; }
    .rsel { display: none; overflow: auto; width: 430px; }
    .rsel div { margin-bottom: 0.2em; }
    .rsel div:hover { background: lightCyan; }
    #regions { height: 320px; }
    #cities { height: 290px; }
    #places a { color: darkCyan; border-bottom: 1px dotted; text-decoration: none; }
    #places a:hover { color: darkTurquoise; }
    #toregions { display: none; color: blue !important; line-height: 2em; font-size: 16px; }
    #toregions:hover { color: black !important; }
    #regions .next { float: right; margin-right: 1em; }
    
/***** cam ******/

    .cam { margin: 30px 0; display: none; border: 2px solid #444; width: 320px; }

/* CHAT */

    .main .chat {
    	position: absolute;
    	top: 122px;
    	bottom: 75px;
    	width: 100%;
    }   
    
    /* CHAT -> frame */
     
    	.chat .frame {
    		position: absolute;
    		top: 0;
    		left: 20px;
    		right: 20px;
    		bottom: 0;
    		background: #9d9d9d;            
    	}
        
        /* CHAT -> frame -> place */
        
            .chat .frame .place {
                position: relative !important;
                margin-left: 10px;
                top: 8px;
        		font-weight: bold;
        	}
                .chat .frame .place a { color: #000; }
              
        /* CHAT -> frame -> sendtable */
        
            .chat .frame table.sendtable {
                position: absolute;
                bottom: 6px;
            }
                .chat .frame table.sendtable td {
                    vertical-align: top; 
                }
                    .chat .frame table.sendtable td.stleft {
                        padding-left: 6px;
                    }
                    .chat .frame table.sendtable td.stright {
                        text-align: right;
                        padding-right: 21px;
                        width: 116px;
                    }
            		.chat .frame table.sendtable td #body {
            			height: 48px; 
            			padding: 3px;        			
                        width: 100%;
                        border: 0 !important;
            		}
            		.chat .frame table.sendtable td #send {
            		    width: 100px;
            		}    		
      
            /* CHAT -> frame -> lines */
            
                .chat .frame #lines {
                    position: absolute;
                    top: 30px;
                    left: 0;
                    overflow: auto;               
        			color: black;
                    background: #fff;
        			padding: 0 !important;
        			word-wrap: break-word;
        		}            
                        .chat .frame #lines table {
                            margin: 0 !important;
                            padding: 0 !important;
                        }
                            /* hover */
                            
                                .chat .frame #lines table tr:hover td.time,
                                .chat .frame #lines table tr:hover td.msgicons,
                                .chat .frame #lines table tr:hover td.msggender,
                                .chat .frame #lines table tr:hover td.msgbody {
                                    background-color: #f7f2ed;                                    
                                }
                                .chat .frame #lines table td.msgdetails, .chat .frame #lines table td.msggender { border-right: 1px dashed #ccc; }
                            
                            .chat .frame #lines table td {                                
                                border-bottom: 1px dashed #ccc;
                                padding: 5px;
                            }
                                .chat .frame #lines table td.msgadmin {
                                    background-color: #feeae9;
                                }
                                .chat .frame #lines table td.time {
                                    color: grey;
                                    font-size: 9px;
                                    width: 83px;
                                }
                                .chat .frame #lines table td.msgicons {
                                    background-color: #eef9fe;
                                    border-right: 1px dashed #ccc;
                                    border-left: 1px dashed #ccc;
                                    width: 37px;
                                }
                                .chat .frame #lines table td.msgstatus {
                                    width: 16px;
                                    background-color: #f7f2ed;
                                    padding-right: 0;
                                }
                                    .chat .frame #lines table td.msgicons img, .chat .frame #lines table td.msgstatus img {
                                        margin-bottom: -3px;
                                    }
                                .chat .frame #lines table td.msgdetails {
                                    padding: 5px;
                                    width: 175px;
                                    background-color: #f7f2ed;
                                    text-align: right;
                                }
                                    .chat .frame #lines table td.msgdetails .author {
                                        text-decoration: none !important;
                                        padding-right: 18px;
                                    }
                                    .chat .frame #lines table td.msgdetails .to {
                                        cursor: pointer;
                                    }
                                    .chat .frame #lines table td.msgdetails sup {
                                        width: 20px;
                                        font-size: 11px;
                                        position: absolute;
                                        margin: -4px 0 0 -18px;
                                        font-style: italic;
                                    }
                                .chat .frame #lines table td.msggender {
                                    width: 0px;
                                    padding: 5px 10px;
                                }
                                .chat .frame #lines table td.msgbody { 
                                    line-height: 1.5;
                                    padding: 5px 10px;
                                }                
                                    .chat .frame #lines table td.msgbody .hilite {
                                        background: #cc3;
                                        padding: 3px;
                                        font-style: italic;
                                    }
                    
            /* CHAT -> frame -> color */
                
                .chat .frame select#color {
                    padding: 0;
                    float: right;
                    margin: 5px 10px 0 0;
                }
            
    /* CHAT -> select */
    	
        .chat .select {
            padding: 20px;
            text-align: center;
        }
            .chat .select a { font-weight: bold; margin: 0.5em; }
    
    
    /* CHAT -> users */
    
        .main .chat .frame #users {
            position: absolute;
            background: #fff;
            top: 30px;
            width: 250px;
            right: 0;
            border-left: 1px solid #d9d9d9;
            overflow: auto;
            word-wrap: break-word;            
        }
            .main .chat .frame #users table {
                width: 100%;
            }
                .main .chat .frame #users table td {
                    padding: 5px;
                }
                    .main .chat .frame #users table td.userinfo.admin {
                        background-color: #feeae9;    
                    }
                    .main .chat .frame #users table tr:hover td.userinfo {
                        background-color: #f7f2ed;
                    }
                        .main .chat .frame #users table td.userinfo a { text-decoration: none !important; }
                        .main .chat .frame #users table td.userinfo a:hover, .main .chat .frame #lines .author:hover { text-decoration: underline !important; }
                        .main .chat .frame #users table td.userinfo sup {
                            width: 20px;                
                            font-size: 11px;
                            position: absolute;
                            margin: -4px 0 0 5px;
                            font-style: italic;
                            color: #000;
                        }
                    .main .chat .frame #users table td.usericons {
                        background-color: #eef9fe;
                        border-left: 1px dashed #ccc;                        
                        border-bottom: 1px dashed #ccc;
                        width: 37px;
                        text-align: center;
                    }
            
/* admin */
    
        .admin .cost { margin: 3em 0; }
            .admin .cost th { text-align: left; color: steelBlue; }
            .admin .cost td, .admin .cost th { padding: 0 3em 1em 0; }
    
    
    .subscribe { text-align: left; padding: 0 !important; }
    .subscribe .warning { color: lightYellow; font-weight: bold; padding: 5em 0 5em 30%; }
    .subscribe .warning img { position: absolute; margin: 0.5em 0 0 -50px; }
    .subscribe .setnumber { text-align: center; }
    .subscribe .setnumber input { font-weight: bold; color: #444; margin-left: 1em; }
    .subscribe .setnumber strong { color: #91dfff; }
    .subscribe .trivia { margin-top: 10em; }
    .subscribe .trivia td { font-size: 0.7em; padding: 0 2em; }
    .subscribe .wtf { text-align: center; color: #aaa; font-size: 0.9em; margin-top: 1em; }
    .subscribe .rules { overflow: auto; width: 80%; height: 160px; border: 1px solid gray; font-size: 0.8em; background: #222; }
    .subscribe .enterkey { padding: 3em; }
    .subscribe .enterkey div { margin: 1em 0; }
    .sub { padding: 3em; }
    .sub div { margin-bottom: 1em; }
    .sub .error { color: red; }
    
    input.wrong { background: pink; }
      
            
/* VIDEO */

    .video { }
    
    /* VIDEO -> table */
    
        .video #box {
            background: #fff;
        	position: absolute;
        	top: 40px;
        	bottom: 0;
        	left: 0;
        	right: 0;
        	overflow: hidden;
        	color: #111;
        }
            .video #box table {
                width: 100%;
            }
            
    /* VIDEO -> other */
    
        .video .hidden{ visibility: hidden !important; }
        .video #ch { }
        .video #videochat { }
        .video #camera { z-index:112; }
    	.video #closecam{
    		position: absolute;
    		width:20px;
    		height:20px;
    		cursor:pointer;
    	}
                
/* PAYSUCCESS */
    
    .paysuccess { padding: 0 20px; }
        .paysuccess p { margin-bottom: 5px; }