/* Standard Elements */
 
body, input, textarea, select { 
    font-family: "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; 
    font-size: 9pt;   
    color: #444; 
    font-weight: normal;
}

* { 
    cursor: auto; 
}

a img {
    border:0;
}

a, a * { 
    cursor: pointer; 
    outline: none;
}

a { 
    color: #1f75cc; 
    text-decoration: none; 
}

b {
    font-weight: bold;
}

.hidden {
    display: none;
}

.ajax-container {
    _border: solid 1px blue;
}


/* Sprites */

.link-img {
    vertical-align: middle; 
    margin: -2px 0 0 0; 
    padding-right: 2px; 
}

.text-img { 
    margin-bottom: -4px; 
    padding-right: 2px;
}

.textinput { 
    background: #fff url(../images/topfade.gif) repeat-x top; 
    border-style: none solid solid; 
    vertical-align: middle; 
    border: 1px solid #aaa; 
    padding: 4px; 
    margin: 0;
    color: #555; 
    width: 160px; 
    font-size: 1em;
}


/* PRIMARY LAYOUT CONTAINERS */

.layout {
    _border: solid 1px red;
    _min-height: 50px;
}

div#layout-page {
	min-width: 900px;
    background-color: #fff;
    padding: 4px;
}

div#layout-top { 
    float: right;
    text-align: right;
    overflow: hidden;
    padding: 4px 0 0 0;
    
}

div#layout-header {
    _clear: both;
    overflow: hidden;
    display: table-row;
}

div#layout-nav {
    clear: both;
    border-bottom: solid 1px #A7A9Ac;
    padding: 24px 0 0 0;
    overflow: hidden;
}

div#layout-sidebar {
    clear: both;
	width: 180px;
	float: left;
    padding: 8px;
    min-height: 350px;
    border-right: solid 1px #E1E1E1;    
    border-bottom: solid 1px #E1E1E1;
    border-left: solid 1px #E1E1E1;
    background: #FBFBFB url(../images/sidebar-bg.png) bottom left repeat-x;
}

div#layout-content  {
    overflow: hidden;
    padding: 16px 8px 16px 16px;
}

div#layout-footer {
	clear: both; 
    overflow: hidden;
}


/* Layout-Top */	

#layout-top-underline {
    margin: 8px 0 0 0;
    border-top: solid 1px #A7A9Ac;	
}

#mini-site-title {
    float: left;
    font-weight: bold;
}

#layout-top ul {
    float: right;
}

#layout-top li { 
    list-style: none; 
    display: inline; 
    font-size: 11px; 
    display: block; 
    float: left; 
    padding: 0 10px; 
}


/* Layout-Header */	
 
#layout-header .logo {
    display: table-cell;
    vertical-align: bottom;
    padding-right: 16px;
    padding-left: 0px;
    float: left;
    width: 180px;
}

#layout-header .logo img {
    width: 150px;
    vertical-align: text-top;
}

#layout-header .searchbox {
    display: table-cell;
    vertical-align: bottom;
    _padding-top: 20px;
    _border: solid 1px green;
}

#layout-header .textinput {
    vertical-align: top;
    width: 250px;
    font-size: 1em;
}

#layout-header .button {
    vertical-align: top;
}


/* Layout-Nav */	
 
ul#nav-tabs { 
    margin: 0 0 0 20px; 
    padding: 0; 
}
ul#nav-tabs.withsidebar { 
    margin: 0 0 0 220px; 
    padding: 0; 
}
li.nav-tab { 
    float: left; 
    list-style: none; 
    margin: 0 8px 0 0;
}
li.nav-tab a { 
    display: block; 
    padding: 5px 13px; 
    font-size: 12px; 
    font-weight: bold; 
    position: relative; 
    color: #787878;
    text-transform:uppercase;
}
li.nav-tab a:hover { 
    text-decoration: none;
    background: #fff url(../images/tab-hover.gif) top right no-repeat;     
}
li.nav-tab.selected { 
    background-color: #fff; 
}
li.nav-tab.selected a { 
    color: white; 
    background: #fff url(../images/tab-selected.gif) top right no-repeat;     
}


