/* Progous CSS Document */
/* Date Created: 20-11-2008 */
/* Last Modified: 24-11-2008 */
/* Authors: Osama Shamseddine <osama@progous.com> */
/* Copyright 2008, All Rights Reserved */

/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric 
{
    line-height: 1px;
    font-size: 1px;
    position: absolute;
    top: 0; 
    left: 0;
}

.vscrollerbar 
{
    width: 7px;
    background: #0055A4;
}

/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
.vscrollerbarbeg 
{
    height: 0px;
    width: 7px;
    background: #CCCCCC;
}

/* height of this element should be set */
.vscrollerbarend 
{
    height: 0px;
    width: 7px;
    background: #CCCCCC;
}

.vscrollerbase 
{
    width:7px;
    background: #CCCCCC;
}

/* height of this element is auto set to fit the scrollbase, to cover the base */
/* this element can be used to place a faux top arrow image */
.vscrollerbasebeg 
{
    width: 7px;
    height:  0px;  
    background: #EEEEEE url(../images/up.png) no-repeat;
    cursor:hand;
    cursor:pointer;
}

/* height of this element should be set */
/* this element can be used to place a faux bottom arrow image */
.vscrollerbaseend 
{
    height: 10px;
    width: 7px;
    background: #EEEEEE url(../images/down.png) no-repeat;
    cursor:hand;
    cursor:pointer;
}


.vscrollerbar, .hscrollerbar {
/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually
used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */
padding: 8px;
z-index: 2;
}


/*Page related styles for you to view*/
#divNews 
{
    /* Typical fixed height and fixed width example */
    width:180px;  
    height:370px; 
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 0;
    float:left;
    overflow:hidden;
    outline:none;
    padding-top:10px;
    padding-bottom:10px;
}