* {
	padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
body {
	background: #fafafa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	display:inline;
	}
#wrapper {
	margin: 0px 50px 50px 50px;
	/*width: auto;
	--height: 100%;--*/
	background-color: #fafafa;
	padding: 0 10px;
	}
ul {
	list-style: none;
	}
h1 {
	display: none;
	text-indent: -9000px;
	}
h2 {
	font-size: 33px;
	font-weight: normal;
	}

/* =Header
-------------------------------------------------------------- */
#header {
	clear:both;
	height: 30px;
	}
.logo {
	float: left;
	}
#nav {
	float: right;
	height: 30px;
	/*width: 800px;*/
	}
#nav ul {
	text-align:right;
	margin: 7px 0 0 0;
    font-size:12px;
	}
#nav ul li, #nav ul li a {
	display:inline;
	height: 40px;
	padding: 10px 10px 10px 10px;
	color: #4f4f4f;
	text-decoration: none;
	}
 /*#nav ul li a:hover {
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: #edeced;
 	}*/
.admin a {
	background: url(../images/admin.png) no-repeat 9px 7px #fff;
	height: 35px;
 	}
.documents a {
	background: url(../images/documents.png) no-repeat 9px 7px #fff;
 	}
.account a {
	background: url(../images/account.png) no-repeat 9px 7px #fff;
 	}
.logout a {
	background: url(../images/logout.png) no-repeat 9px 7px #fff;
 	}
	
/* =Sidebar
-------------------------------------------------------------- */
#sidebar {
	width: 260px;
	float:left;
    margin-left:-270px;
	}

li.sidebar-nav {
    cursor:pointer;
	/*background-color: #edeced;*/
	}

li.sidebar-nav div {
    border-top:grey thin solid;
    vertical-align:middle;
 	padding: 10px 0 0 10px;
    width:100%;
	display: inline-block;
	font-size: 14px;
    text-decoration: none;
	color: #000;
	height: 28px;
/*border-top: 1px solid #fff;*/
	/*border-bottom: 1px solid #838383;*/
	}



li.sidebar-nav div:hover {
	background-color: #bababa;
	z-index: 50;
	}

li.sidebar-nav div .menu {
	visibility: hidden;
    float:right;
    vertical-align:middle;
    height:8px;
    margin-right:10px;
    margin-top: 8px;
	}

li.sidebar-nav div:hover .menu {
	visibility: visible;
	}


li.active, li.active div, li.active div:hover  {
	font-size: 14px;
	/*color: #fff;
	background-color: #848484;*/
	text-decoration: none;
	border: 0px;
	}

.all-documents a {
	background: url(../images/all-documents.png) no-repeat 11px 10px;
	background-size: Auto 16px;
 	}
li.packets a {
	background: url(../images/folder_grey.png) no-repeat 11px 10px;
	background-size: Auto 16px;
 	}

li.trash a {
	background: url(../images/delete.png) no-repeat 11px 10px;
	background-size: Auto 16px;
 	}

li.expired a {
	background: url(../images/expired.png) no-repeat 11px 10px;
	background-size: Auto 16px;
 	}


li.folders a {
	background: url(../images/folder_blue.png) no-repeat 11px 10px;
	background-size: Auto 16px;
 	}


/*#foldersmain{
	background: url(../images/folder_blue.png) no-repeat 9px 10px;
	background-size: Auto 16px;
 	}*/


li.projects a {
	background: url(../images/briefcase.png) no-repeat 9px 6px;
	background-size: Auto 20px;
 	}
	
		
li.groups-users a {
	background: url(../images/multi_user.png) no-repeat 11px 10px;
	background-size: Auto 16px;
 	}


div.active-li {
	width: 275px;
	}
div.active-arrow {
	width: 15px;
	height: 38px;
	float:right;
	background: url(../images/active-arrow.gif) right no-repeat;
	}
#search {
	background-color: #edeced;
	margin: 0 10px;
	text-align: center;
	height: 30px;
	}
/*--#search input, #assign input, #assignment input {
	border: 1px solid #4f4f4f;
	padding: 10px 28px 10px 10px;
	margin-top: 5px;
	height: 11px;
	color:#848484;
	font-size:10px;
	}
	
#search-button {
	background: url(../images/search.png) no-repeat;
	width: 22px;
	height: 28px;
	border: 0px;
	cursor: pointer;
	padding: 6px 0 0 3px;
	}--*/