/* Layout-Sidebar */	

#layout-sidebar .title {
    padding: 4px 8px 12px 8px;
    font-weight: bold;
    font-size: 12px;
}
#layout-sidebar .subtitle {
    padding: 8px 8px 2px 8px;
    font-weight: bold;
    border-top: solid 1px #E1E1E1;
    font-size: 1em; 
}
#layout-sidebar .content {
    padding: 8px 8px 8px 8px;
    font-size: 1em;
}


/* Layout-Footer */	
 
#layout-footer .content {
    margin-top: 0px;
    border-top: solid 1px #A7A9Ac;	
    padding: 8px 8px 0 8px;
    text-align: center;
} 

#layout-footer .goto-other-site {
    text-align: center;
    width: 100%;
    overflow: hidden;
}

#layout-footer .logo {
	padding: 0 4px 4px 0;
	float: right; 
}

#layout-footer .copyright {
	float: left; 
	color: Gray;
	text-align: left;
}



/* Action Buttons */

.actionbutton { 
    color: #000;
    font-size: 11px;
    display: inline-block !important; 
    position: relative;  
    margin: 0 0 0 0; 
    border: solid 1px #dbdbdb;
    padding: 6px 6px;
    background: #fff url(../images/actionbutton-bg.png) top left repeat-x;             
    white-space: nowrap;
}

.actionbutton.disabled {
    color: #A0A0A0;
    cursor: default;
    border: solid 1px #dbdbdb; 
}
.actionbutton.disabled:hover {
    color: #A0A0A0;
    cursor: default;
    background: #fafcff url(../images/actionbutton-bg.png) top left repeat-x;             
    border: solid 1px #dbdbdb; 
}
.actionbutton:hover { 
    color: #000; 
    background: #fafcff url(../images/actionbutton-bg.png) top left repeat-x;             
    border: solid 1px #a7a9ac; 
 }
.actionbutton.pressed { 
    background: #7A7A7A;             
    border: solid 1px #7A7A7A; 
    color: #fff; 
}
.actions-subpanel { 
    border: solid 1px #7A7A7A;
    padding: 12px;
    overflow: hidden;
    background: #FFFFD6; 
    _background: #F7F7F7;
    clear: both;
}
.actionbutton.ok { 
    background-color: #a7a9ac;
    color: black;
}
.actionbutton.cancel { 
    background-color: #dbdbdb;
    color: black;
}


/* Workflow List */
 
#workflows-select {
    width: 100%;
}
 
#workflows-refresh {
    float: right;
}

.workflow-refresh-counter {
    color: gray;
    font-weight: normal;
}

#workflows-status {
    _float: left;
}

.statestable {
    width: 100%;
    margin-top: 4px;
}

#statestable tr td {
    vertical-align: text-top;
    padding: 1px;
} 

#statestable td.icon {
    text-align: left;
    white-space: nowrap;
    width: 16px;
}

#statestable td.state {
    text-align: left;
    white-space: normal;
}

#statestable td.filecount {
    text-align: right;
    white-space: nowrap;
}
#statestable td.filecount div {
    text-align: right;
}


/* User List */
 
.user {
    padding: 1px 0;
}
.users-showmore {
    display: none;
}
.users-showless {
}
#users-refresh {
    float: right;
}


/* Noticication Messages */
 
#notifications {
}

#notifications-tray {
    padding: 0 0 0 4px;
    float: right;
    overflow: hidden;
}

.notify {
border: 1px solid;
margin: 0 0 10px 0;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
overflow: hidden;
}

.notify.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/info-blue.png');
}

.notify.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
}
.notify.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('..images/warning.png');
}
.notify.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
} 
.notify.working {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../images/loading.gif');
padding:15px 10px 15px 40px;
}

/* Dashboard Charts */

#dashboard .chart {
    float: left;
	padding: 4px;
	_border-top: solid 1px #efefef;
	_border-left: solid 1px #efefef;
	border-right: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	margin: 0 10px 10px 0; 
}

#dashboard .chart p.title {
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 8px;
}

