/* ---------------------------------------------------------------------- */
/* NOTE:  this file is processed by styles.php, not read directly */
/* ---------------------------------------------------------------------- */

/* ---------------------------------------------------------------------- */
/* GENERAL */
/* ---------------------------------------------------------------------- */

* {
	font-family: arial, sans;
	padding: 0;
	margin: 0;
}

body {
	background-color: #ece9e0;
	background-image: url(_static/images/site-bgtile.gif);
	height: 100%;
}

/* ---------------------------------------------------------------------- */
/* SPECIAL GLOBAL ELEMENTS */
/* ---------------------------------------------------------------------- */

#siteContainer {
	width: 1050px;
	margin: 4px auto 10px auto;
	background-color: transparent;
}

#notification {
	display: none;
	box-shadow:    6px 6px 4px #777;
	position: absolute;
	z-index: 1000;
	width: 1020px;
	padding: 15px;
	border: 1px solid black;
	border-radius: 10px;
	background-color: #efd;
	font-size: 18px;
	opacity: 0.9;
}

#notification button {
	float: right;
	padding: 4px;
	font-size: 16px;
}

#siteControls {
	text-align: right;
	font-size: 8pt;
	xbackground-color: #ece9e0;
	background-color: transparent;
}
#siteControls a, 
#siteControls a:visited, 
#siteControls a:active
{
	color: #00a;
	text-decoration: none;
}
#siteControls a:hover
{
	text-decoration: underline;
}

#adminCheckbox {
	xheight: 2px;
	xwidth: 14px;
	xborder: 2px solid red;
}

#headerBanner {
	background-color: #ddd;
}

#rootMenuContainer {
	xbackground-color: #ece9e0;
	background-color: transparent;
	border-bottom: 1px solid grey;
}

#subMenuContainer {
	background-color: #ece9e0;
	padding-top: 6px;
	border: 1px solid grey;
}

#contentArea { /* table */
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	border: 1px solid grey;
	border-top: none;
	background-color: #fff;
}
#contentArea td {
	vertical-align: top;
}
#contentArea .firstCol {
	width: 200px;
}

#pageListContainer {
	padding: 5px;
	padding-top: 15px;
	background-color: #fff;
}

#pageDetailContainer {
	padding: 20px 10px 10px 15px;
}

tr.pageListSectionLabel {
	border: 0;
}
tr.pageListSectionLabel td:hover {
	box-shadow: none;
}

tr.pageListSectionLabel td {
	padding-top: 10px;
	font-weight: bold;
	border: 0;
}

/* login form */


#loginFormContainer {
	padding: 25px;
	margin: 20px auto;
	background-color: white;
	border: 1px solid grey;
	width: 550px;
}

#loginFormContainer h1 {
	color: #765;
	font-size: 16pt;
	text-align: left;
	padding-bottom: 20px;
}
#loginFormContainer table {
	border-collapse: collapse;
}
#loginFormContainer table td {
	padding: 5px;
}

#loginFormContainer input {
	border: 1px solid grey;
	padding: 2px;
}

p.copyright {
	font-size: 8pt;
	color: #777;
}

/* ---------------------------------------------------------------------- */
/* GENERAL ELEMENTS */
/* ---------------------------------------------------------------------- */

.pageTitle {
	font-size: 18pt;
	font-weight: bold;
	padding-right: 2em;
}
#pageDetailContainer>p 
 {
	font-size: 11pt;
	padding: 10px 10px 10px 10px;
	color: #555;
	margin-right: 150px;
}

#pageDetailContainer>ul,
#pageDetailContainer>ol
 {
	font-size: 11pt;
	padding: 10px 10px 10px 10px;
	color: #555;
	margin-left: 25px;
	margin-right: 150px;
}

.assetContainer {
	/* border-top: 1px dotted #c7b677; */
	padding: 0;
}
.assetContainer p {
	font-size: 10pt;
	padding-bottom: 10px;
	color: #555;
}

.assetContainer ul ,
.assetContainer ol {
	font-size: 10pt;
	padding-bottom: 10px;
	margin-left: 25px;
	color: #555;
}

div.assetContainer table  {
	border-collapse: collapse;
}
div.assetContainer table td {
	padding: 5px 2px 5px 2px;
	border: 2px solid white;
}

div.assetRowEven table td {
}
div.assetRowOdd table td {
	background-color: #f5f3f0;
}

.assetTitle {
	font-size: 18pt;
	font-weight: bold;
	padding: 10px 2em 10px 0;
	margin: 0;
}