/*li.packet-title a {
	background-color: #fff;
	color: #000;
	margin-left: 20px;
	font-weight: bold;
	}
	*/
li.grouprow a {
	text-decoration: none;
	/*background-color: #fff;*/
	color: #000;
	margin-left: 5px;
	}
li.grouprow input {
	margin-left: 5px;
	}



/*
li.folderrow  {
	width:auto;
	}
li.projectrow  {
	width:auto;
	}
*/	


li.folderrow a {
	text-decoration: none;
	background-color: #fffff;
	color: #000;
	/*margin-left: 20px;*/
	background:none;
	height:auto;
	}

li.projectrow a {
	text-decoration: none;
	background-color: #fffff;
	color: #000;
	}



/*
li.packetrow a {
	text-decoration: underline;
	background-color: #fff;
	color: #000;
	padding-left: 5px;
	}
	*/

li.packetrow {
margin-bottom:3px;	
font-size:14px;
cursor:pointer;
padding-bottom:3px;
}

li.projectrow {
margin-bottom:3px;	
font-size:14px;
margin-left:20px;
padding-bottom:3px;

}

li.listfolder {
margin-bottom:3px;	
font-size:14px;
padding-bottom:3px;

}


ul.sidebar-tasks {
	padding: 0 0 12px 40px;
	}
ul.sidebar-tasks li {
	height: 24px;
	padding-left: 24px;
	}
ul.sidebar-tasks li a {
	color: #000;
	text-decoration: none;
	}
ul.sidebar-tasks li a:hover {
	text-decoration: underline;
	}
li.memo {
	background: url(../images/external-link.gif) no-repeat 3px 0px;
 	}
li.notify-users {
	background: url(../images/notify-users.png) no-repeat 3px 0px;
 	}
li.revoke-access {
	background: url(../images/RevokeAccess.png) no-repeat 3px 0px;
 	}
li.send-packet {
	background: url(../images/send.png) no-repeat 3px 0px;
 	}	
.packet_toggle {
	background: url(../images/black-plus.png) no-repeat left 2px;
	}
.packet_toggled {
	background-position: left -60px;
    background-color: #edeced;
	}
.packet-dropdown {
	padding:12px;
	margin-left: 20px;
	background-color: #edeced;
	margin: 0 12px 12px 0;
	display: none;
	}

/* =Main Content
-------------------------------------------------------------- */
#content {
	width: auto;
	min-height: 600px;
	margin: 0 0 0 280px;
	background-color: #fff;
	}

#packetswrapper {
	/*background-color:#fff;*/
	font-size:12px;
	}

.section-title {
	font-style:italic;
	font-size: 12px;
	}
#memo {
	background-color: #edeced;
	margin: 14px 0;
	width: 100%;
	padding: 10px;
	}
#bulk-action-select {
	padding-bottom: 16px;
	}
table.table-titles {
	text-align: left;
	font-size: 16px;
	color: #848484;
	margin-left: 26px;
	}
thead.notes-table-titles {
	text-align: left;
	font-size: 16px;
	color: #848484;
	}
th.notes-table-titles {
	background: url(../images/grey-arrow.png) no-repeat left 7px;
	}
th.active {
	color: #000;
	}
th {
	text-align: left;
	font-weight: normal;
	}
th.document-title-column {
	width: 240px;
	}
th.project-column {
	width: 180px;
	}
th.writer-column {
	width: 150px;
	}
th.uploaded-column {
	width: 110px;
	}
th.colspan-2 {
	width: 325px;
	}
th.user-column {
	padding-left: 16px;
	width: 104px;
	}
th.page-column {
	padding-left: 16px;
	width: 56px;
	}
th.notes-column {
	padding-left: 16px;
	width: 200px;
	}
th.email-column {
	padding-left: 16px;
	width: 168px;
	}
th.userEmail-column {
	padding-left: 16px;
	text-align: left;
	width: 128px;
	}
th.remove-column {
	padding-left: 16px;
	width: 80px;
	}
th.notesDate-column {
	padding: 6px 0 6px 16px;
	width: 100px;
	}
th.starts-column, th.expires-column, th.status-column {
	padding-left: 16px;
	width: 140px;
	}
.oddline {
	background: #edeced;
	}

/* =Script editing mode elements
-------------------------------------------------------------- */
#script_edit_block {
	border-top: 2px #838383 solid;
	width: 696px;
	padding: 10px;
	background-color: #edeced;
	}
#script-edit-toggle {
	float: left;
	width: 14px;
	}
