body                { background:#d9d9d9 url('/images/themes/emallnetwork/bg.jpg') repeat-x; color:#666; }
    input               { padding:6px; margin-top:2px; -moz-border-radius:2px; }
    input#submit        { padding:2px 10px; }    
    select              { padding:5px; margin-top:8px; }  
    a                   { text-decoration:none; color:#666; outline:none; } 
    /* top panel section*/
    #toppanel a { text-decoration:none; font-size:12px; }
    #clears     { width:10px; overflow: hidden; }
    a#lost-pwd  { padding-top:4px; display:block; }
    .left a     { text-decoration:none; font-size:12px; }
    /* end top panel section */
    
    input.inputError { border:1px solid #FFD2D2; background: #FFF0F0; }
    .validationError   { font-size:11px; color:#900; }
    .validationError p { font-size:11px; color:#900; }
    
    /* begin left section */
    #left                     { margin-left:10px; width:195px; overflow:hidden; }    
    /* begin left menu section */
    ul.leftNav                { margin:0; padding:0;}
    ul.leftNav li             { list-style:none; }
    ul.leftNav li.title       { font-weight:bold; height:25px; line-height:25px; color:#666; background:url('/images/themes/emallnetwork/cat-menu.jpg'); border:1px solid #C1CEE0; padding-left:5px; }
    ul.leftNav li.title:hover { background:url('/images/themes/emallnetwork/cat-menu.jpg'); }       
    ul.leftNav li             { border-bottom:1px dotted #ccc; padding-left:5px; height:25px; line-height:25px; }
    ul.leftNav li:hover       { background:#f7fdff; }/*E8F8FF*/
    ul.leftNav li.current     { background:#E8F8FF; }
    ul.leftNav li a           { display:block; cursor:pointer; text-decoration:none; color:#666; font-size:11px; width:168px; float:left; }
    ul.leftNav li img         { vertical-align:middle; margin-right:4px; margin-top:4px; float:left; }  
    /* begin left avatar section */
    #left #nav                { width:195px; overflow:hidden; text-align:center; }
    /* begin left login block */
    #loginBlock               { background:url('/images/template/bg_blocks3.jpg'); border:1px solid #ccc; padding:5px 10px 5px 9px; overflow:hidden; }
    #loginBlock h1            { color:white; padding-bottom:5px; border-bottom:1px dotted #666; font-size:12px; font-weight:bold; padding-right:10px; }
    #loginBlock li            { list-style:none; margin-bottom:2px; }
    #loginBlock li span       { color:white; font-size:11px; margin-top:3px; }
    #loginBlock li #checkbox  { vertical-align:middle;margin-top:-5px; }
    #loginBlock li label      { font-size:11px; color:white; }
    #loginBlock li a          { font-size:11px; color: #ccc; margin-left:5px; }
    #loginBlock li.note i     { color:white; font-size:11px; }
    #recoverAccount           { display:none; width:206px; overflow:hidden; }
    #recoverAccount a         { font-size:11px; color: #fff; padding:0 6px; background:#999; cursor:pointer; }
    a#lostPass                { font-size:11px; text-decoration:none; font-weight:100; }
    
    /* header section*/
    #header             { height:98px;}
    #header #wrapBg     { z-index:-1; text-indent:-9999px; width:553px; height:100px; position:absolute; right:160px; top:0; background:url('/images/themes/emallnetwork/wrap-bg.png') no-repeat; }    
    #header #logo       { display:block; height:100px; }
    #logo a             { display:block; width:270px; height:100px; text-indent:-9999px; } 
    #logo a h2          { line-height:90px; margin-top:8px; background:url('/images/themes/emallnetwork/logo.png') no-repeat; }
    #header #search     { display:block; z-index:10; }
    #search form        { margin-top:50px; width:280px; margin-right:-35px; height:40px; overflow:hidden; float:right; background:url('/images/themes/emallnetwork/search.png') no-repeat; }
    #search form input  { background:none; padding:3px; margin-left:28px; width:185px; border:0; border-left:1px solid #ccc; }
    #search form input#searchButton  { width:48px; border:0; margin-left:2px; }
    /* end header section */
    
    /* begin top menu section */
    #topMenu      { height:25px; line-height:26px; text-align:center; }
    #topMenu ul   { margin:0; padding:0; }
    #topMenu li   { float:left; width:85px; color:#333; list-style:none; margin-right:1px; padding:0 4px; }
    #topMenu li.current { background:#333 url('/images/themes/emallnetwork/bg_menu.png'); } 
    #topMenu li a { color:#333; text-decoration:none; }
    #topMenu li:hover { background:#333 url('/images/themes/emallnetwork/bg_menu.png'); cursor:pointer; }
    /* end menu section */
    
    /* begin content section */
    #content { border:1px solid silver; border-top:0; background:white; margin-top:7px; }
    /* end content section */
    
    
    /* begin middle section */    
    /* begin middle h1 classes section */        
    #middle h1.title { font-size:20px; color:#666; font-weight:bold; padding-bottom:5px; border-bottom:1px dotted #ccc; }
    #middle h1.title small { font-size:11px; color:#666; font-weight:100; }
    #middle h2.title { font-size:16px; letter-spacing:-1px; color:#666; margin-bottom:2px; font-weight:bold; }
    /* end middle h1 classes section */
    
    img#small-msc { position:relative; top:50px; right:-340px; }
    /* begin middle form section */
    #middle label.nobold { font-weight:100; }            
    #middle form li { list-style:none; }
    #middle form li label { width:100%; overflow:hidden; font-weight:100; }
    #inputForm { margin-top:-8px; margin-bottom:-6px; }
    /* end middle form section */
    
    /* begin profile menu section */     
    #profilemenu   { text-align:center; height:25px; line-height:25px; color:#666; background:url('/images/themes/emallnetwork/cat-menu.jpg'); border:1px solid #C1CEE0; padding-left:5px; }
    #profilemenu a { font-size:11px; color:#666; text-decoration:none; }
    /* end profile menu section */
    
    /* blockquote section */      
    blockquote     { border:1px solid #004F4F; color:white; background: #408080; width:100%; margin:10px auto 10px auto;  }
    blockquote h1  { font-size:14px; color:white; font-weight:bold; margin:10px 0 -20px 69px; color: #E5E5E5; }
    blockquote xmp { padding:0; font-size:11px; margin-left:-100px; }
    /* end blockquote section */
    /* end middle section */
    
    /* begin right section */
    #right { width:190px; }
    /* end right section */
    
    /* begin footer section */
    #footer           { border:1px solid silver; background:#4c4c4c; margin-top:1px; height:52px; }
    #footer #footmap  { color:white; margin-top:10px;  }
    #footmap small    { width:200px; margin-left:400px; color:#ccc; }
    #footmap ul       { width:400px; margin-left:auto; }
    #footmap li       { list-style:none; float:left; padding:0 2px; color:#333; }
    #footmap li a     { text-decoration:none; color:#999; font-family:helvetica; font-weight:bold; font-size:11px; }
    #footer #footlogo { text-align:right; }
    #footlogo img     { margin-top:5px; margin-right:5px; }
    /* end footer section */
    
    /* begin category */
    #category            { margin-bottom:1px; margin-top:-1px; top:125px; position:absolute; display:none; overflow:hidden; background: #ECF4FF; z-index:999; border:1px solid #AED0FF; border-top:0; }
    #category ul         { margin:0; padding:4px 6px; }
    #category li         { float:left; padding:2px 4px; list-style:none; width:120px; }
    #category li#close   { width:940px; text-align:right; padding-right:30px; background: #D2E6FF; }
    #category a#tog      { cursor:pointer; font-weight:bold; }
    #category li a.bold  { color:blue; font-weight:bold; }
    #category li a       { color:blue; text-decoration:none; }
    #category li a:hover { text-decoration:underline; }
    /* end category */
    
    /* begin spacer */
    #spacer1  { height:5px;   }
    #spacer2  { height:10px;  }
    #spacer3  { height:15px;  }
    #spacer4  { height:20px;  }
    #spacer5  { height:25px;  }
    #spacer6  { height:30px;  }
    #spacer7  { height:35px;  }
    #spacer8  { height:40px;  }
    #spacer9  { height:45px;  }
    #spacer10 { height:50px;  }
    #spacer10 { height:55px;  }
    #spacer11 { height:60px;  }
    #spacer12 { height:65px;  }
    #spacer13 { height:70px;  }
    #spacer14 { height:75px;  }
    #spacer15 { height:80px;  }
    #spacer16 { height:85px;  }
    #spacer17 { height:90px;  }
    #spacer18 { height:95px;  }
    #spacer19 { height:100px; }
    #spacer20 { height:105px; }    
    /* end spacer */
    
    /* begin message header for error and success */
    #success { 
    	background:#EBFBD9; 
    	margin-bottom:10px; 
    	text-align:center; 
    	color:#333; 
    	padding:10px; 
        font-size:11px;
    	border:1px solid #CAF49B;
    }
    
    #success img 
    {
        vertical-align: middle;
        margin-right:5px;
        margin-bottom:2px;
    }
    
    #error2 img 
    {
        vertical-align: middle;
        margin-right:5px;
        margin-bottom:2px;
    }
    
    #error { 
    	background:#FFD7DB; 
    	margin-bottom:10px; 
    	text-align:center; 
    	color:#333; 
    	padding:10px; 
    	border:1px solid #FF939D;
        font-size:11px;
    }
    
    #error img 
    {
        vertical-align: middle;
        margin-right:5px;
        margin-bottom:2px;
    }
    
    #error h1 { 
        font-weight:100; 
        color:#333; 
        font-size:11px; 
    }
    
    #success a {
    	background:url(/images/template/bg_blocks2.jpg); 
    	padding:2px 10px; 
    	border:1px solid #cccccc; 
    	width:50px;
        font-size:11px;
    	margin-right:0px;
    	color:#333;
        font-size:11px;
    }
    #error a {
    	background:url(/images/template/bg_blocks2.jpg); 
    	padding:2px 10px; 
    	border:1px solid #cccccc; 
    	width:50px;
    	margin-right:0px;
        font-size:11px;
    	color:#333;
        font-size:11px;
    }
    #error2 { 
    	background:#E9F1F4; 
    	margin-bottom:10px; 
    	text-align:center; 
    	color:#333; 
    	padding:10px; 
    	border:1px solid #94a3c4;
        font-size:11px;
    }
    #error2 h1 { 
        font-weight:100; 
        color:#333; 
        font-size:11px; 
    }
    #error2 a {
    	background:url(/images/template/bg_blocks2.jpg); 
    	padding:2px 10px; 
    	border:1px solid #cccccc; 
    	width:52px;
        font-size:11px;
    	margin-right:0px;
    	color:#333;
        font-size:11px;
    }
    
    #error2 input#subTop {
    	background:url(/images/template/bg_blocks2.jpg); 
    	padding:1.5px 2px; 
    	border:1px solid #cccccc; 
    	width:35px;
        font-size:11px;
    	margin-right:0px;
    	color:#333;
        font-size:11px;
    }
    
    #activationPrompt { 
    	background:#FCE2E3; 
    	height:40px; 
    	border:1px solid #F38B91; 
    	margin-bottom:1px; 
    	text-align:center; 
    }
    
    li.success { list-style:none; font-size:11px; color:#666666; }
    
    /* geneology */
    #gn { width:720px; overflow:hidden; float:left; z-index:2; position:relative; }
    #gn form li { list-style:none; padding:4px; }
    #gn form li a#back { padding:5px 16px; border:1px solid #005E8A; background:#0080C0; -moz-border-radius:2px; color:#fff; }
    table.mgmTable { width:100%; margin-top:20px; margin-bottom:30px; }
    table.mgmTable td { text-align:center; overflow:hidden; }
    table.mgmTable td p a { color:maroon; font-size:11px; }
    table.mgmTable td #line  { border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; height:10px; margin-top:10px; margin-bottom:5px; }
    table.mgmTable td #line2 { border-top:1px solid #999; border-left:1px solid #999; border-right:1px solid #999; height:10px; width:90px; margin:auto; margin-top:10px; margin-bottom:5px; }
    table.mgmInfo { margin:auto; border-collapse:collapse; margin-top:2px; z-index:2; width:100px; }
    table.mgmInfo td { background:#fff; border:1px solid #0ea2b4; width:25px; padding:1px 0; font-size:11px; }
    table.mgmInfo td.highlight { background:#0ea2b4; width:60px; color:white; }
    tr.last td { width:25px; }
    table.mgmTable td p.reg { margin:0; padding:0; }
    table.mgmTable td p.reg a { font-size:11px; color:maroon; font-size:11px; }
    table.mgmTable td p.reg a:hover { text-decoration:underline; font-size:11px; color:maroon; font-size:11px; }
    table.mgmTable td span.empty { color:#333; padding-bottom:10px; }
    
    /* paging css */
    span.paging      { border:1px solid #ccc; padding:1px 6px; margin-right:1px; }
    span.current     { border:1px solid #333; padding:1px 6px; background:#333; color:white; margin-right:2px; margin-top:5px; margin-bottom:5px; }
    
    #paging { width:100%; height:35px; padding:2px 0; }
    #paging a { text-decoration:none; }
    span.current a { text-decoration:none; }
    span.paging a { text-decoration:none; }
    
    /* form */
    #form { text-align:center; background:url('/images/themes/emallnetwork/bg_blocks2.jpg'); border:1px solid #ccc; padding-bottom:2px; }
    #form input#submit { padding:6px 10px;}
    
    
    /* begin friends */
    .text                     { padding:5px; border:1px solid #cccccc; }
    #friends                  { padding:10px; width:690px; float:left; }
    #friends li               { list-style:none; margin-bottom:5px; }
    #friends #inputForm       { margin-top:4px; }
    #friends #inputForm input { margin-bottom:2px; }
    #friends a.add            { color: #004F75; font-size:11px; cursor:pointer; }
    #friends h1               { margin-bottom:5px; font-size:14px; letter-spacing:-1px; color:#666; font-weight:bold; }
    #friends h1 small         { position:relative; top:-2px; }
    #friends  p.topTitle      { position:relative; top:-5px; }
    #friends p                { color:#666666; font-size:11px; margin-bottom:-2px; }
    #friends p.validationError{ color:#900; }
    #friends #friendsuggest   { background:url(/images/template/bg_blocks2.jpg); padding:5px; width:400px; margin-top:5px; border:1px solid #EEEEEE; }
    #friends #red             { margin-top:-5px; }
    #friends h1 p             { color:#900; margin-left:1px; font-weight:100; }
    a.no-suggest              { font-size:11px; color:#0080C0; }
             
    
    small.web { font-size:11px; color:#666; }
    
    #friends #friendsuggest                 { margin-bottom:15px; }
    #friends #friendsuggest ul              { width:390px; overflow:hidden; margin:auto; padding:0; }
    #friends #friendsuggest li              { list-style:none; float:left; margin-right:8px; width:70px; overflow:hidden; margin-bottom:5px; text-align:center; }
    #friends #friendsuggest li p            { text-align:center; margin-bottom:-3px; margin-top:-3px; }
    #friends #friendsuggest li img          { width:68px; height:58px; border:1px solid #cccccc; display:block; }
    #friends #friendsuggest li a            { font-size:9px; color:#00486A; }
    #friends #friendsuggest #email          { margin-bottom:3px; }
    #friends #friendsuggest #email label    { margin-right:5px; width:60px; float:left; padding-top:6px; text-align:right; }
    #friends #friendsuggest #email input    { border:1px solid #cccccc; padding:5px; }
    #friends #friendsuggest #email textarea { border:1px solid #cccccc; padding:5px; }
    #friends #friendsuggest #formmail       { padding:10px; }
    
    #friend_suggest     { margin-bottom:15px; height:40px; }
    
    /* list */
    #friends_list              { width:700px; float:left; overflow:hidden; }
    #friends_list ul           { width:685px; overflow:hidden; margin:0; padding:0; background:url('/images/template/bg_blocks2.jpg'); border:1px solid #ccc; padding:10px 0 10px 10px; margin-bottom:10px; }
    #friends_list li           { list-style:none; float:left; margin-right:5px; width:80px; overflow:hidden; text-align:center; margin-bottom:10px; }
    #friends_list li img       { display:block; background:url('/avatar/avatar.gif') no-repeat; width:74px; height:70px; border:1px solid #ccc;}
    #friends_list li h1        { color:#666; font-size:11px; text-align:center; }
    #friends_list li p a       { font-size:10px; color:#999; }
    #friends_list #search_form { padding:10px; padding-right:0; float:right; }
    #friends_list #title       { float:left; margin-top:20px; }
    #friends_list #title h1    { color:#666; font-size:18px; letter-spacing:-1px; }
    #friends_list li.null { width:100%; margin-top:7px; }
    
    #fr_suggest     { margin-bottom:10px; height:50px; }
    #fr_suggest img { width:60px; float:left; margin-right:5px; height:50px; }
    #fr_suggest p   { margin:0; padding:0; font-weight:bold; color:#666; }
    #fr_suggest p a { font-weight:100; font-size:11px; }
    
    /* end friends */