body{margin:0px;width:100%;height:100%;}

#div1, #file_list {
        text-align: left;
        color: #484B50;
}

#div1 {
        width: 400px;
        padding: 10px;
        border: 1px solid #b3b3b3;
        font: 13px Arial;
}

#upload_input input {font: 12px Arial; border: 1px solid #636363; margin-top: 1px; width: 100%;}
#files_list {font: 12px Arial; background-color: #ffffff;}
#files_list input {font: 12px Arial; border: 1px solid #c3c3c3; margin-top: 1px;}
#files_list a, #files_list a img {border:none;float:right;width:16px;height:16px;}
.myForm {font: 12px Arial; border: 1px solid #636363; margin-top: 1px;}
.xrow {background:#f9f9f9;border:1px solid #d9d9d9;padding:2px;margin-top:2px;width:99%;}
.xfname  {color: #333;float:left;}
.xdescr  {color: #aaa;}
.xdescr input {width: 300px;}
#submit_btn {margin-top:10px;margin-bottom:5px;}

/* CSS below required for Inline mode */
.data {border-collapse:collapse; background-color: #e9e9e9; width: 400px; margin-bottom: 3px;}
.data TR TD {border: 1px solid #a3a3a3; font: 12px Arial;}
.bar1 {border: 1px solid #a3a3a3; background-color: #f6f6f6; text-align: left; vertical-align: middle; height: 20px;}
.bar2 {width: 1%; background-color: #c9c9c9; height: 20px; text-align: left;}
.bar3 {width: 100%;text-align:center;margin-top:-19px;}
.message {width: 400px; border: 1px solid #909090; font: 11px Arial; margin-top: 5px; text-align: left; padding-left: 3px; background-color: #f9f9f9;}
.myLink  {font: bold 13px Arial; color: #303030; text-decoration: none;}
/*.btn     {font: 12px Arial; border: 1px solid #a3a3a3; background-color: #e9e9e9; margin-top: 3px; margin-bottom: 5px;}*/
.bar1x {width:400px;height: 30px;border: 1px solid #a3a3a3; background-color: #000000; text-align: left; vertical-align: middle; margin-top:7px;}
.bar2x {width: 1%; height: 30px; background-color: #c9c9c9; text-align: left;}
/* End of Inline CSS */

#xoverlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.6;
    opacity:.60;
    filter: alpha(opacity=60);
}
#xwindow2 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width:390px;
    height:320px;
    border-left: 2px solid #d4d0c8;
    border-top: 2px solid #d4d0c8;
    border-right: 2px solid #404040;
    border-bottom: 2px solid #404040;
    background-color:white;
    text-align:left;
    padding-top: 20px;
    z-index:1002;
}
#xwindow2hdr {
        position:absolute;
        top: 0px;
        left: 0px;
        background: #2c4887;
        font: bold 13px Arial;
        width:388px;
        height:18px;
        padding-left:2px;
        color:#FFFFFF;
}
#xwindow2close {
        position:absolute;
        top: 2px;
        right: 2px;
        cursor:pointer;
}
#xwindow3 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 336px;
    background-color: white;
    overflow: auto;
    background: url(win-transp4.gif) no-repeat top left;
    z-index:1002;
    text-align:center;
}
#xiframe2 {
    width:390px;
    height:320px;
    z-index:1000;
}
#xiframe3 {
    margin-top:12px;
    width:460px;
    height:310px;
    z-index:1000;
}
#xiframe4 {
    position: absolute;
    z-index:1000;    
    display:none;
}

a#xwindow_close { 
    position:absolute;
    top:9px;
    right:22px;
    width: 16px;
	height: 16px;
    display:block;
	background: url(btn-close2.gif) 0 0 no-repeat;
	text-decoration: none;
    z-index:1003;
}
a:hover#xwindow_close {
    background-position: -16px 0;
}