﻿html {
    width:100%;
    height:100%;
    overflow-x:hidden;
}

body {
	margin:0;
	padding:0;
	background:#fff;
	font-family: arial,tahoma,verdana,sans-serif;
	font-size: 12px;
	line-height:12px;
	font-weight: normal;
	color: #3d464d;    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height:100%;
    position:relative;
}
a {color:#009AD3;text-decoration:none;}
a:hover {color:#ccc;cursor:pointer;}
ul, ol, dl, li {margin:0;padding:0;list-style:none;display:inline;}
form {padding:0;margin:0;}
#form-titlebar {
    padding: 0;
    margin:0;
    margin-top:4px;
}
#form-titlebar a { text-decoration:underline; }
#form-list {padding:0; margin:0; position:relative; min-height: 200px;}
input, textarea, select, a { outline: none; }

.hide, .file-list li.hide {
	display:none;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bfbfbf;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #bfbfbf;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #bfbfbf;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #bfbfbf;
}

.clear {clear:both;}

#wrapper {
    /** RESIZE WIDTH 
    width:1005px;
    margin: 0 auto;
    **/
    margin: 0 50px;
    position:relative;
}

#CornerstoneHeader_HeaderControls {
    /** RESIZE WIDTH **/
    margin-right:50px;
}
#pg-header {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0;
	z-index: 2001;
	height:78px;
}
#pg-header-inner {
	
    /** RESIZE WIDTH
	width:995px;
	height:50px;
	margin:10px auto 0 auto;
	padding-right:10px;
    **/    
	height:50px;
	margin:10px auto 0 auto;
	padding-right:10px;
}
.pg-header-logo {

    /** RESIZE WIDTH
    float:left;
	padding-left:120px;
    max-width:600px;
    max-height:67px;
    **/
    float:left;
	padding-left:170px; /* 50px for margin , 120px for sidnav*/
    max-width:600px;
    max-height:67px;
}
.pg-header-logo-settings {
    max-width:600px;
    max-height:67px;
}


#pg-footer {
	width: 100%;
	padding:10px 0px;
	color:#888;
    position:fixed;
    bottom:0;
    left:0;
    z-index:4999;
    background-color:#fff;
    height:25px;
}
#pg-footer-inner {
    /** RESIZE WIDTH
	margin:0 auto;
	width:875px;
	padding-left:130px;
	line-height:25px;
    **/
    margin:0 auto;	
	padding-left:180px; /* 50 margin, 120 sidenav, 10 padding*/
	line-height:25px;
}
#pg-footer-inner .powered {

    /** RESIZE WIDTH
    display:block;
    width:99px;
    height:26px;
    margin:0 auto;
    float:right;
    **/
    display:block;    
    height:26px;
    margin:0 auto;
    margin-right:50px;
    float:right;
}
#pg-footer-inner a { color: #888; }

#pg-sidebar {
	position: fixed;
	width: 120px;
	z-index: 2000;
	top:81px;
	}
	
#pg-content {
	padding:102px 0 20px 120px;
	min-height: 425px;
	}

.sidenav {
	display:block;
	background:#eee;
	padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:5px;
	}