.title_toggle, .title_toggle a {
	font-weight: bold;
	color: #000;
	background: url(../images/black-arrow.png) no-repeat left 2px;
	padding-left: 14px;
	}
.title_toggled {
	background-position: left -60px;
	}
img.pdf-icon {
	position: absolute;
	padding-left: 7px;
	}
div.view-edit-delete-links {
	margin-left: 12px;
	}
table.script-edit {
	}
#script-dropdown {
	padding:12px;
	margin-left: 20px;
	display: none;
	}
#project-dropdown {
	width: 180px;
	}
#add-writer {
	width: 135px;
	}
#add-writer-field input {
	height: 20px;
	}
#upload-date {
	font-size: 14px;
	}
#document-type {
	}
#add-to-packet-dropdown {
	text-align: left;
	}
#script-config {
	}
#script-config-form, #share-with-field-div {
	display:inline;
	}
div.script-edit-expand {
	}
div.radial-form-items {
	padding-left: 12px;
	}

/* =tabbed menu
-------------------------------------------------------------- */
ul.tabNavigation {
	list-style: none;
	margin: 24px 0 0 0;
	padding: 0;
	}
ul.tabNavigation li {
	display: inline;
	}
ul.tabNavigation li a {
	padding: 3px 5px;
	background-color: #d1d1d1;
	color: #000;
	font-style: italic;
	text-decoration: underline;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border: 1px #838383 solid;
	}
ul.tabNavigation li a.selected {
	background-color: #fff;
	color: #000;
	font-style: normal;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 3px #fff solid;
	}
ul.tabNavigation li a:hover {
	text-decoration: none;
	}	
ul.tabNavigation li a:focus {
	outline: 0;
	}
div.tabs > div {
	padding: 10px 5px;
	margin-top: 1px;
	}
#notes, #share-doc, #shared-users {
	background-color: #fff;
	border-top: 1px #838383 solid;
	border-bottom: 1px #838383 solid;
	}
span.share-document {
	background: url(../images/add-link.png) no-repeat -1px -1px;
	padding-left: 20px;
	}


/* =tabbed tables
-------------------------------------------------------------- */
th.share-with-column {
	width: 296px;
	}
th.expiration-column {
	width: 230px;
	}
th.access-column {
	width: 166px;
	}
#search-notes {
	margin-left: 380px;
	width: 200px;
	float:right;
	}
#search-notes-input {
	border: 1px solid #4f4f4f;
	padding: 8px;
	height: 10px;
	}
#share-with-field input {
	border: 1px solid #4f4f4f;
	padding: 8px;
	height: 10px;
	margin-left: 10px;
	}
#enter-expiration-field input {
	border: 1px solid #4f4f4f;
	padding: 5px;
	height: 10px;
	margin-left: 10px;
	float:left;
	}
#starts-field input, #expires-field input {
	border: 1px solid #4f4f4f;
	padding: 5px;
	height: 10px;
	margin-left: 0px;
	float:left;
	}
#calendar-field-div a {
	background: url(../images/calendar.png) no-repeat;
	margin-left: 6px;
	float: left;
	width: 16px;
	height: 16px;
	text-indent: -9000px;
	display: block;
	}
table.user-info {
	border-top: 1px #e0e0e0 solid;
	padding-top: 6px;
	}
tr.radial {
	height: 40px;
	}
div.viewer-radials {
	font-size: 9px;
	}
.inline-option {
	padding-left: 8px;
	}

/* =Common
-------------------------------------------------------------- */
div.add-new-packet {
	height: 20px;
	/*margin: 10px 20px;*/
    font-size:12px;
    cursor:pointer;
	}
div.add-icon a, span.add-icon a {
	background: url(../images/circle_with_plus_sm.png) no-repeat -1px -1px;
    background-size: 14px;
	padding-left: 16px;
	font-style: italic;
	color: #000;
 	}
span.send-icon a {
	background: url(../images/send.png) no-repeat -1px -1px;
	padding-left: 16px;
	font-style: italic;
	color: #000;
 	}
div.remove-icon {
	height: 20px;
	background: url(../images/RevokeAccess.png) no-repeat left 0px;
	padding-left: 17px;
	}

div.remove-icon a {
	font-style: italic;
	color: #000;
 	}
.add-icon-spacing {
	padding: 8px 0 0 86px;
	}
.add-icon-spacing-half {
	padding: 8px 0 0 70px;
	}
