/*
 * Copyright (c) 2009, 2010, Oracle and/or its affiliates. 
 *
 * All rights reserved.
 */

.filebrowsearea {
        position:absolute;
        bottom:0px;
        left:-1px;
        right:-1px;
		z-index:30;
        height:21px;
        padding:15px 20px 15px 20px;
        background-color:#cccccc;
        border:solid 1px #999999;
        border-bottom:none;
        border-color:rgba(0,0,0,0.2);
        background-image:url('../images/whitefade2.png');
		background-repeat:repeat-x;}
.filebrowsearea:hover {
        height:192px;
        -moz-border-radius-topleft:11px;
		-moz-border-radius-topright:11px;
		-webkit-border-top-left-radius:11px;
		-webkit-border-top-right-radius:11px;
		border-top-left-radius:11px;
		border-top-right-radius:11px;}
.pinned .filebrowsearea {
        height:192px;
        -moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;}
		
.filebrowsecontainer {
        position:absolute;
        bottom:20px;
        left:20px;
        right:20px;
        top:49px;
        color:#555555;
        color:rgba(0,0,0,0.6);
        background-color:#F1EBC0;
		border:solid 1px #aaaaaa;
		border-color:rgba(0,0,0,0.25);
        white-space:nowrap;
        overflow:scroll;
        overflow-y:hidden;
        visibility:hidden;}
        
.filebrowsearea:hover .filebrowsecontainer, .pinned .filebrowsecontainer {
		visibility:inherit;}

.inspectheading{
        line-height:32px;
        color:#222222;
        text-shadow:0 1px 0 rgba(255,255,255,0.5);
        border-radius:0px 0px 25px 25px;
        -moz-border-radius:0px 0px 25px 25px;
        /*-webkit-border-radius:0px 0px 35px 35px;
        -webkit-border-bottom-left-radius:35px;
        -webkit-border-bottom-right-radius:35px;*/ /* WEBKIT seems to have an issue shadowing these corners for some reason */
        box-shadow:0 3px 7px rgba(0,0,0,0.4);
        -moz-box-shadow:0 3px 7px rgba(0,0,0,0.4);
        -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.4);
        background-color:#CCCCCC;
        border:solid 1px #999999;
        border-color:rgba(0,0,0,0.35);
        border-top:none;
        background-image:url('../images/whitefade2.png');
        background-repeat:repeat-x;
        text-align:center;
        
        padding:0 10px 0 10px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        
        width:370px;
        height:34px;
        
        position:absolute;
        top:0;
        left:50%;
        margin-left:-201px;
        visibility:hidden;
        z-index:2;
}

.inspectheading .button {
        position:absolute;
        top:4px;
        right:7px;
        padding-right:13px;
        -moz-border-radius:7px 7px 17px 7px;
        -webkit-border-radius:7px 7px 17px 7px;
        border-radius:7px 7px 17px 7px;}

.filebrowseheader {
        overflow:hidden;
        position:absolute;
        top:15px;
        left:20px;
        right:160px;
        height:50px;
        overflow:hidden;
        line-height:22px;
}
.filebrowseheader dd, .filebrowseheader dt {
        white-space:nowrap;
        overflow:hidden;
        text-overflow:clip;
        text-overflow:ellipsis;
}
.pins {
        position:absolute;
        right:20px;
        z-index:2;
        top:15px;}
        
.fileviewarea {
        position:absolute;
        bottom:52px;
        left:0;
        right:0;
        top:0;
        overflow:auto;}
.pinned .fileviewarea {
        bottom:223px;}

.browsercolumn {
        display:inline-block;
        border-left:solid 1px #aaaaaa;
        border-color:rgba(0,0,0,0.25);
        overflow:scroll;
        height:152px;}

.browsercolumn {
        /* IE HACK */*display:inline;}

.browsercolumn:first-child {
        border-left:none;}
        

        
.browserelement {
        padding:8px 31px 8px 15px;
        cursor:pointer;
		border-width:1px;
        border-color:#aaaaaa;
        border-color:rgba(0,0,0,0.25);
        border-style:none none dotted none;}
.browserelement.selected {
        background-color:#E7BC12;
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;}
.browserelement:hover {
        background-image:url('../images/whitefade.png');
        background-repeat:repeat-x;}
.browserelement:active {
		background-color:#e76f00;}