/*
* Pages: doc/show2.html, SignPro/showDoc.html
*
* Shared styles for document main view and document signing page
* last updated: Sept 14, 2012
*
*/
/* ==========================================================================
Document Styles
========================================================================== */
/** header **/
#docMainView > h1 .label { display: inline-block; margin-left: 3px; position: relative; bottom: 2px; padding-left: 7px; padding-right: 7px; }
/** footer info **/
.document footer { border: 1px solid #cecece; background: #f2f2f2; padding: 6px; color: #858585; }
.document footer .span8 { margin-left: 18px; }
.document .user-info { margin-bottom: 4px; color: #8a8a8a; padding-top: 2px; font-size: 12px }
.document .no-toolbox { margin-top: 12px; }
.toolbox { margin-bottom: 0; }
/* ==========================================================================
Sidebar
========================================================================== */
.sidebarGroup { margin-bottom: 10px; color: #858585; }
.sidebarGroup h4 { display: inline-block; margin-bottom: 12px; margin-top: 15px; border-bottom: 1px; color: #333; font-size: 13px; }
.sidebarGroup h5 { color: #858585; font-weight: normal; font-size: 13px; border-bottom: 1px solid #e4e4e4; padding-bottom: 7px; margin-bottom: 10px; }
.sidebarBox { background: #f9f9f9; border: 1px solid #DDD; padding: 15px 10px; }
.sidebarBox-content { padding: 10px; border-top: 1px solid #ddd; }
.sidebarBox-content p { margin-bottom: 5px; }
.sidebarBox-content p:last-child { margin-bottom: 0; }
/* ==========================================================================
Users List
========================================================================== */
.docViewUsersList { list-style-type: none; margin: 0; margin-bottom: 15px; }
.docViewUsersList:last-child { margin-bottom: 0; }
.docViewUsersList .userName { font-weight: bold; line-height: 1.3em; word-wrap: break-word; font-size: 12px; }
.docViewUsersList .userName .status { font-weight: normal; font-size: 11px; }
.userThumb:hover, .userThumb:focus { text-decoration: none; }
.userThumb:hover *, .userThumb:focus * { border: 1px solid #999; }
/** profile big list **/
.bigUserList li { width: 50%; float: left; margin-top: 10px; margin-bottom: 0; }
.bigUserList li.alt { margin-right: 0; }
.bigUserList a {margin-right: -3px;}
.bigUserList li:nth-child(-n+2){ margin-top: 0; }
.bigUserList li:nth-child(2n-1) { clear: both; }
.bigUserList li.odd { clear: both; }
.bigUserList li a.userThumb { float: left; position: relative; }
.bigUserList .userName { float: left; width: 62%; margin-left: 7%;}
.bigUserList .profile { /* width: 40px; */ width: 25px; height: 25px; font-size: 15px; line-height: 25px; }
.bigUserList .signed::after { content: ""; background: rgba(0,0,0,0.5) url("/public/images/signed_state.png") no-repeat 14px 14px; width: 36px; height: 36px; position: absolute; z-index: 400; top: 0; left: 0; border-radius: 3px; border: 1px solid #666; }
/** profile small list **/
.smallUserList .userThumb { display: block; width: 36px; }
/*.smallUserList .profile { width: 30px; }*/
.smallUserList li { display: inline-block; margin-right: 4px; }
.smallUserList li .userName { display: none; }
/* ==========================================================================
Action Buttons
========================================================================== */
/** download 1 **/
.icon-download { background: url("/cdn/public/images/action_icons/download_icon.png") no-repeat center 1px; }
.icon-download.icon-white { background: url("/cdn/public/bootstrap/img/glyphicons-halflings-white.png") no-repeat -120px -24px; }
/** upload **/
.icon-upload { background: url("/cdn/public/images/action_icons/icon_upload.png") no-repeat center 1px; }
.icon-upload.icon-white { background: url("/cdn/public/bootstrap/img/glyphicons-halflings-white.png") no-repeat -144px -24px; }
/** branch **/
.icon-branch { background: url("/cdn/public/images/action_icons/branch_icon.png") no-repeat center center; width: 8px;}
/** star **/
.icon-star { background: url("/cdn/public/images/action_icons/save_icon.png") no-repeat left 0px; height: 13px; }
.icon-star.icon-white { background: url("/cdn/public/bootstrap/img/glyphicons-halflings-white.png") no-repeat -120px 0; }
/** pencil **/
.icon-pencil { background: url("/cdn/public/images/action_icons/icon_pencil.png") no-repeat left top; }
.icon-pencil.icon-white { background: url("/cdn/public/bootstrap/img/glyphicons-halflings-white.png") no-repeat 0 -72px; }
/** download 2 (file) **/
.icon-file { background: url("/cdn/public/images/action_icons/icon_download2.png") no-repeat left 0; }
.icon-file.icon-white { background: url("/cdn/public/bootstrap/img/glyphicons-halflings-white.png") no-repeat -24px -24px; }
/** view **/
.icon-eye-open { background: url("/cdn/public/images/action_icons/icon_eye.png") no-repeat left 0; }
.icon-eye-open.icon-white { background: url("/cdn/public/bootstrap/img/glyphicons-halflings-white.png") no-repeat -96px -120px; }
/** wrench (settings) **/
.icon-wrench { background: url("/cdn/public/images/action_icons/icon_wrench.png") no-repeat left 0; }
/** trash (delete icon) **/
.icon-trash { background: url("/cdn/public/images/action_icons/icon_trash.png") no-repeat left top; }
.icon-trash.icon-white { background: url("/cdn/public/bootstrap/img/glyphicons-halflings-white.png") no-repeat -456px 0; }
/** edit (edit icon) **/
.icon-edit { background: url("/cdn/public/images/action_icons/icon_edit.png") no-repeat left top; }
.icon-edit.icon-white { background: url("/cdn/public/bootstrap/img/glyphicons-halflings-white.png") no-repeat -96px -72px; }
/* ==========================================================================
Annotations
========================================================================== */
.annotation { margin: 0; padding: 15px; background: #f2f2f2; color: #7e7e7e; border: 1px solid #dcdcdc; font-family: "helvetica neue", helvetica, arial, sans-serif; }
.annotation p { font-size: 13px; }
.annotation p:last-child { margin-bottom: 0; }
.annotation a.show-more { font-weight: bold; border: none; padding: 0; padding-right: 10px; background: url("/public/images/show_more_arrow.png") no-repeat right 5px; display: inline-block; height: 15px; line-height: 15px;}
.annotation a.show-more:hover { background-position: right -7px; }
/* ==========================================================================
Tags
========================================================================== */
.tags-container a:link, .no-tags a:link, .no-tags a:visited, .tags-container a:visited { color: #8a8a8a; border: 1px solid #cecece; background: #fafafa; padding: 2px 8px; text-align: center; font-size: 10px; text-transform: uppercase; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.tags-container a:hover, .no-tags a:hover { text-decoration: none; background: #e4e4e4;}
/* ==========================================================================
Labels
========================================================================== */
.privacy-status.status-label { display: inline-block; padding-left: 25px; padding: 5px 5px 5px 20px; border-radius: 3px; font-weight: bold; font-size: 0.8em; }
.privacy-status.public.status-label { background-position: 5px -18px; }
.privacy-status.private.status-label { background-position: 5px 3px; }
/* ==========================================================================
Edit Button & Editable Areas
========================================================================== */
a.edit-button:link, a.edit-button:visited { display: inline-block; background-color: #dcf0f6; /* background: #dcf0f6 url("/public/images/action_icons/icon_pencil_edit.png") no-repeat 3px 2px; */ border: 1px solid #479dbf; line-height: 10px; font-size: 10px; text-transform: uppercase; padding: 3px 5px; font-weight: bold; border-radius: 4px; vertical-align: top; }
.editable-hover { background-color: #e9f3f6; cursor: pointer; border: 1px solid #cadfe8; }
.editable-area textarea { margin-bottom: 5px; resize: none; border-radius: 0; }
.editable-area form { margin-bottom: 0; }
.editable-area form .btn { width: 80px; }
.cancel-editing { margin-left: 5px; }