body,div,span,table,td,p,input,textarea,button
{
    font-family: arial,verdana,sans-serif;
    font-size: 12px;
}
body
{
    margin:0;
}
iframe
{
    width:100%;height: 100%;
}
img { vertical-align: middle;}

#loginBodyDiv
{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-align: center;
    background: #B4B4B4;
}

/*
    LOGINFORM
*/
#logindiv
{
    margin: auto;
    margin-top: 10%;
    width: 449px;
    height: 304px;
    text-align: left;
    background-image: url('components/logindiv.jpg');
    background-repeat: no-repeat;
}
#loginformdiv
{
    padding-top: 185px;
    padding-left: 29px;
    background-image: url('logo.jpg');
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
#loginformdiv input
{
    border: 0px;
    width: 210px;
    font-size: 13px;
}
#pass{
    margin-top: 35px;
}
#submitdiv
{
    position: absolute;
    cursor: pointer;
    width: 105px;
    height: 40px;
    margin-top: 230px;
    margin-left: 310px;
    background-image: url('components/spacer.gif');
}

/*
    INTERFACE
*/
#interfaceDiv { text-align: left; }
#interfaceTable { width:100%;height:100%;background-color:#B4B4B4;}
#interfaceTable TD { background: #FFFFFF; }
#folders { width: 250px;padding:10px;border-right:solid 1px #BBBBBB;}
.folderThumb { margin-right: 5px;vertical-align:middle;border:0; }

a.folderlink
{
    color: #000000;
    text-decoration: none;
    border: solid 1px #FFFFFF;
    padding: 0px 4px 0px 2px;
    display: table;
}
a.folderlink:hover
{
    background: #eff8fd;
    border: solid 1px #d8f0fa;
}

a.subfolders_closed
{
    width: 14px;
    height: 16px;
    display:table;
    float:left;
    background: url('components/folder_closed.jpg');
    text-decoration: none;
}
a.subfolders_closed:hover
{
    background: url('components/folder_closed_hover.jpg');
}
a.subfolders_open
{
    width: 14px;
    height: 16px;
    display:table;
    float:left;
    background: url('components/folder_open.jpg');
    text-decoration: none;
}
a.subfolders_open:hover
{
    background: url('components/folder_open_hover.jpg');
}

a.nosubfolders
{
    width: 14px;
    height: 16px;
    display:table;
    float:left;
    text-decoration: none;
}

.fileDiv
{
    margin:1px;
}


a.filesbarLink_sel
{
    background: url('components/filesbar_selected.jpg');
    display:table;
    width:100%;
    font-weight: bold;
    text-decoration: none;
    color:#000000;
}

#filesTable
{
    width: 100%;
    height:100%;
}
#filesTable td
{
    padding: 1px 8px 1px 8px;
    border: solid 1px #FFFFFF;
    border-right: solid 1px #EEEEEE;
}


#filesTable td a.filesbarLink
{
    display:table;
    width:100%;
    text-decoration: none;
    color:#000000;
}
#filesTable td a.filesbarLink:hover, #filesTable td a.filesbarLink_sel:hover
{
    background: url('components/filesbar_hover.jpg');
}
#filesTable td a:hover div.fileshoverArrow
{
    visibility:visible;
}

#filesTable td a
{
    text-decoration: none;
    color:#000000;
}

.filesbarItemName
{
    float:left;
    padding: 4px 3px 3px 8px;
}
.fileshoverArrow
{
    visibility:hidden;
    float:right;
    background: url('components/filesbar_hover_arrow.jpg');
    width:16px;
    height:24px;

}
#filesTable td.filesbar
{
    background: url('components/filesbar_default.jpg');
    font-weight: bold;
    height:24px;
    border:0;
    border-right: solid 1px #BBBBBB;
    padding:0;
}
#filesTable td.fileTD
{
    height:22px;
}


#footer
{
    height: 20px;
    border-top: solid 1px #DDDDDD;
    padding: 10px;
}

#viewswitch
{
    position: absolute;
    top: 3px;
    right: 5px;
}

.thumbFilesDiv
{
    width: 200px;
    height: 200px;
    overflow:hidden;
    text-align: center;
    float:left;
    margin:2px;
    border: solid 1px #BBBBBB;
}