div.scrollholder
{
    position: relative;
    width: 300px; height: 150px;
    overflow: auto;
    z-index: 1;
    background-color: #EFEFEF;
}
div.scrollholder1
{
    position: relative;
    width: 300px; height: 205px;
    overflow: auto;
    z-index: 1;
    background-color: #f9db7b;
}
div.scrollholderaboutus
{
    position: relative;
    width: 610px; min-height: 300px;
    overflow: auto;
    z-index: 1;
	background:#DBC395 url(images/Contest_content_bg.gif) repeat-x scroll left top;
}
div.scrollholderEventArchive
{
    position: relative;
    width: 610px; min-height: 300px;
    overflow: auto;
    z-index: 1;
	background:#DBC395 url(images/Contest_content_bg.gif) repeat-x scroll left top;
}
div.scrollholderevent
{
    position: relative;
    width: 350px; height: 194px;
    overflow: auto;   
	/*background:#DBC395 url(images/events-main_bg.jpg) repeat-x scroll left top;*/
}

div.scrollholdercommunity
{
    position: relative;
    width: 265px; height: 270px;
    overflow: auto;
    z-index: 1;
    background-color: #F9EED8;
}
div.scrollholdercommunitylinks
{
    position: relative;
    width: 265px; height: 460px;
    overflow: auto;
    z-index: 1;
   background:transparent url(images/community_link_bg.jpg) repeat-x scroll left top;
}

div.scrollholdercommunitymarket
{
    position: relative;
    width: 285px; height:460px;
    overflow: auto;
    z-index: 1;
   background:transparent url(images/community_link_bg.jpg) repeat-x scroll left top;
}

div.scrollholderCornor
{
    position: relative;
    width: 600px; height: 235px;
    overflow: auto;
    z-index: 1;
   
}



div.scrollholderindexblog
{
    position: relative;
    width: 285px; height: 240px;
    overflow: auto;
    z-index: 1;
   
}
div.scrollholderindexEvent
{
    position: relative;
    width: 285px; height:179px;
    overflow: auto;
    z-index: 1;
   
}

div.scrollholderindexNewsFeed
{
    position: relative;
    width: 378px; height:188px;
    overflow: auto;
    z-index: 1;
   
}




div.scrollholderContest
{
    position: relative;
    width: 600px; height: 275px;
    overflow: auto;
    z-index: 1;
	
}

div.scrollholderEvent1
{
    position: relative;
    width: 375px; height: 159px;
    overflow: auto;
    z-index: 1;
}

div.scrollholderIndex
{
    position: relative;
    width: 210px; height: 300px;
    overflow: auto;
    z-index: 1;
	background:#DBC395 url(images/Contest_content_bg.gif) repeat-x scroll left top;
}

div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}


/* <Scroll> Old 
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: black;
}

div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 4;
    background: yellow;
}  

*/

/* <Scroll> New */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 16px; height: 100%;
    font-size: 0;
    z-index: 9999;
    background:url(images/brownThumb.gif) center top repeat-y;
}

div.drag_bar{
    position: absolute;
    width:16px; height: 27px;
    cursor: pointer;
    z-index: 4;
    background:url(images/scroll.png) center 5px no-repeat;
}