div.downloadLink {
	/* float: right; */
	font-size: 10pt;
}
div.downloadLink img {
	border: none;
	padding: 30px 44px;
}
img.zipListLink  {
	padding: 0 !important;
	margin-bottom: -5px;
}

div.editControls {
	padding-left: 10px;
	float: right;
	font-size: 10pt;
	white-space: nowrap;
}
.editControls img {
	border: 0;
}

div.assetInfoContainer {
	padding: 0 10px 15px 10px;
}

/* ---------------------------------------------------------------------- */
/* FILE MANAGER */
/* ---------------------------------------------------------------------- */
div.fileManagerContainer table {
	margin-left: 30px;
	border: 0;
}
div.fileManagerContainer table tr:nth-child(odd)  {
	background-color: #f0f2fe;
}
div.fileManagerContainer tr:hover {
	/* background-color: #fff5aa !important; */
	background-color: #aaccff !important;
}
div.fileManagerContainer tr.fileManagerControls {
	background-color: #fff !important;
}
/*
div.fileManagerContainer tr.fileManagerControls td>div,
div.fileManagerContainer tr.fileManagerControls td button
*/
div.fileManagerContainer tr.fileManagerControls td>*
{
	margin-left: 14px;
}

div.fileManagerContainer table td {
	font-size: 11px;
	padding: 6px 8px 6px 8px;
	vertical-align: middle;
}
div.fileManagerContainer table td:first-child {
	min-width: 300px;
}
div.fileManagerContainer table td:first-child img {
	padding-left: 6px;
}
div.fileManagerContainer table td a {
	text-decoration: none;
}
div.fileManagerContainer table td a:hover {
	text-decoration: underline;
}
div.fileManagerContainer img.fileManagerDelete {
	cursor: pointer;
	visibility: hidden;
}

div.fileManagerContainer tr:hover img.fileManagerDelete {
	visibility: visible;
}


/* ---------------------------------------------------------------------- */

.sharedLegend {
	border: 1px solid #aaa;
	border-radius: 8px;
	padding: 4px 3px 6px 3px;
	font-size: 10px;
	color: #666;
	margin: 15px 0;
	float: left;
}
.sharedLegend ul {
	margin: 0;
	list-style-type: none;
}
.sharedLegend li {
	margin: 0 10px;
	display: inline;
	vertical-align: middle;
}
.sharedLegend li img {
	margin-bottom: -7px;
}

#sharedUploadShow img {
	margin-bottom: -3px;
}
#sharedUploadShow a {
	font-size: 13px;
	color: #666;
	text-decoration: none;
}
#sharedUploadShow a:hover {
	color: #239;
	text-decoration: underline;
}

div.sharedAssetContainer {
	float: left;
	width: 198px;
	height: 315px;
	overflow: hidden;
	margin: 0 7px 18px 0;
	position: relative;
}

.sharedAssetPreviewThumbContainer {
	position: relative;
	width: 194px;
	height: 194px;
	margin-bottom: 8px;
	background-color: #f2f2f2;
	text-align: center;

	background-repeat: no-repeat;
	background-position: center center;

	border-radius: 12px;
	box-shadow:    2px 2px 3px #eee;
    transition: all 0.1s linear;
}

.sharedAssetStatusIcon {
	position: absolute;
	width: 24px;
	height: 24px;
	top: 170;
	left: 170;
}

.sharedAssetPreviewThumbContainer:hover {
	border-radius: 12px;
	box-shadow:         2px 2px 3px #aaa;

}

span.sharedAssetTitle {
	font-weight: normal; 
	font-size: 11px;
	padding: 1px 3px; 
	color: gray;
	position: absolute;
	top: 4;
	left: 3;
}

.sharedAssetLinks {
	width: 198px;
	height: 148px; /* height - top? */
	position: absolute;
	padding-top: 14px;
	background-color: rgba( 240, 244, 249, 0.85 ); 
	color: white;
	font-weight: bold;
	border-radius: 12px; /* match parent */
}
.sharedAssetLinks a {
	color: white;
	text-decoration: none;
}
.sharedAssetLinks a:hover {
	text-decoration: underline;
}
.sharedAssetLinkSubscript, .sharedAssetLinkSubscript a {
	font-size: 9px !important;
	font-weight: normal;
	text-decoration: none !important;
}

.sharedAssetLinks a:hover .sharedAssetLinkSubscript {
	text-decoration: none !important;
}

span.sharedAssetLink {
	display: block;
	padding: 5px 8px;
	margin: 7px 25px;
	font-size: 13px;
	text-align: center;
	background-color: #cdae6a;

	cursor: pointer;
}
span.sharedAssetLink:hover {
	background-color: #663300;
}