a.no-icon {
	font-style: italic;
	color: #000;
	padding: 0 3px;
	font-size:12px;
	text-decoration:none;
	}
a:focus {
	outline: none;
}
.text-align-right {
	text-align: right;
	}
.float-left {
	float: left;
	}
.float-right {
	float: right;
	}
	
	
.menu {
	float: left;
	height: auto;
	margin:  0;
	padding: 0;
/*	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
*/	list-style: none;
	background: transparent;
	font-size:12px;
	text-align:left;
}

.menu li {
	position:relative;
	float: right;
	line-height: 1;
}

.menu li a {
	display: block;
	width: auto;
	padding: 5px;
	text-decoration: none;
	color: #7c7c7c;
	background: transparent;
}


input.cbutton
{
	font-family:"Lucida Grande";
   border-style:outset;
   border-color:#330000;
   border-width:2px;
}

.foldertitle{
	color:black;
    margin-left:5px;
}

.datatable tr:nth-child(even) {background: #FFF}
.datatable tr:nth-child(odd) {background: #edeced}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.bluebutton {
    background-color:#134c75;
    color:#ffffff;
    cursor:pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size:14px;
    vertical-align:middle;
    text-align:center;
    min-width:200px;
    height:40px;
    line-height:40px;
    display:inline-block;
}

.bluebutton:hover{
    background-color:#218fcc;
    color:#ffffff;
}

.bluebutton_vp {
    background-color: #134c75;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: calc(10px + 1vmax);
    vertical-align: middle;
    text-align: center;
    min-height: 50px;
    min-width: 50px;
    height: calc(10px + 2vmax);
    line-height: calc(10px + 2vmax);
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-right: 1vw;
    padding-left: 1vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
}

.bluebutton_vp:hover {
    background-color: #218fcc;
    color: #ffffff;
}

.bluebutton_img {
    background-color: #134c75;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    padding: 1vmax;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

    .bluebutton_img:hover {
        background-color: #218fcc;
        color: #ffffff;
    }

.greybutton_img {
    background-color: #a5a5a7;
    color: #ffffff;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    padding: 1vmax;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

    .greybutton_img:hover {
        background-color: #e5e5e6;
        color: #ffffff;
    }


.whitebutton_chk {
    background-color: white;
    color: black;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    min-width: 20px;
    height: calc(6px + 3vmin);
    line-height: calc(6px + 3vmin);
    font-size: calc(6px + 1vmin);
    display: inline-block;
    margin-bottom: 1vmin;
    cursor: pointer;
    padding-right: 1vmin;
    padding-left: 1vmin;
}

    .whitebutton_chk:hover {
        background-color: #e5e5e6;
        color: #ffffff;
    }


.bluebutton_med {
    background-color:#134c75;
    color:#ffffff;
    cursor:pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align:middle;
    text-align:center;
    min-width:100px;
    height:30px;
    line-height:30px;
    font-size:10px;
    display:inline-block;
}

.bluebutton_med:hover{
    background-color:#218fcc;
    color:#ffffff;
}

.bluebutton_sm {
    background-color:#134c75;
    color:#ffffff;
    cursor:pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    vertical-align:middle;
    text-align:center;
    min-width:40px;
    height:16px;
    line-height:16px;
    font-size:8px;
    display:inline-block;
}

.bluebutton_sm:hover{
    background-color:#218fcc;
    color:#ffffff;
}

.orangebutton {
    background-color: #fe9500;
    color: #5e5c5c;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
    min-width: 200px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
}

.orangebutton:hover {
    background-color: #ffcd27;
    color: #ffffff;
}

.orangebutton_sm {
    background-color: #fe9500;
    color: #5e5c5c;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    min-width: 40px;
    height: 16px;
    line-height: 16px;
    font-size: 8px;
    display: inline-block;
}

    .orangebutton_sm:hover {
        background-color: #ffcd27;
        color: #ffffff;
    }

/* timepicker addon */

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/* history css */

.history_table th,
.history_table td {
    padding: 10px 13px;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    font-size: 13px;
}

.history_table tr td:first-child {
    border-left: 1px solid #e8e8e8;
}

.history_table tbody tr:nth-child(2n) {
    background: #f6f6f6;
}

.history_table tbody tr:hover {
    opacity: 0.8;
}

.history_table span {
    color: #a6a6a6;
}

.history_table thead {
    background: #bababa;
    color: #000000;
}

    .history_table thead th {
        font-size: 16px;
    }