/* Progous CSS Document */
/* Date Created: 28-11-2008 */
/* Last Modified: 1-12-2008 */
/* Authors 1- 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: #ACACAC;
}

/* height of this element is normally auto set to fit the scrollbase, to cover the base... */
.vscrollerbarbeg 
{
    height: 0px;
    width: 7px;
    background: #ACACAC;
}

/* height of this element should be set */
.vscrollerbarend 
{
    height: 0px;
    width: 7px;
    background: #ACACAC;
}

.vscrollerbase 
{
    width:7px;
    background: #ACACAC;
}

/* 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: 10px;  
    background: #EEEEEE url(../images/up.jpg) 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.jpg) 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: 10px;
z-index: 2;
}

/*Page related styles for you to view*/
#Scrolling 
{
    /* Typical fixed height and fixed width example */
    width: 419px;
    height: 210px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding: 10px;
    padding-top:0px;
    text-align:left;
    border-top-color:#000000;
    border-top-style:solid;
    border-top-width:1px;
}

/*Page related styles for you to view*/
#Gallery 
{
    /* Typical fixed height and fixed width example */
    width: 534px;
    height: 530px;
    overflow: auto;
    /* IE overflow fix, position must be relative or absolute*/
    position: relative;
    margin: 0.3em auto;
    padding-left: 10px;
    padding-right: 10px;
}