#dashboard .chart-placeholder {
	min-height: 275px;
	min-width: 300px;
	text-align: center;
    line-height:18em	
}

/* Recent Events */

#events-container {
    clear: both;
    height: auto; 
    position:relative; 
}

#events-container p.title {
    font-size: 1.3em;
    font-weight: bold;
    padding-bottom: 8px;
}

#events-container .events-table tr td {
    padding: 4px 4px 4px 0; 
    vertical-align: text-top;
}

#events-container .events-table td.timestamp {
    text-align: right;
    white-space: nowrap;
}

#events-container .events-table td.icon {
    width: 16px;
}

#events-refresh {
    _float: right;
}

/* Style for jQuery.Watermark Plugin */

.watermark { 
    color: #999 !important; 
    font-style: italic !important; 
}

/* FileListing Location */
#location {
    padding: 0 0 12px 0;  
    font-weight: normal;
    line-height: 1.5em;
    color: #5A5A5A;
    font-size: 12px; 
}

.location-sep {
    padding: 0 6px;
}

/* Files View Selection */

div#filesview {
    padding: 0 0 0 4px;
    float: right;
    overflow: hidden;
}
.filesview-button img {
    height: 24px;
    width: 24px;
    padding: 2px;
    border: solid 1px #BBCADB;
}

/* Files Actions */

div#actionbar {
    overflow:hidden;
    padding: 4px 0 4px 0; 
    clear: both;
}

.actionbar_seperator {
    min-width: 4px;
}

