#dragandrophandler
{
border: 2px dashed #92AAB0;
width: 700px;
height: 300px;
color: #92AAB0;
background: #EEF;
text-align: center;
vertical-align: middle;
padding: 10px 0px 10px 10px; 
font-size:200%; 
margin: 10px auto;
}
.progressBar {
    width: 200px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px; 
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
 
.progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0ba1b5; border-radius: 3px; 
}
.statusbar
{
    border-top:1px solid #A9CCD1;
    min-height:25px;
    width:700px;
    padding:10px 10px 0px 10px;
	margin: 5px auto;
    vertical-align:top;
}
.statusbar:nth-child(odd){
    background:#EBEFF0;
}
.filename
{
display:inline-block;
vertical-align:top;
width:250px;
}
.filesize

{
display:inline-block;
vertical-align:top;
color:#30693D;
width:100px;
margin-left:10px;
margin-right:5px;
}

.abort{
    background-color:#A8352F;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top
    }
	
#tlo_status1 {
	border-bottom: 2px ridge #92AAB0;
	width: 650px;
	color: #006;
	margin: 5px auto;
}


/*------------------------*/

.rvnGallery {
	position: relative;
	display: block;
	background: url(../images/loader.gif) center no-repeat #fff;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.rvnGallery img, .rvnGallery a, .rvnGallery li {
	position: absolute;
	visibility: hidden;
}

.rvnGallery li p {
	display: none;
}

.rvnGallery .rvnSlice {
	position: absolute;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 0;
	height: 0;
}

.rvnGallery .rvnVerticalLayout {
	position: absolute;
	top: 0;
}

.rvnGallery .rvnHorizontalLayout {
	position: absolute;
	left: 0;
}

.rvnGallery .rvnAllAreaLayout {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.rvnGallery .rvnBoxLayout {
	position: absolute;
}

.rvnGallery .rvnImg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}

.rvnGallery .btnPrev {
	position: absolute;
	left: 10px;
	width: 32px;
	height: 32px;
	background-image: url('../images/arrows.png');
	_background-image: url('../images/arrows.gif');
	cursor: pointer;
	visibility: hidden;
	z-index: 100;
}

.rvnGallery .btnNext {
	position: absolute;
	right: 10px;
	width: 32px;
	height: 32px;
	background-image: url('../images/arrows.png');
	_background-image: url('../images/arrows.gif');
	background-position: right;
	cursor: pointer;
	visibility: hidden;
	z-index: 100;
}

.rvnGallery .rvnCaption {
	width: 100%;
	bottom: 0;
	left: 0;
	background: #000;
	color: #fff;
	position: absolute;
	padding: 5px;
	z-index: 100;
}

.rvnCaption a {
	position: static;
	display: inline;
	visibility: visible;
}

li.rvnVisibleLink {
	visibility: visible;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}

li.rvnVisibleLink a {
	display: block;
	width: 100%;
	height: 100%;
	visibility: visible;
}