.sidenav li {display:block;border-bottom:1px solid #ccc;}
.sidenav li:last-child {border:0;}
.sidenav li a {display:block;padding-left:5px;font:normal 12px/35px arial;color:#009AD3;}
.sidenav li a:hover {color:#999;}
.sidenav a.active {color:#999;font-weight:bold;background:url(../images/theme/icon_arrow_right.png) no-repeat 100px 10px;}

.swm {position:relative;}
.swm .tab {position:absolute;top:2px;left:-27px;width:22px;height:26px;background:#f80;border-radius:5px 0 0 5px;color:#fff;line-height:27px;font-size:10px;text-align:center;}

/*******************************************************************/ 
/*************************** Header Areas **************************/
/*******************************************************************/
.account-links { float:right; }
.account-links li {margin:0 10px;}
.account-links li a {font-size:14px;line-height:25px;color:#eee;}
.account-links li a:hover {color:#ccc;}
.account-links li.alert {}
.account-links li.alert a {display:block;float:left;height:25px;width:40px;text-align:left;color:#fff;background:url(../images/theme/icon_top_alert.png) no-repeat 20px 3px #f80;border-radius:3px;}
.account-links li.alert a:hover {background-color:#ccc;}
.account-links li.alert a span {display:block;margin:7px 0 0 7px;font-size:11px;line-height:11px;}

.storage-info {clear:both;text-align:right;color:#888;}
	
.storage-info {clear:both;text-align:right;color:#eee;margin:10px 10px 0 0;}
	
#toolbar {
	height:48px;
	background:#eee;
	}
#toolbar ul {float:left;margin-left:20px;}
#toolbar ul li a {display:block;float:left;height:35px;margin:6px 5px 0 0;padding:0 5px;text-align:center;}
#toolbar ul li a:hover {color:#bbb;}
#toolbar ul li a span {display:block;margin-top:27px;font-size:10px;line-height:10px;font-weight:bold;}
#toolbar ul li a.disabled {color:#bbb;}

#toolbar .new-folder {background:url(../images/theme/icons.png) no-repeat -143px -14px;}
#toolbar .new-folder:hover {background:url(../images/theme/icons.png) no-repeat -143px -64px;}
#toolbar .new-folder.disabled {background:url(../images/theme/icons.png) no-repeat -143px -64px;}
#toolbar .upload {background:url(../images/theme/icons.png) no-repeat -3px -13px;}
#toolbar .upload:hover {background:url(../images/theme/icons.png) no-repeat -3px -63px;}
#toolbar .upload.disabled {background:url(../images/theme/icons.png) no-repeat -3px -63px;}

#toolbar .back {background:url(../images/theme/icons.png) no-repeat -107px -14px;}
#toolbar .back:hover {background:url(../images/theme/icons.png) no-repeat -107px -64px;}

#toolbar .quicksend {background:url(../images/theme/icon_quicksend.png) no-repeat center top; }
#toolbar .quicksend:hover {background:url(../images/theme/icon_quicksend_hover.png) no-repeat center top; }

#toolbar .dropzone {background:url(../images/theme/icon_dropzone.png) no-repeat center top; }
#toolbar .dropzone:hover {background:url(../images/theme/icon_dropzone_hover.png) no-repeat center top; }


#search-path {
	position:relative;
	float:right;
	width:320px;
	text-align:right;
	}
#search-path label {position:absolute;top:16px;left:18px;line-height:normal;font-family: tahoma,arial,verdana,sans-serif;font-size:14px;font-weight:normal;color: #bfbfbf;transition:color .2s linear 0s;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;}
#search-path label.selected {display:none;}
#search-path input {margin:9px;height:29px;width:288px;padding:0 5px;border-radius:2px;background:#fff;border:1px solid #fff;font-size:14px;color:#777;}

#search-path .active {color:#336699;/*#1B96EB;*/ border:1px solid #fff;}

/*******************************************************************/
/**************************** Pagination ***************************/
/*******************************************************************/
.pagination {
	clear:both;
	position:relative;
	padding-top:11px;
	font-size:12px;
	text-align:right;
	color:#999;
    width:350px;
    float:right;
	}
.pagination .items {display:inline;line-height:30px;}
.pagination ol {float:right;}
.pagination ol li {float:left;padding:10px 0;}
.pagination ol li a {padding:2px;border:1px solid #fff;font-size:13px;}
.pagination ol li a.active {border:1px solid #ccc;color:#999;}
.pagination ol li a:hover {border:1px solid #ccc;color:#999;}
.pagination ol li a.first, .pagination ol li a.last {border:1px solid #fff;color:#999; display:table; margin-top:-4px; }
.pagination ol li a.next, .pagination ol li a.previous {border:1px solid #fff;color:#999; display:table; margin-top:-4px; }
.pagination ol li a.first:hover, .pagination ol li a.last:hover {color:#2783D0;}
.pagination ol li a.next:hover, .pagination ol li a.previous:hover {color:#2783D0;}
.pagination ol li a.next { padding-left:5px; }
.pagination ol li a.previous { padding-right:5px; }

#form-pagination-footer { margin-bottom: 50px; }


#list-header {
    /** RESIZE WIDTH
    position:fixed;
    top:81px;
    z-index:2000;    
    width:877px;    
    background:#fff;
    padding-left:8px;
    **/
    position:fixed;
    top:81px;
    z-index:2000;        
    background:#fff;
    padding-left:8px;
    margin-right:50px;
}

.titlebar li {float:left;height:26px;font:normal 12px/26px arial;color:#0086D1;border-bottom:1px solid #ccc;}
.titlebar a {text-decoration:underline;}

/*******************************************************************/
/************************** Updated File Listings ******************/
/*******************************************************************/
.titlebar-new { display:table; height:26px; line-height:26px; font: normal 12px/26px arial; color:#0086d1; border-bottom:1px solid #ccc; width:100%; table-layout:fixed; }
.datarow { display:table; height: 45px; line-height:45px; border-bottom: 1px dotted #ccc; width:100%; vertical-align:middle; table-layout:fixed; }
.datarow .col, .titlebar-new .col { display:table-cell; }
.datarow .col .col-content { display:table; margin-top:auto; margin-bottom:auto; width:100%; table-layout:fixed; }
.datarow .col .col-content .col-content-static { display: table-cell; width:45px; }
.datarow .col .col-content .col-content-fill { display: table-cell; padding-right: 20px; }
.datarow .col-name, .titlebar-new .col-name {  width:100%; }
.datarow .col-owner, .titlebar-new .col-owner  { width: 150px; }
.datarow .col-size, .titlebar-new .col-size { width: 90px; }
.datarow .col-type, .titlebar-new .col-type { width: 65px; }
.datarow .col-modified, .titlebar-new .col-modified { width: 160px; }
.datarow .col-options, .titlebar-new .col-options { width: 120px; }
.datarow .col-options-shared, .titlebar-new .col-options-shared { width: 80px; }


/* Sets Icons */
.datarow .col-name .type-dir, .datarow .col-name .type-file, .datarow .col-name .type-file-is, .datarow .col-name .type-file-sm, .datarow .col-name .type-dir-is, .datarow .col-name .type-dir-sm, .datarow .col-name .type-dir-v {display:table-cell;width:45px;line-height:30px;margin-right:15px;text-indent:-9999em; }
.datarow .col-name .type-dir {background:url(../images/theme/icons.png) no-repeat -261px -11px;position:relative;}
.datarow .col-name .type-dir:hover {background:url(../images/theme/icons.png) no-repeat -261px -61px;position:relative;cursor:pointer;}
.datarow .col-name .type-file {background:url(../images/theme/icons.png) no-repeat -311px -11px;position:relative;}
.datarow .col-name .type-file:hover {background:url(../images/theme/icons.png) no-repeat -311px -61px;position:relative;cursor:pointer;}
.datarow .col-name .type-file-is {background:url(../images/theme/icons.png) no-repeat -313px -212px; position:relative;}
.datarow .col-name .type-file-is:hover {background:url(../images/theme/icons.png) no-repeat -313px -262px; position:relative; cursor:pointer;}
.datarow .col-name .type-file-sm {background:url(../images/theme/icons.png) no-repeat -313px -111px; position:relative;}
.datarow .col-name .type-file-sm:hover {background:url(../images/theme/icons.png) no-repeat -313px -161px; position:relative;cursor:pointer;}
.datarow .col-name .type-dir-is {background:url(../images/theme/icons.png) no-repeat -162px -111px; position:relative;}
.datarow .col-name .type-dir-is:hover {background:url(../images/theme/icons.png) no-repeat -162px -160px; position:relative;cursor:pointer;}
.datarow .col-name .type-dir-sm {background:url(../images/theme/icons.png) no-repeat -210px -111px; position:relative;}
.datarow .col-name .type-dir-sm:hover {background:url(../images/theme/icons.png) no-repeat -210px -160px; position:relative;cursor:pointer;}
.datarow .col-name .type-dir-v {background:url(../images/theme/icons.png) no-repeat -260px -111px; position:relative;}
.datarow .col-name .type-dir-v:hover {background:url(../images/theme/icons.png) no-repeat -260px -160px; position:relative;cursor:pointer;}
.datarow .col-options a {display:inline-block;width:35px;height:30px;line-height:30px;text-indent:-9999em;}
.datarow .col-options .share {background:url(../images/theme/icons.png) no-repeat -207px -10px;}
.datarow .col-options .share:hover {background:url(../images/theme/icons.png) no-repeat -207px -60px;}
.datarow .col-options .download {background:url(../images/theme/icons.png) no-repeat -58px -9px;}
.datarow .col-options .download:hover {background:url(../images/theme/icons.png) no-repeat -58px -59px;}
.datarow .col-options .move {background:url(../images/theme/icons.png) no-repeat -3px -110px;}
.datarow .col-options .move:hover {background:url(../images/theme/icons.png) no-repeat -3px -160px;}
.datarow .col-options .delete {background:url(../images/theme/icons.png) no-repeat -109px -108px;}
.datarow .col-options .delete:hover {background:url(../images/theme/icons.png) no-repeat -109px -158px;}
.datarow .col-options .share.disabled {background:url(../images/theme/icons.png) no-repeat -207px -60px; cursor:default; }
.datarow .col-options .download.disabled {background:url(../images/theme/icons.png) no-repeat -58px -59px; cursor:default; }

.datarow .col-name input {width:100%;border:1px solid #EAEAEA;padding:3px 5px;background:#F8F8F8;font-size:12px;line-height:11px;color:#888;}
.datarow .col-name a.filename {width:100%;border:1px solid #EAEAEA;padding:0px 5px;background:#F8F8F8;font-size:12px;color:#888; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:20px; line-height:20px; vertical-align:middle; /*margin-top:2px; height:14px; position:relative; top:7px; */ } 
.datarow .col-name input.readonly {width:100%;padding:3px 5px;font-size:12px;line-height:11px;color:#888;border:0;background:transparent;}
.datarow .col-name a.filename.readonly {width:100%;padding:3px 5px;font-size:12px;line-height:11px;color:#888;border:0;background:transparent; display:inline-block;}
.datarow .col-name input.rename {color:#336699;/*#1B96EB;*/ border:1px solid #5EB7FF;}
.datarow .col-name span.filename {display:inline-block;width:100%;border:1px solid #EAEAEA;padding:3px 5px;background:#F8F8F8;font-size:12px;line-height:16px;color:#888;cursor:pointer;}

.datarow-selected { background-color: #eeeeee; }

#controlbar { width: 100%; height:25px; line-height:25px; }
#controlbar .item { float:left; margin-right:20px; text-indent:25px; height:25px; font-size:12px;line-height:25px;color:#888; padding-top:4px; cursor:pointer; }
#controlbar .control-item-info { background:url(../images/theme/info_icon_menu.png) no-repeat left center; }
#controlbar .control-item-rename { background:url(../images/theme/rename_icon_menu.png) no-repeat left center; }
#controlbar .control-item-share { background:url(../images/theme/share_icon_menu.png) no-repeat left center; }
#controlbar .control-item-download { background:url(../images/theme/download_icon_menu.png) no-repeat left center; text-indent:30px; }
#controlbar .control-item-copy { background:url(../images/theme/copy_icon_menu.png) no-repeat left center; }
#controlbar .control-item-move { background:url(../images/theme/move_icon_menu.png) no-repeat left center; }
#controlbar .control-item-delete { background:url(../images/theme/delete_icon_menu.png) no-repeat left center; }
#controlbar .control-item-unshare { background:url(../images/theme/delete_icon_menu.png) no-repeat left center; }

.col-prop { background:url(../images/theme/info_icon_row.png) no-repeat center; }

#dropdown-list-info h2 { font-weight:bold; }
#dropdown-list-info .row { margin-top:15px; }
#dropdown-list-info .title { font-weight:bolder; font-size:15px; }
#dropdown-list-info .value { font-size:15px; padding-left:10px; max-width:200px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }

/*******************************************************************/
/************************** File Listings **************************/
/*******************************************************************/
#list-content {
    /** RESIZE WIDTH
    display:block;
    margin-top:125px;
    width:877px;
    padding-left:8px;
    **/
    display:block;
    margin-top:125px;    
    padding-left:8px;
}
#list-content li.highlight, #list-content li.highlight:hover {background-color:#F5F5F5;}
#list-content li:hover {background-color:#FAFAFA;}

#list-content li {display:block;height:45px;border-bottom:1px dotted #ccc;}
#list-content li div {overflow:hidden;margin:0;padding:0;float:left;font:normal 12px/45px arial;}
#list-content li .col-select, .titlebar .col-select {width:67px;height:45px;background:/*#71B4FF*/#81CEFF;text-align:center;position:relative;}
.titlebar .col-select {height:26px;}
#list-content li .col-options, .titlebar .col-options {width:80px;}
#list-content li .col-name, .titlebar .col-name {width:250px;padding-left:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#list-content li .col-owner, .titlebar .col-owner {width:148px;height:45px;overflow:hidden;}
#list-content li .col-size, .titlebar .col-size {width:90px;height:45px;}
.titlebar .col-owner, .titlebar .col-size{height:26px;}
#list-content li .swmTabColor {background: #f80;}
#list-content li .col-type, .titlebar .col-type {width:65px;}
#list-content li .col-modified, .titlebar .col-modified {width:160px;}

#list-content li .col-name-myfiles, .titlebar .col-name-myfiles { width: 423px; }
#list-content li .col-owner-myfiles, .titlebar .col-owner-myfiles { width: 0px; }


/* Sets Icons */
#list-content li .col-name .type-dir, #list-content li .col-name .type-file {display:inline-block;width:30px;line-height:30px;margin-right:15px;text-indent:-9999em;}
#list-content li .col-name .type-dir {background:url(../images/theme/icons.png) no-repeat -261px -11px;position:relative;}
#list-content li .col-name .type-dir:hover {background:url(../images/theme/icons.png) no-repeat -261px -61px;position:relative;cursor:pointer}
#list-content li .col-name .type-file {background:url(../images/theme/icons.png) no-repeat -311px -11px;position:relative;}
#list-content li .col-name .type-file:hover {background:url(../images/theme/icons.png) no-repeat -311px -61px;position:relative;cursor:pointer}


#list-content li .col-options a, #displayFile .col-options a {display:inline-block;width:35px;height:30px;line-height:30px;text-indent:-9999em;}
#displayFile .col-options a {text-indent:100px;overflow:hidden;}

#list-content li .col-options .share, #displayFile .col-options .share {background:url(../images/theme/icons.png) no-repeat -207px -10px;}
#list-content li .col-options .share:hover, #displayFile .col-options .share:hover {background:url(../images/theme/icons.png) no-repeat -207px -60px;}

#list-content li .col-options .download, #displayFile .col-options .download {background:url(../images/theme/icons.png) no-repeat -58px -9px;}
#list-content li .col-options .download:hover, #displayFile .col-options .download:hover {background:url(../images/theme/icons.png) no-repeat -58px -59px;}

#list-content li .col-options .move, #displayFile .col-options .move {background:url(../images/theme/icons.png) no-repeat -3px -110px;}
#list-content li .col-options .move:hover, #displayFile .col-options  .move:hover {background:url(../images/theme/icons.png) no-repeat -3px -160px;}

#list-content li .col-options .delete, #displayFile .col-options .delete {background:url(../images/theme/icons.png) no-repeat -109px -108px;}
#list-content li .col-options .delete:hover, #displayFile .col-options .delete:hover {background:url(../images/theme/icons.png) no-repeat -109px -158px;}

#list-content li .col-options .share.disabled, #displayFile .col-options .share.disabled {background:url(../images/theme/icons.png) no-repeat -207px -60px; cursor:default; }
#list-content li .col-options .download.disabled, #displayFile .col-options .download.disabled {background:url(../images/theme/icons.png) no-repeat -58px -59px; cursor:default; }

#displayFile .col-options .print {background:url(../images/theme/icons.png) no-repeat -56px -108px;}
#displayFile .col-options .print:hover {background:url(../images/theme/icons.png) no-repeat -56px -158px;}

#list-content li .dir {background:url(../images/theme/icons.png) no-repeat 0px -106px;position:relative;}
#list-content li .file {background:url(../images/theme/icons.png) no-repeat 0px -203px;position:relative;}

#list-content li .col-name input {width:209px;border:1px solid #EAEAEA;padding:3px 5px;background:#F8F8F8;font-size:12px;line-height:11px;color:#888;}
#list-content li .col-name a.filename {width:209px;border:1px solid #EAEAEA;padding:0px 5px;background:#F8F8F8;font-size:12px;color:#888; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:20px; line-height:20px; vertical-align:middle; /*margin-top:2px; height:14px; position:relative; top:7px; */ } 
#list-content li .col-name input.readonly {width:209px;padding:3px 5px;font-size:12px;line-height:11px;color:#888;border:0;background:transparent;}
#list-content li .col-name a.filename.readonly {width:209px;padding:3px 5px;font-size:12px;line-height:11px;color:#888;border:0;background:transparent; display:inline-block;}
#list-content li .col-name input.rename {color:#336699;/*#1B96EB;*/ border:1px solid #5EB7FF;}
#list-content li .col-name span.filename {display:inline-block;width:224px;border:1px solid #EAEAEA;padding:3px 5px;background:#F8F8F8;font-size:12px;line-height:16px;color:#888;cursor:pointer;}

/* Side Bar show-hide items */
#list-content li .col-name input.active {border:1px solid #fff;background:none;}
#list-content li .col-options .active {opacity:0.15;filter:alpha(opacity=15); /* For IE8 and earlier */}

#list-content li .col-name-myfiles, .titlebar .col-name-myfiles { width: 423px; }
#list-content li .col-owner-myfiles, .titlebar .col-owner-myfiles { width: 0px; }
#list-content li .col-name input.myfiles { width: 350px; }
#list-content li .col-name a.filename.myfiles { width: 350px; }


/************************** File Listings **************************/
.fyi-note {padding:5px 0;border-bottom: 1px solid #ccc;}
.fyi-note div {background:url(../images/theme/bg_fyi-dd-note.png) center no-repeat #E3D4B8;height:30px;text-align:right;}
.fyi-note span.text {display:none;}
.fyi-note .close {display:inline-block;width:75px;height:30px;background:url(../images/theme/icon_sidebar_close.png) no-repeat 64px 8px;line-height:30px;text-align:left;padding-left:10px}
.fyi-note .close:hover {color:#fff;}



/*******************************************************************/
/**************************** Welcome Page ***************************/
/*******************************************************************/
#welcome {width:80%;color:#555;font-size:1.2em;line-height:1.4em;}
#welcome h1, #welcome h3, #welcome h4 {font-weight:normal;}
#welcome #LoginPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #ResetPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #LoginForgotPasswordPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #LoginCredentialsPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #LoginEmailPanel {width:600px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #EmailDownloadContent {width:450px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #LogonFormPasswordResetPanel {width:450px;min-height: 275px;margin:0 auto;text-align:center;}
#welcome #InvalidQuickLinkPanel {width:450px;min-height:275px;margin:0 auto;text-align:center; }
#welcome .terms {font-size:.85em;line-height:1.4em;}
#welcome .terms h4 {font-size:1.2em;margin-bottom:-.5em;}
#InvalidQuickLinkPanel h1 { color:#c00; }
#EmailLinksSingle span { color:#009ad3; }

#welcome .alert-yes {color:#3C6;}
#welcome .alert-no {color:#C00}

#welcome #login-max p {clear:both;}
#welcome #login-max label {
width: 75px;
display: block;
text-align: right;
float: left;
padding: 20px 20px 20px 0;
}
#welcome #login-max .input-txt {float:left;margin:10px 0;}
#welcome #login-max textarea.input-txt {height:100px;}

.input-lbl { width:135px; padding-right:10px; margin-top:11px; display:inline-block; font-size:1em; font-family: "Helvetica Light", "Helvetica Neue", Helvetica; float:left; text-align:right;}
.input-txt {width:300px;padding:10px;border:1px solid #ccc;background:#fff;font-size:1em;font-family: "Helvetica Light", "Helvetica Neue", Helvetica; float:left;}
.input-btn {padding:10px 30px;background:#ccc;color:#555;border:0;border-radius:5px;font-size:1em;}
.input-btn:hover {cursor:pointer;background:#eee;}
.input-btn.disabled { background:#eee; color:#ccc; }
.input-btn.disabled:hover { background:#eee; color:#ccc; }
.expl-lbl {font-size:0.9em; font-family: "Helvetica Light", "Helvetica Neue", Helvetica; margin-top:20px; font-style:italic;}

.btn-add-folder {cursor:pointer;display:block; margin-left:15px; margin-top:5px;}
.btn-add-folder:hover {color:#888;text-decoration:underline;}

.file-list .add-folder {position:relative;}
.file-list .add-folder input {width:130px;display:inline; margin-left:5px;}
.file-list .add-folder label {position:absolute;top:6px;left:24px;font-size:12px;color:#999;}
.file-list .add-folder .selected {display:none;}
.file-list li a {color:black;}
.file-list li a.folder-selected{font-weight:bold; color:#336699;/*#1B96EB;*/ }

.folder-toggle { font-weight: bold; }
div.folder-readonly { cursor:default; }
div.folder-readonly .folder-toggle { opacity:0.0; cursor:default;  }
div.folder-readonly a { color:#dddddd; cursor:default; }



.upload-statusbar {background:url(../images/theme/bg-loading.gif) repeat-x #108ACA;padding:15px 10px;color:#fff; height:24px; }
.upload-statusbar a {color:#fff;text-decoration:underline;}
.upload-statusbar a:hover {color:#eee;}
.upload-statusbar-name { padding-left:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.upload-statusbar-percentage { padding-left:20px; padding-right: 20px;}
.upload-statusbar-item { float:left; height:24px; padding-top:8px;}
.upload-statusbar-remaining { float:right; margin-top:7px; }
.upload-statusbar-display { font-weight:bold; cursor:pointer; margin-top:7px; text-decoration:underline; float:right; margin-right:10px; }
.upload-statusbar-cancel { font-weight:bold; cursor:pointer; float:right; margin-right:20px; font-size:20px; margin-top:6px; }

.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

/* other ****************************************/

.select2-container ul { display:block; }
.invite .invite-label { padding:5px 0px; }
.invite .invite-search { padding:5px 0px; }
.share-direct-link-loading { background: #fff url('select2-spinner.gif') no-repeat 100% !important; }

.tooltipsy
    {
        width: 120px;
        color: #fff;
		margin:0 0 0 -155px;
		background:url(../images/theme/tooltip_orng.png) no-repeat center right;
		font-size:12px;line-height:40px;
		text-align:right; padding-right:20px;
    }
	
.popupControl
{

    visibility:hidden;
}



.files {
    max-height: 250px;
    overflow-y: auto;
}

#CornerstoneBreadcrumbs_Breadcrumbs {
    width:425px;
    position: absolute;
    z-index: 100;
    top: 70px;
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.upload-container { position:relative; }
.upload-container .fake { position:absolute; top:0px; left:0px; z-index:3; width:252px; }
.upload-container input[type="file"] {position:relative; text-align:right; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; z-index:2;}

#preview { width: 800px; height:600px; display:none; }
#previewTitle { display: block; height: 20px; margin: 0; padding: 10px; border-bottom: 2px solid #777; }
#previewTitle h3 { margin: 0; line-height: 20px; }
#previewContainer {height: 510px; background:#ddd; }
#previewDropDownContainer { position: relative;  top: 10px; left:40px; width:1px; height:1px; }
#previewEmbedContainer {height: 510px; background:#ddd;  }
#previewContainer img { display:block; margin-left:auto; margin-right:auto; max-height:100%; max-width:100%; }
#previewContainer.scrolling { overflow-y: auto; overflow-x:auto; }
#previewLoadingContainer { height:510px; width:100%; background:#ffffff; line-height:530px; text-align:center; }
#previewLoadingContainer img { vertical-align:middle; }
#previewToolbar { display: block; height: 40px; margin: 0; border-top: 2px solid #777; text-align:right; }
#previewToolbarOptions { padding: 5px 10px; }
#previewToolbarOptions a.print { background: url(../images/theme/icons.png) no-repeat -56px -108px; }
#previewToolbarOptions a.share { background: url(../images/theme/icons.png) no-repeat -207px -10px; }
#previewToolbarOptions a.download { background: url(../images/theme/icons.png) no-repeat -58px -9px; }
#previewToolbarOptions a.move { background: url(../images/theme/icons.png) no-repeat -3px -110px; }
#previewToolbarOptions a.delete { background: url(../images/theme/icons.png) no-repeat -109px -108px; }
#previewToolbarOptions a { text-indent: 100px; overflow: hidden; display: inline-block; width: 35px; height: 30px; line-height: 30px; }

#dragoverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0a0;
    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;    
    z-index:10000;
}

#dragoverlaymessagecontainer {
    position:fixed;
    top:100px;
    left:30%;
    right:30%;
    border-radius:5px;
    border:10px solid #fff;
    z-index:10001;
}

#dragoverlaymessage {
    border-radius:5px;
    border:10px solid #0a0;
    background-color:#0a0;
    z-index:10001;
    padding:10px 60px;
}
#dragoverlaymessage span { color:#fff; text-align:center; display:table-cell; vertical-align:middle; font-size:larger; }


.draguploaddirectory { background-color:#e6fee6 !important; }
.draguploadinvaliddirectory { background-color:#fee6e6 !important; }
.draguploadselecteddirectory { background-color:#9bde9b !important; }

#erroroverlay
{

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    z-index: 10003;
}

#erroroverlaymessagecontainer {
    position:fixed;
    top:100px;
    left:30%;
    right:30%;
    border-radius:5px;
    border:10px solid #fff;
    z-index:10004;
}

#erroroverlaymessage {
    border-radius:5px;
    border:10px solid #a00;
    background-color:#a00;
    z-index:10005;
    padding:10px 60px;
}
#erroroverlaymessage div { color:#fff; text-align:center; display:table-cell; vertical-align:middle; font-size:larger; }

#contentLoadingContainer  {
    position:fixed;
    bottom:10px;
    left:10px;
    border-radius:5px;
    border:10px solid #336699;/*#1B96EB;*/
    background-color:#336699;/*#1B96EB;*/
    z-index:50001;
    padding:10px 20px;
    color:#fff;
    font-size:larger;
}

.dragDropContainer {

    background-color:#eeeeee;
    border:1px solid #dddddd;
    padding:5px;
    z-index:1000;
}

.dragDropContainer div.type-file { background:url(../images/theme/icons.png) no-repeat -311px -11px; width: 30px; height:30px; float:left; }
.dragDropContainer div.type-dir { background:url(../images/theme/icons.png) no-repeat -261px -11px; width:30px; height:30px; float:left; }
.dragDropContainer div.file { width:200px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#999; float:left; padding-left: 20px; padding-top:10px; }
.dragDropContainer div.icon { position:relative; }
.dragDropContainer .badge { border-radius:5px; background-color:#336699; color:#ffffff; padding:2px 5px; font-size:10px; font-weight:bold; }

#dialogModal {
    background-color:#efefef;
    border-color:#efefef;
    padding:15px;box-shadow:4px 4px 5px rgba(0, 0, 0, .5);border-radius:10px;border:0;
    z-index:20001;
    width:400px;
}
#dialogModalText {
    margin-bottom:20px; 
}

#dialogModal button.cancelDialog, #dialogModal button.doneDialog {background:/*c9c9c9*/#ddd;border:1px solid #aaa;border-radius:0px;padding:5px 20px;font-size:1em;}
#dialogModal button:hover {cursor:pointer;background:#fff;border:1px solid #ccc;}
#dialogModal button.doneDialog {float:right;}
.dialogModalButtons { width:100%; height:35px; }
.dialogModal {z-index:20001; }


#dialogConfirmOverwrite {
    background-color:#efefef;
    border-color:#efefef;
    padding:15px;box-shadow:4px 4px 5px rgba(0, 0, 0, .5);border-radius:10px;border:0;
    width:400px;
    z-index:20001;
}

#dialogConfirmOverwriteHeaderText { font-weight: bold; margin-bottom:20px; }
#dialogConfirmOverwriteInfo { padding:10px; border:1px solid #000; background:#fff; }
#dialogConfirmOverwriteInfo div.type-file { background:url(../images/theme/icons.png) no-repeat -311px -11px; width: 30px; height:30px; float:left; }
#dialogConfirmOverwriteInfo div.type-dir { background:url(../images/theme/icons.png) no-repeat -261px -11px; width:30px; height:30px; float:left; }
#dialogConfirmOverwriteName { font-weight:bold; float:left; margin-left:10px; margin-top:9px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:320px;  }
.dialogConfirmOverwriteSection { margin-top:15px; cursor:pointer; padding:10px; }
.dialogConfirmOverwriteSection.has-hover:hover { background-color: #0a246a; color:#fff; }
.dialogConfirmOverwriteSection.selected { border:1px solid #0a246a; }
.dialogConfirmOverwriteLabel { font-weight:bold; margin-bottom:2px; }
.dialogConfirmOverwriteInstructions { }

#dialogConfirmOverwriteRenameContent { width: 100%; margin-top:10px; }
#dialogConfirmOverwriteRenameContent input { width: 250px; }
#dialogConfirmOverwriteRenameContent button { float:right; width:auto; }

#dialogCancelUploadModal {
    background-color:#efefef;
    border-color:#efefef;
    padding:15px;box-shadow:4px 4px 5px rgba(0, 0, 0, .5);border-radius:10px;border:0;
    z-index:20001;
    width:250px;
}
#dialogCancelUploadModalText {
    margin-bottom:20px; 
}

#dialogCancelUploadModal button.cancelDialog, #dialogCancelUploadModal button.doneDialog {background:/*c9c9c9*/#ddd;border:1px solid #aaa;border-radius:0px;padding:5px 20px;font-size:1em;}
#dialogCancelUploadModal button:hover {cursor:pointer;background:#fff;border:1px solid #ccc;}
#dialogCancelUploadModal button.doneDialog {float:right;}
.dialogModalButtons { width:100%; height:35px; }
.dialogModal {z-index:20001; }



#dialogModalText {
    margin-bottom:20px; 
}

#SearchResults
{
    position: relative;
    top: 8px;
    float: left;
    line-height: 0;
    width: 100%;
    text-align: center;
}

#SearchResultsSearchValue
{
    font-weight:bold;
}

#PermissionError
{
    position: relative;
    top: 8px;
    float: left;
    line-height: 0;
    width: 100%;
    text-align: center;
}

#PermissionErrorValue
{
    font-weight:bold;
    color:#FF7A00;
}

.placeholder { color: #bfbfbf !important; }

#ContentUploadWarning { width:241px; background:#ffffff; border: 1px solid #aaa; padding:5px; margin-left:0px; margin-top:25px; }
#ContentUploadWarning span { }
.embedPdf { z-index:1000; width:100%; height:100%; border:0; }
#uploadProgress { width: 600px; height: 300px; }
#uploadProgressTitle { display: block; height: 20px; margin: 0; padding-left: 10px; border-bottom: 2px solid #777; }
#uploadProgressDetails { background:#efefef; width:100%; height:265px; border-bottom: 1px solid #efefef; border-radius:10px; }
#uploadProgressContainer { padding:20px; background: #efefef; overflow-y:auto; max-height:190px; }
#uploadProgressList { border:1px solid #ccc; display:block; }
.uploadProgressBar { background:#e9f4ff; height:35px; }
.uploadProgressItem { display:list-item; list-style:none; position:relative; margin:0; line-height:35px; height:35px; vertical-align:bottom; border-top:1px solid #ccc; background:#fff; }
.uploadProgressItemInfo { vertical-align:baseline; border-collapse:collapse; width:100%; height:35px; position:absolute; top:0; left:0; padding-left:5px;  }
.uploadProgressItemInfoName { width:300px;  white-space:nowrap;overflow:hidden; text-overflow:ellipsis; float:left; }
.uploadProgressItemInfoSize { width:100px; float:left; color:#888; }
#uploadProgressList .uploadProgressItem:first-child { border-top:none; }
#uploadToolbar { display: block; height: 40px; margin: 0; border-top: 2px solid #777; text-align:right; }
.uploadProgressItem .cancel { float:right; text-align:right; font-size: 20px; line-height: 35px; top: 8px; right: 11px; color: #a9a9a9; font-weight: bold; cursor: pointer; text-decoration:none; padding-right:15px; }
.uploadProgressItem .cancelled { float:right; text-align:right; font-size:12px; line-height:35px; top: 8px; right: 30px; color: #992826; font-weight: bold; cursor:pointer; padding-right:15px; }
.uploadProgressItem .completed { float:right; text-align:right; font-size:12px; line-height:35px; top: 8px; right: 30px; color: #00ae00; font-weight: bold; cursor:pointer; padding-right:15px; }
.uploadProgressItem .errored { float:right; text-align:right; font-size:12px; line-height:35px; top: 8px; right: 30px; color: #00ae00; font-weight: bold; cursor:pointer; padding-right:15px; }
.uploadProgressBar.cancelledProgress { background: #fce3e3; width:100%; }
.uploadProgressBar.erroredProgress { background:#f7b9b9 ; width:100%; }


#dropdown-list-share-options .share-options-title a {display:inline-block;width:35px;height:30px;line-height:30px;text-indent:-9999em;}
#dropdown-list-share-options .share-options-title .share {width:35px; height:30px; background:url(../images/theme/icons.png) no-repeat -207px -10px;}
#dropdown-list-share-options .share-options-title .share:hover {width:35px; height:30px; background:url(../images/theme/icons.png) no-repeat -207px -60px;}
#dropdown-list-share-options .share-options-title {display:table; }
#dropdown-list-share-options .share-options-title .title-text { width:100%; display:table-cell; }
#dropdown-list-share-options .share-options-title .share-text { display:table-cell; }


.previewError { text-align: center; padding-top: 150px; font-weight: bold; font-size: 20px; color:#336699;}

.previewVideo { width:100%; height: 100%; }

.user-dropdown {
    display: inline-block;
}

.user-dropdown, .user-dropdown * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.user-dropdown-container {
    display: inline-block;
    position: relative;    
} 

.user-dropdown-button {
    cursor: pointer;
    position: relative;
    line-height: 40px;
    margin: 0;
}

.user-dropdown-button span:after {
    content: "\25BE";
    display: block;
    position: absolute;
    right: -1em;
    top: 0;
}

.user-dropdown-button:hover {
    color: #ccc;
}

.user-dropdown-menu {
    display: none;
    cursor: pointer;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    margin: 0;
    padding: 3px;
    right: -1em;
    top: 32px;
    width: 125px;
    z-index: 20001;
}

.user-dropdown-menu li a {
    padding: 3px;
    display: block;
}

.user-dropdown-menu li a:hover {
    background: #eee;
    color: #359adc;
}

.show-user-menu {
    display: block;
}

.desktop-tools-downloads {
    margin-left: 20px;
}

.desktop-tools-downloads tr td {
    padding: 0px 0px 12px;
}

.desktop-tools-downloads tr td:first-child {
    width: 200px;
}
.search-overlay {
    background-color:#fff;
    z-index:1000;
    position:absolute;  
    top:0;
    left:0;
    margin:9px;
}
.search-overlay-img {
    float:left;
    content:url(../images/theme/spinner.gif);
    width:20px;
    height:20px;
    margin-left:5px;
    margin-top:5px;
}
.search-overlay-text {
    line-height:32px;
    margin-left:10px;
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.search-overlay-close {
    float:right;
    width:25px;
    height:25px;
    background:url(../images/theme/icons_list.png) no-repeat -75px 0px;
    float:right;
    margin-right:5px;
    margin-top:3px;
    cursor:pointer;
}
.search-overlay-ready {

    float:left;
    width:21px;
    height:25px;
    content:url(../images/theme/search_ready.png);
    margin-left:5px;
    margin-top:3px;
    cursor:pointer;
}

.radialProgress {
    position:relative;
    width:20px; height:20px;
    display:inline-block;
}
.radialProgress canvas {
    display: block;
    position:absolute;
    top:0;
    left:0;
}

#pg-dropzone { position:absolute; top:230px; left:120px; right:0; bottom:0; z-index:0;}