/*	whole browser window		*/
body
{
    Font-family : Arial , Sans Serif;
    Background-color : #f0f0f0;
}

/*	Header - ----------------------------------------*/
#divHead
{
    position : absolute;
    left : 10px;
    right : 10px;
    top : 10px;
}
.tHead
{
    Font-family : Arial , Sans Serif;
    border-collapse : collapse;
    width : 100%;
}
.yHead
{
    Text-align : left;
    Font-size : small;
    Border-style : solid;
    Border-width : 1px;
    Padding-left : 10px;
    Padding-right : 10px;
}
.yText
{
    Text-align : center;
    Font-size : small;
    Border-style : solid;
    Border-width : 1px;
    Padding-left : 10px;
    Padding-right : 10px;
}




/*	Control Buttons		Left Column  - all 10px in from edge----------------------------------		main screen elements ----------------------------------------------------*/
#divIndex
{
    position : absolute;
    left : 10px;
    top : 140px;
}
#divFirst
{
    position : absolute;
    left : 10px;
    top : 180px;
}
#divPrev
{
    position : absolute;
    left : 10px;
    top : 210px;
    height : 30px;
    width : 60px;
    Text-align : right;
}
#divNext
{
    position : absolute;
    left : 82px;
    top : 210px;
    height : 30px;
    width : 60px;
    Text-align : left;
}
#divLast
{
    position : absolute;
    left : 10px;
    top : 240px;
}
#divFull
{
    position : absolute;
    left : 10px;
    top : 300px;
}
.tData
{
    Font-family : Arial , Sans Serif;
    Font-size : x-small;
    Width : 100%;
}
.divLeft
{
    height : 30px;
    width : 138px;
    Text-align : center;
}
/*	left column - info---------------------------------------------------*/
#divName
{
    position : absolute;
    left : 10px;
    top : 60px;
}
#divDate
{
    position : absolute;
    left : 10px;
    top : 80px;
}
#divSize
{
    position : absolute;
    left : 10px;
    top : 100px;
}
.yDataR
{
    Text-align : right;
}
.yDataDesc
{
    Text-align : left;
}

/*	IMAGE - ---------------------------------------------*/
#divPic
{
    position : absolute;
    left : 150px;
    top : 60px;
}

/*	Debug button - floats bottom left	---------------------------------------------Border-width : 1px;	Border-style : solid;	*/
#divDebug
{
    position : absolute;
    left : 5px;
    bottom : 5px;
}
.yButtonCell
{
    Padding : 20px;
}
.yButton
{
    height : 20px;
    width : 50px;
    Border-style : solid;
    Border-width : 1px;
}

/*	test classes	-----------------*/
#divHead2
{
    position : absolute;
    left : 10px;
    bottom : 10px;
    width : 100%;
}
.tHead2
{
    border-collapse : collapse;
    width : 100%;
}
.yHead2
{
    Font-family : Arial , Sans Serif;
    Text-align : left;
    Font-size : small;
    Border-style : solid;
    Border-width : 1px;
    Padding-left : 10px;
    Padding-right : 10px;
}