ul.actions { 
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul.actions li {
    display: block;
    float: left;
    border: none;
    padding: 0 0 0 0;
}

.actionbutton { 
    color: #000;
    font-size: 11px;
    display: inline-block !important; 
    position: relative;  
    margin: 0 0 0 0; 
    border: solid 1px #dbdbdb;
    padding: 6px 6px;
    background: #fff url(../images/actionbutton-bg.png) top left repeat-x;             
    white-space: nowrap;
}

.actionbutton:hover { 
    color: #000; 
    background: #fafcff url(../images/actionbutton-bg.png) top left repeat-x;             
    border: solid 1px #a7a9ac; 
 }
.actionbutton.pressed { 
    background: #7A7A7A;             
    border: solid 1px #7A7A7A; 
    color: #fff; 
}
.actionbutton.ok { 
    background-color: #a7a9ac;
    color: black;
}
.actionbutton.cancel { 
    background-color: #dbdbdb;
    color: black;
}
.actionbutton.disabled {
    color: #A0A0A0;
    cursor: default;
    border: solid 1px #dbdbdb; 
}
.actionbutton.disabled:hover {
    color: #A0A0A0;
    cursor: default;
    background: #fafcff url(../images/actionbutton-bg.png) top left repeat-x;             
    border: solid 1px #dbdbdb; 
}

/* FileLIst Table Styles */

.fileslisting-details {
    padding: 0 ;
    border-top: solid 1px #D8D8D8;
    border-bottom: solid 1px #D8D8D8; 
    overflow-x: scroll;
}

.fileslisting-tiles {
    padding: 8px 0 8px 0;
    border-top: solid 1px #D8D8D8;
    border-bottom: solid 1px #D8D8D8;
    overflow: hidden;
}

table.filelist {
	margin:0;
	font-size: 1em;
/*	width: 100%; */
    width: auto;
	text-align: left;
	line-height: 1.3em;
}
table.filelist th {
    color: #4C607A;
	font-size: 1em;
    text-align: left;
    font-weight: normal;
	background-image: url(../images/filetable-col-sep.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 8px 0;  
	white-space: nowrap;  
}

table.filelist th a {
    background-color: Transparent;
    display: block;
}

table.filelist th a:hover {
    background-color: #F0F5FA;
}

table.filelist th.first {
	background: none;
}

table.filelist th.selection {
    padding: 1px 2px 0 2px;
    vertical-align: top;
    width: 16px;
}

table.filelist td {
	color: #3D3D3D;
	padding: 2px 12px 4px 4px;
	background-color: #FFF;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
}

table.filelist td span.folder {
    color: Gray;
}

table.filelist td.selection {
    padding: 1px 2px 0 2px;
    vertical-align: top;
    width: 16px;
}
table.filelist td.icon {
    padding: 4px 0 0 2px;
    vertical-align: top;
    width: 16px;
}
table.filelist tr.selected td {
    _border: solid 1px #7DA2CE;
    background: #D0E3FC;
}


.filetable-header {
    margin: 1px;
	padding: 4px 4px 4px 4px;
}


.filetable-header.sortasc {
	background-image: url(../images/sort-asc.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.filetable-header.sortdesc {
	background-image: url(../images/sort-desc.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.fileslisting-status {
    color: Gray;
    font-style: italic;
}

/* File Listing */

#files-container {
    clear: both;
    padding-top: 20px;
}

#filetiles-container {
    overflow: hidden;
}
.filetile {
    float: left;
    border: solid 1px #dbdbdb;
    width: 250px;
    height: 72px;
    margin: 4px 8px 4px 0;
    padding: 4px;
    overflow: hidden;
    background: #fff url(../images/filetile-bg.png) bottom left repeat-x;
    vertical-align: text-top;
}
.filetile:hover {
    border: solid 1px #B8D6FB;
    background: #EBF3FD;
}
.filetile.selected {
    border: solid 1px #7DA2CE;
    background: #D0E3FC;
}  
  
.filetile .selection {
    float: left;
    padding: 0;
    _overflow: hidden;
}
.filetile .icon {
    float: left;
    padding: 0 4px 0 0;
    height: 100%;
}
.filetile .text {
    _float: left;
    height: 100%;
    overflow: hidden;
}
.filetile .name {
    color: Black;
    _font-size: 1.2em;
    padding-bottom: 6px;
}
.filetile .description {
    color: #6d6d6d;
    line-height: 1.5em;
    _font-size: 1.0em;
}

/* File List Pager */

.pager {
    _border-top: dotted 1px #CACACA;
    padding: 8px 0 0 0;
    margin: 4px 0 0 0;
    clear:both;
}

.pager a {
    margin-right: 4px;
}

/* File Preview */

#preview-container {
    clear: both;
    padding-top: 16px;
}
#preview-filename {
    padding: 0 0 0 0;
    font-size: 1.5em;
    font-weight: normal;
}
#preview-folder {
    padding: 8px 0 4px 0;
    color: Gray;
    font-size: 1em;
    font-weight: normal;
}
#preview-file {
    margin: 8px 0 0 0;
    padding: 2px;
}
#preview-file img {
    max-width: 100%;
}
#preview-file object {
    width: 100%;
    min-height: 250px;
    height: 100%;
}

/* DataCard */

#datacard-container {
    clear: both;
    padding-top: 16px; 
}
#datacard-filename {
    padding: 0 0 0 0;
    font-size: 1.5em;
    font-weight: normal;
}
#datacard-folder {
    padding: 8px 0 4px 0;
    color: Gray;
    font-size: 1em;
    font-weight: normal;
}
#datacard-data {
    margin: 8px 0 0 0;
    padding: 2px;
}

/* Main containers */

#preview_container {
    float: left;
    margin: 0 16px 16px 0;
}

#datacard_pane {
    min-width: 300px;
    min-height: 200px;
}

#datacard_container {
    _float: left;
    margin: 0;
    _min-width: 200px;
    overflow: hidden;
}


/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding: 0 0 0 4px;
	_padding:0;
	height:24px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. */
