body { margin: 0px; font: normal 14px Baskerville;  }
a { text-decoration: none; color: #000; }
a img { border: 0px; }
p, h1 { margin: 0px; padding: 0px; }

textarea { padding: 5px; font: normal 12px Arial; }

.saved { padding: 20px; background: #00CC99; text-align: center; margin: 0px 0px 10px 0px; }
.hidden { display: none; }
div.clear { clear: both; }
a.delete { color: #ff8484; }
a.delete:hover { color: red; }

a.tool { font-size: 13px; color: #c0c0c0; position: relative; top: 11px; padding: 5px; }
a.tool:hover { color: #333; background: #c0c0c0; }

ul { list-style: none; margin: 0px; padding: 0px; }

#body_container { margin: 0px; padding: 0px 0px 0px 0px; }
#logo { margin: 0px 0px 0px 30px; }

.contact { margin-top: 20px; position: relative; padding: 0px 0px 100px 610px; }
.contact .img { position: absolute; top: 0px; left: 40px; }
.contact h1 { font: normal 13px Baskerville; margin-bottom: 15px; text-decoration: underline; }
.contact a { text-decoration: underline; }
.column420 { width: 420px; margin-bottom: 30px; }
.column210 { width: 190px; margin-right: 20px; float: left; }
.column310 { width: 250px; float: left; }

div#menu {  }
div#menu ul { list-style: none; }
div#menu ul li { float: left; margin-left: 15px; }
div#menu ul li a { text-transform: capitalize; }
div#menu ul li a.current { text-decoration: underline; }

div#menu ul.first_level { float: left; margin-left: 24px; }
div#menu ul.second_level { float: right; margin-right: 41px; color: #666; }

div#main_images_wrapper { overflow: scroll; overflow-y: hidden; }
div#main_images { margin-top: 10px; font-weight: normal; }
div#main_images .kid { float: left; margin-left: 0px; margin-right: 2px; text-align: left; color: #666666; }

div#dragger { background-color: red; width: 20px; height: 20px; cursor: pointer;  }

#content2 { float:left; overflow:hidden; width: 100%; }

#scroll_wrapper { margin: 20px 40px 0px 40px; }
.scrollbar-hor{ background-color: #c0c0c0; height: 15px; width: 100%; float:left; }
.handle-hor{ height: 15px; width: 42px; background: #000; }

.home { margin: 35px 40px 100px 40px; position: relative; height: 518px; }
.home a { text-transform: uppercase; }
.home a span { display: none; }

.group_container { margin-bottom: 30px; }
.group_controls { margin-bottom: 10px; }
.group_controls h1 { float: left; text-transform: uppercase; padding: 5px; }

.edit_form p { margin: 10px 0px 10px 0px; }
.edit_form p.buttons { margin-top: 20px; }

#image_edit_form textarea { width: 100%; height: 150px; }

.overall-title { display: none; }
.progress,
.overall-progress { display: none; }
#demo-status { font-size: 30px; width: 150px; text-align: center; background: #fff; }



div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

div#wn	{ 
    position:relative;
    width:280px; height:200px;
    overflow:hidden;
	}
    
div#scrollbar { 
  position:relative;
  width:11px; height:200px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:176px;
  background: #336;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }
    
    /* hide from incapable browsers */
    div#scrollbar { 
        display:none;
        }

    /* below in external file */
    div#wn	{ 
        position:relative; 
        width:184px; height:52px; 
        overflow:hidden;	
    	}
    div#scrollbar { 
        position:relative; 
        width:184px; height:11px;
        display:block; /* display:none initially */
        font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
      }

    div#track { 
        position:absolute; left:12px; top:0;
        width:160px; height:11px; 
        background: #336;
      }
    div#dragBar {
        position:absolute; left:1px; top:1px;
        width:20px; height:9px; 
        background-color:#ceced6;
      }  
    div#left { position:absolute; left:0; top:0; }  
    div#right { position:absolute; right:0; top:0;  }

    /* for safari, to prevent selection problem  */
    div#scrollbar, div#track, div#dragBar, div#left, div#right {
        -moz-user-select: none;
        -khtml-user-select: none;
    }

    /* so no gap or misplacement due to image vertical alignment
    font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
    div#scrollbar img {
        display:block; 
        }