div.sharedAssetContainer p {
	color: #444;
	font-size: 12px;
	margin: 3px 0 2px 0;
}

p.sharedAssetCommentLink a {
	color: #43c;
	text-decoration: none;
}
p.sharedAssetCommentLink a:hover
{
	text-decoration: underline;
}

#showNewCommentForm {
}

/* ---------------------------------------------------------------------- */

.commentBackLink {
}
.commentBackLink a {
	font-size: 13px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
.commentBackLink a:hover {
	text-decoration: underline;
	color: #36c;
}

p.commentAssetCreatedBy {
	font-size: 11px !important;
	margin: 5px 0 5px 3px !important;
}
p.commentAssetCreatedBy a {
	color: #23a;
}

div.sharedAssetModifyFileList table {
	border: 0;
}


/* ---------------------------------------------------------------------- */
#newCommentForm {
	margin-top: 15px;
}
#newCommentForm textarea {
	margin-bottom: 5px;
}

.newCommentButton {
	border-radius: 5px;
	padding: 3px;
	font-size: 16px;
	background-color: #bfb;
}

/* ---------------------------------------------------------------------- */
div.sharedAssetComment {
	background-color: #f5f3f0;
	border: 1px solid #e8e2db;
	border-radius: 3px;
	margin-top: 15px;
	margin-right: 30px;
}
div.sharedAssetComment h4 {
	/*background-color: #e8e2db; */
	background-color: #f5f3f0;
	color: #666;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 4px 2px 11px;
	margin-bottom: 8px;
}
div.sharedAssetComment h4 a {
	color: #23a;
}
div.sharedAssetComment h4 .commentDeleteLink,
div.sharedAssetComment h4 .commentDeleteLink a {
	display: none;
	float: right;
	font-size: 11px;
	color: #fca;
	font-weight: normal;
	text-decoration: none !important;
}
div.sharedAssetComment:hover .commentDeleteLink,
div.sharedAssetComment:hover .commentDeleteLink a {
	display: block;
}
div.sharedAssetCommentPinned {
	border: 1px solid #a8e2ab;
	background-color: #f0ffe0;
}
div.sharedAssetCommentPinned h4 {
	background-color: #f0ffe0;
}

div.sharedAssetComment p {
	padding: 5px 12px;
	color: #333;
	font-size: 14px;
}
div.sharedAssetComment:hover  {
	xborder: 1px solid #aaa;
	box-shadow:         2px 2px 3px #ddd;
}

div#newCommentForm {
	margin-right: 30px;
}
div#newCommentForm h4 {
	background-color: #249;
	color: white;
	font-size: 13px;
	padding: 2px 4px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
div#newCommentForm textarea {
	padding: 5px;
	color: #125;
	font-size: 14px;
}

.requiredFlag {
	color: red;
}
/* ---------------------------------------------------------------------- */

.sharedAssetModifyFileList table {
	margin: 10px;
}
.sharedAssetModifyFileList td {
	border-right: 1px solid white;
	padding: 4px 9px 4px 5px;
	font-size: 13px;
}
.sharedAssetModifyFileList td:first-child {
	min-width: 300px;
}
.sharedAssetModifyFileList  tr:nth-child(odd)  {
	background-color: #f0f2fe;
}

.sharedUpdateBackLink  {
	float: right;
}
.sharedUpdateBackLink a {
	font-size: 13px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}
.sharedUpdateBackLink a:hover {
	text-decoration: underline;
	color: #36c;
}

/* ---------------------------------------------------------------------- */

#sharedUpdateMeta {
	margin-left: 10px;
}
#sharedUpdateMeta td {
	color: #666;
	font-size: 15px;
}
#sharedUpdateMeta td {
	height: 25px;
}
#sharedUpdateMeta input, #sharedUpdateMeta select {
	font-size: 15px;
	color: #666;
}

#sharedUpdateMeta button {
	margin-top: 15px;
	padding: 4px 8px;
	font-size: 14px;
}


/* ---------------------------------------------------------------------- */
/* PREVIEWS */
/* ---------------------------------------------------------------------- */


.previewListContainer {
	width: 230px;
}

.previewThumbContainer {
	text-align: center;
	padding: 8px 3px;
}
.previewThumbContainer img {
	border: none;
}
.previewThumb {
	padding: none;
	margin: auto auto !important;
	cursor: pointer;
}