ul.tabs a { 
	float:left;
	font-size:12px;
	display:block;
	padding:4px 8px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:14px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.tabs a:hover {
	background-color:#FFF;
	_background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.tabs a.current {
	_background-color:#ddd;
	background-color:#fff;
	_border-bottom:1px solid #ddd;	
	border-bottom:1px solid #fff;	
	color:#000;	
	cursor:default;
}
	
/* tab pane */
.tab_pane {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	_padding:15px 15px;
	padding:8px;
	_background-color:#ddd;	
	background-color:#fff;	
}

.tab_pane table {
    border-collapse: separate;
}

.tab_pane th {
    _background-color: #F5F6F8;
    margin: 4px;
    padding: 4px;
    text-align: right;
    font-weight: normal;
    color: #4C607A;
}

.tab_pane td {
    margin: 4px;
    padding: 4px;
    text-align: left;
    vertical-align: top;
}
  
/* tooltip styling. by default the element to be styled is .tooltip  */

.tooltip {
	display:none;
	background:transparent url(../images/tooltip/white.png);
	font-size:12px;
	height:35px;
	width:160px;
	padding:25px;
	color:#fff;	
	
}

/*
 * Login Page Specifics
 */
 
#login-page {
    background: #fff url(../images/resized_4-syte_login_screen.jpg) no-repeat top right;
    padding: 32px 4px 4px 4px;
    max-width: 768px;
    border: solid 1px #e4e4e4;
    overflow: hidden;
}

#login-page img.logo {
    clear: both;
}

#login-page #footer .content {
    border-top: none;
}

#login-page #login-container {
    min-height: 340px;
    margin-left: 16px;
	_MARGIN: 30px auto 50px; 
	WIDTH: 360px;
	FLOAT: left;
padding-bottom: 100px;
}
#login-page #login-photo {
	_MARGIN: 30px 20px 50px;
	float: right;
}
#login-page #form-container {
    background: #fff; 
	border: #ccc 1px dotted; 
    padding: 24px;
    margin-top: 0px;
	_width: 300px; 
}
#login-page .heading_text {
	color: Gray; 
	text-align: center; 
	MARGIN-BOTTOM: 1em;
	font-size: 1em;
	font-weight: bold;
}
#login-page .heading_text_special {
	color: black;
}
#login-page TABLE TD.label {
	TEXT-ALIGN: right
}
#login-page TABLE DIV.label {
	TEXT-ALIGN: right
}
#login-page TABLE TD {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; COLOR: #666; FONT-SIZE: 11px; VERTICAL-ALIGN: middle; PADDING-TOP: 3px
}
#login-page .textinput {
	WIDTH: 200px
}
#login-page .content-tab {
	MARGIN: 0px auto
}
#login-page .spacer {
	FONT-SIZE: 8px
}
#login-page .error-message {
	text-align: center;
	color: Red; 
	display: block; 
	margin: 4px 0 12px 0;
}

/* the overlayed element */
.apple_overlay {
	display:none;
	background-image:url(../images/overlay/white.png);
	width:640px;		
	padding:35px;
	font-size:11px;
}

.apple_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black version of the overlay. simply uses a different background image */
div.apple_overlay.black {
	background-image:url(images/overlay/transparent.png);		
	color:#fff;
}

/* Dialogs */

.dialog {
	display: none;
    border:10px solid rgba(82, 82, 82, 0.698);
	background-color:#fff;
	_min-width:300px;
	_max-width: 760px;
	_max-height: 760px;
	text-align:left;
	border:4px solid gray;
}

.dialog_title {
    background-color: #E3EEFB;
    min-height: 18px;
    border-bottom: solid 1px gray;
    font-size: 1.4em;
    padding: 8px 12px;
}

.dialog_form {
    background-color: #fff;
    font-size: 1em;
    padding: 12px 12px 12px 12px;
    overflow: auto;
    line-height: 1.5em;
}

.dialog_form p {
    padding: 2px 0 6px 0;
}

.dialog_status {
    background-color: #fff;
    font-size: 1em;
    padding: 12px 12px 12px 12px;
    line-height: 1.5em;
}

.dialog_status p {
    padding: 2px 0 6px 0;
}

.dialog_buttons {
    text-align: right;
    background-color: #F5F5F5;
    padding: 12px;
    border-top: solid 1px silver;
}

/* Action Buttons */

.dialog button { 
    color: #000;
    font-size: 9px;
    _display: inline-block !important; 
    position: relative;  
    margin: 0 0 0 0; 
    border: solid 1px #dbdbdb;
    padding: 6px 6px;
    background: #fff url(../images/actionbutton-bg.png) top left repeat-x;             
    white-space: nowrap;
}

.dialog button.disabled {
    color: #A0A0A0;
    cursor: default;
    border: solid 1px #dbdbdb; 
}

.dialog button.disabled:hover {
    color: #A0A0A0;
    cursor: default;
    background: #fafcff url(../images/actionbutton-bg.png) top left repeat-x;             
    border: solid 1px #dbdbdb; 
}

.dialog button:hover { 
    color: #000; 
    background: #fafcff url(../images/actionbutton-bg.png) top left repeat-x;             
    border: solid 1px #a7a9ac; 
 }
 
.dialog button.pressed { 
    background: #7A7A7A;             
    border: solid 1px #7A7A7A; 
    color: #fff; 
}

.dialog button.ok { 
    background-color: #a7a9ac;
    color: black;
    border: solid 1px gray;
}
.dialog button.cancel { 
    background-color: #dbdbdb;
    color: black;
}

    

/* New Folder Dialog */

#NewFolderDialog_FolderBasePath {
    color: Gray;
}

#NewFolderDialog_FolderNewPath {
    color: black;
}	

/* Change State Dialog */
.dialog_form table th {
    text-align: left;
    border-bottom: dashed 1px gray;
    padding: 2px 8px 2px 0;
}

.dialog_form table td {
    text-align: left;
    padding: 4px 8px 0 0;
}
   
.dialog_status table th {
    text-align: left;
    border-bottom: dashed 1px gray;
    padding: 2px 8px 2px 0;
}

.dialog_status table td {
    text-align: left;
    padding: 2px 8px 2px 0;
}
   
.dialog input.textinput {
    vertical-align: top; 
    padding: 1px; 
}

.jdialog {
    margin: 12px 4px 4px 4px;
    display: none;
    line-height: 1.2em;
}

.jdialog label { 
    display:block;
    margin-bottom: 2px; 
}

.jdialog input {
    display:block;
    margin: 0 0 12px 0; 
    width: 100%; 
    font-size: 1.2em;
}
    
.jdialog select {
    display:block;
    margin: 0 0 12px 0; 
    width: 100%; 
    font-size: 1.2em; 
}

.jdialog textarea {
    display:block;
    margin: 0 0 12px 0; 
    width: 100%; 
    font-size: 1.2em;     
}

.jdialog fieldset { 
    padding:0; 
    border:0; 
    _margin-top:25px; 
}

.jdialog table {
    width: 100%;
}

.jdialog td input, .jdialog td select {
    font-size: 0.9em;
}

.jdialog table th {
    text-align: left;
    border-bottom: dashed 1px gray;
    padding: 4px 8px 4px 0;
}

.jdialog table td {
    text-align: left;
    padding: 4px 8px 4px 0;
    vertical-align: top;    
}

.jdialog table td.icon, .jdialog table th.icon {
    width: 16px;
}

.jdialog span.status {
    font-style: italic;
}    

.jdialog p {
    padding: 4px 0 8px 0;
}

.jdialog .confirm_image {
    float: left;
    padding: 0 8px 0 8px;
}    

.jdialog .confirm_text {
    overflow: hidden;
}

.jdialog .confirm_name {
    color: Black;
}    

.jdialog .confirm_info {
    color: Gray;
}    

.jdialog table td div.uploadProgress, .jdialog table td div.vaultProgress {
    margin-top: 2px;
    height: 10px; 
    width: 80px;    
}

.jdialog table td div.filename {
    width: 200px;
}

.jdialog table td.filesize {
    white-space: nowrap;  
    text-align: right;
}

.dialogpanel h1 {
    font-size: 1.1em;
    color: Gray;
    _font-weight: bold;
    padding: 0 0 8px 0;
}

.jdialog div.readonlydata {
    color: gray;
    padding: 0;    
    margin: 0 0 12px 0;
}

#ChangeStateDialog .current_name {
    color: Black;
}

#ChangeStateDialog .current_state {
    color: Gray;
    font-size: 0.8em;
}

.ellipsis {  
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    -o-text-overflow: ellipsis;  
    -ms-text-overflow: ellipsis;  
}