/* 
------------------------------------------------------
 Here is the style for each different ID <DIV>
 In case we have multiple scrollbars on the same page
------------------------------------------------------
*/
#blog_area_scrollroll {
    /* Typical fixed height and fixed width example */
    width:335px; height:280px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 0 10px 5px 0;
}

#box_morningshow_scroll {
    /* Typical fixed height and fixed width example */
    width:270px; height:140px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 0 10px 5px 0;
}

#box_calendarhighlights_scroll {
    /* Typical fixed height and fixed width example */
    width:280px; height:140px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 0 10px 5px 0;
}

#box_contestupdates_scroll {
    /* Typical fixed height and fixed width example */
    width:272px; height:140px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 0 10px 5px 0;
}

#contentMarginInternal_scroll {
    /* Typical fixed height and fixed width example */
    width: 850px;
    height: 550px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    /*background-color: #fff;*/
    margin: 0.3em auto;
    padding: 0 10px 5px 0;
}




/* 
------------------------------------------------------
 Standards setting for functionality 
 (LEAVE ALONE: Unless you know what you are doing)
------------------------------------------------------
*/
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {
width: 15px;
background: transparent url(basebarcaps_verticalbarbody.gif) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: transparent url(basebarcaps_verticalbarbody.gif) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: transparent url(horizontalbarbody_cornerjog.gif) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: transparent url(horizontalbarbody_cornerjog.gif) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.gif) -45px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbarend {
background: url(basebarcaps_verticalbarbody.gif) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(basebarcaps_verticalbarbody.gif) -60px -15px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbarend {
background: url(basebarcaps_verticalbarbody.gif) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background: transparent url(horizontalbarbody_cornerjog.gif) 0px 0px;
}
.vscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.gif) -30px -30px no-repeat;
width: 15px;
height: 15px !important;
}
.vscrollerbaseend {
background: url(basebarcaps_verticalbarbody.gif) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(basebarcaps_verticalbarbody.gif) -60px 0px no-repeat;
height: 15px;
width: 15px !important;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(basebarcaps_verticalbarbody.gif) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: transparent url(basebarcaps_verticalbarbody.gif) -45px -15px;
}
/* Scroll Bar Master Styling Ends Here */