.previewPdfLink {
	margin: auto 0 ;
	text-align: center;
	font-size: 12px;
}
.previewPdfLink a{
	text-decoration: none;
}
.previewPdfLink a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------------------------------- */
/* TABS @tab */
/* ---------------------------------------------------------------------- */

table.tabSet {
	xxxborder-collapse: collapse;
	margin-bottom: -3px;
}

.tabSet td {
	border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	-webkitz-border-radius: 4px 4px 0 0;

	padding: 2px 7px 1px 7px;
	border: 1px solid grey;
	border-bottom: 1px solid grey;
	background-color: transparent;
	font-size: 9pt;
}

.tabSet td.tabSelected {
	border: 1px solid grey;
	background-color: white;
	border-bottom: none;
}
.tabSet td.tabSpacer {
	padding-left: 1px !important;
	width: 0px;
	overflow: hide;
	border: none;
	border-bottom: 1px solid grey;
	background-color: transparent;
}
.tabSet td a {
	color: #333;
	text-decoration: none;
}

/* page list */

table.pageList {
	margin-bottom: -1px;
	width: 100%;
	padding: 2px 2px 2px 0px;
}

.pageList td {
	padding: 3px 5px 3px 5px;
	width: 100%;
	border: 1px solid grey;
	background-color: transparent;
	font-size: 10pt;

	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkitz-border-radius: 2px 2px 2px 2px;
}

.pageList td.pageSelected {
	background-color: #c7b677;
	box-shadow:         2px 2px 3px #ddd;
}
.pageList td:hover {
	box-shadow:         2px 2px 3px #ddd;
}

.pageList td.pageShared {
	color: #273fcd; 
	border: 1px solid #273fcd; 
	background-color: #ffffff;
}

.pageList td.pageSharedSelected {
	border: 1px solid #273fcd;
	background-color: #273fcd;
}

.pageList td.pageSharedSelected a {
	color: white;
}


.pageList td a {
	color: #776529;
	text-decoration: none;
}
.pageList td.pageShared a {
	color: #273fcd;
	text-decoration: none;
}

.pageList td.pageSelected a {
	color: black;
}

/* ---------------------------------------------------------------------- */
/* MENUS */
/* ---------------------------------------------------------------------- */

.tabSet td.rootMenu {
	border: none;
}

.tabSet td.rootMenu:hover {
	text-shadow: 2px 2px 2px #555;
}

.tabSet td.rootMenuSelected {
	background-color: #cdbe83;
	border-top: 1px solid grey;
	border-left: 1px solid grey;
	border-right: 1px solid grey;
	border-bottom: 1px solid #cebf84;
}

.tabSet td.subMenuSelected {
	background-color: white;
	border-bottom: none;
}

#subMenuContainer .tabSet td {
	padding: 2px 8px 3px 8px;
	font-size: 11pt;
}

.tabSet td.subMenu:hover {
	background-color: white;
}



/* disabled and invisible */

.disabledDisplayItem a, .disabledDisplayItem .assetTitle {
	text-decoration: line-through !important;
}

.invisibleDisplayItem {
	border: 1px dashed black !important;
}

.invisibleDisplayItem a {
	color: #666 !important;
	font-style: italic;
}

/* ---------------------------------------------------------------------- */
/* SITEMAP */
/* ---------------------------------------------------------------------- */

#adminTableContainer {
	background-color: white;
	border: 1px solid grey;
}

#adminTableContainer h1 {
	padding: 15px 0 0px 15px;
	font-size: 12pt;
}
#adminTableContainer table {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	border-collapse: collapse;
	font-size: 9pt;
}

#adminTableContainer table td
{
	padding: 0 9px 1px 5px;
}

#adminTableContainer table th  {
	
	background-color: #bdf;
	border-right: 1px solid white;
	padding: 1px 9px 2px 5px;
}
#adminTableContainer table tr:nth-child(odd)  {
	background-color: #f0f2fe;
}

/* ---------------------------------------------------------------------- */
/* RECENT UPDATES TABLE */
/* ---------------------------------------------------------------------- */

#recentUpdatesTableContainer {
	background-color: white;
}

#recentUpdatesTableContainer>table {
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	border-collapse: collapse;
	font-size: 10pt;
}

#recentUpdatesTableContainer>table td
{
	padding: 2px 9px 4px 8px;
	white-space: nowrap !important;
}

#recentUpdatesTableContainer>table th  {
	
	background-color: #bdf;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding: 2px 9px 4px 5px;
}
#recentUpdatesTableContainer>table tr:nth-child(odd)  {
	background-color: #f3f5ff;
}


/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */