/* 	@group Defaults
	manascisaac green #99C525
	manascisaac grey (text) #554
	dark grey background  #3D3D2A->#767562
	light grey background  #e4e2d8->#f1efe6   Joel:eaeae5

	Layer Hierarchy
		serverMessageWindow:30	(always on top)
		fckeditor:			20
		permissionsBox:		15
		notifyBox			15
		blogToolbar			10
		imageInfo:			10
		menuContainer: 		5
		portfolio thmbnls:	5
		bgImage: 			0 	(behind other layers)
*/

@page { size: landscape; }	/* print in landscape - not fully supported */

html, body {
	background:transparent none no-repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:14px; 
	color:#ddd;
}

p, p span, label, .span, .p, a, textarea {font-size:14px; line-height:24px; color:#eee; margin:14px 0 0 0;}
.ui-widget p, .ui-widget span, .ui-widget label, .ui-widget a, .ui-widget textarea {color:#554; margin:auto;}	/* jquery dialog, slider widgets etc */
h1, h1 span, .h1 {font-size: 26px; line-height:36px; font-weight: 100; color:#fff; margin:0;}
h1.blogPreviewTitle {color:#554;}
h2, h2 span, .h2 {font-size: 24px; line-height: 34px; font-weight:100; color: #fa0; margin: 34px 0 24px 0;}
h3, h3 span, .h3 {font-size: 20px; line-height:30px; font-weight:100; color:#99C525; margin:30px 0 20px 0;}
h4, h4 span, .h4 {font-size:16px; line-height:26px; font-weight:800; color:#ddd; margin:26px 0 16px 0;}
li, .li {margin:14px 0 0 10px}
label {color:#bbb; line-height:28px; }
a {text-decoration: none; line-height: 20px; border-bottom:1px dotted #aaa}
a:hover {border-bottom:none;}
h1 a, h2 a, h3 a, h4 a {color:inherit; font-size:inherit;}
table {background-color: transparent; margin: 20px 0 20px 0;}
th {background-color: #eed; font-weight: bold; padding: 6px; text-align: left;}
fieldset {border-style: none; margin:0; padding:0; }
a img { border: none ;}
code {margin:0; padding:0; display:inline; font-size:14px; line-height: 14px; color: blue; font-family:"Courier New", Courier, monospace;}
hr {clear:both; width:100%; border:1px solid #aa9;}
hr.notContent {width:100%}
hr.sectionBreak {border:red solid 1px; width:80%; display:none}
textarea { border:1px dotted #ddd; font-size:14px; line-height:22px; color:#99C525; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top:8px; width:100%; overflow:hidden;}
input.inPlaceEditor { border:1px dotted #bbb; }
span.draft {color:red}
span.pageAuthor {color:#554; font-size:12px; font-family:"Courier New", Courier, monospace;}
span.pageTimestamp {color:#554; font-size:12px; font-family:"Courier New", Courier, monospace;}

@media print {.noPrint {display:none}}
.fullWidth {width:100%; }	/* fake background image */
.grey {color:#999}
.dashed {border:1px dashed #999;}
.editorLink {font-size:11px; font-weight:500; color:#09c}
.border {border: 1px solid #DDDDDD;}
.hide {display:none}
.error, span.error {font-size:20px; color: red; text-shadow: 0 0 10px #fff;}
.success, span.success { font-size:20px; color: green; text-shadow: 0 0 10px #fff;}
.small, span.small {font-size:11px; font-weight:500;}
.centre { text-align:center; }
.info {font-size:11px; font-weight:500;color:green;}
.clear {clear: both; height: 0px; display:block;}
.hide {display:none;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.checkBox {margin:10px 10px 0 0; padding:2px 3px 2px 3px; background-color: #FFCCFF; border: solid thin #666666;}
.green {color:#99C525;}
.highlight {border:1px solid red; padding:0 3px 0 3px}
img.border {border: 2px solid #554}
.link {cursor:pointer; border-bottom:1px dotted #aaa}
.inherit {font-size:inherit; color:inherit; font-weight:inherit; display:inherit; border:inherit}
.editable, .ui-widget p.editable, .ui-widget span.editable, .ui-widget label.editable, .ui-widget a.editable, .ui-widget textarea.editable {color: #00F;/* white-space:nowrap;*/}

/* fck legacy setting */
img[align=left] {margin:0 20px 0 0} /* this styles the fckeditor image attributes */
img[align=right] {margin:0 0 0 20px} /* this styles the fckeditor image attributes */

/* ckeditor image attributes */
img[style~="left;"], img.left {margin:0 20px 0 0} /* the .left class is for IE7 which can't use the css attr selector */
img[style~="right;"], img.right {margin:0 0 0 20px} /* the .right class is for IE7 which can't use the css attr selector */

img.thumbnail {height:60px; margin:0}
#fileList img.thumbnail {margin-right:10px; float:left; max-width:200px}

/*------------ page box structure ----------------------------------------*/



#permissionsBox {
	display:none;
	position: fixed;
	top:250px;
	left: 40%;
	background-color: #554;
/*	opacity: 0.9; filter:alpha(opacity=90); */
	border: 1px  outset #000;
	padding:5px;
	max-width:500px;
	z-index:15;
	-moz-border-radius: 5px;		/* Firefox */
	-webkit-border-radius: 5px;		/*Safari, Chrome etc*/
	border-radius: 5px;				/* CSS version 3 */
}
#permissionsBox .groupsLabel {color:#fff}
#permissionsBox .defaultsLabel {color:#ddd}
#permissionsBox table {padding:0; margin:0px;}
#permissionsBox th {color:white; background-color: #554; border-bottom:1px solid #ddd;  font-weight: bold; padding: 6px; margin-bottom:15px; text-align:left;}
#permissionsBox .buttons {margin-top: 15px;}


/* ckeditor toolbar */
#cke_top_replaceMe, #ckeditorToolbar {
	background-color:#554;
	-moz-border-radius: 5px;		/* Firefox */
	-webkit-border-radius: 5px;		/*Safari, Chrome etc*/
	border-radius: 5px;				/* CSS version 3 */
	-moz-box-shadow: 3px 3px 10px #332;
	-webkit-box-shadow: 3px 3px 10px #332;
	box-shadow: 3px 3px 10px #332;
}

#blogToolbar {
	color:#fff;
	background-color:#554;
	opacity:0; filter: alpha(opacity=0);
	-moz-border-radius: 5px;		/* Firefox */
	-webkit-border-radius: 5px;		/*Safari, Chrome etc*/
	border-radius: 5px;				/* CSS version 3 */
	-moz-box-shadow: 3px 3px 10px #332;
	-webkit-box-shadow: 3px 3px 10px #332;
	box-shadow: 3px 3px 10px #332;
}
#blogToolbar label, #blogToolbar span {color:#fff;}
#blogToolbar hr {margin:5px; visibility:hidden}


#notifyBox {
	display:none;
	position: fixed;
	top:250px;
	left: 30%;
	background-color: #eaeae0;
	border: 1px outset #000;
	padding:10px;
	max-width:500px;
	z-index:105;
}
#notifyBox h2 {margin:0}



/*** login system ***/
#loginStatus {
	position: fixed;
	bottom:auto;
	right:0;
	bottom: 0;
	opacity:0.8; filter: alpha(opacity=80);
	background-color:#fff;
	border-top: 1px solid #aa9;
	border-left: 1px solid #aa9;
}
#loginStatus #homeLink {display:none;}
#loginStatus table {margin:0; padding:0px;}
#loginStatus td {padding:0 5px 0 5px; white-space: nowrap;}
.leftBorder {border-left: 1px solid #aa9;}
#loginStatus a {color:#554; border:none; font-size:smaller;}
#loginStatus a:hover {color:#000}
#loginForm label { white-space:nowrap; color: #554; }
@media print {#loginStatus, #loginForm {display:none}}



/* this applies to the launchpad page login only */
#launchpad #loginStatus {
	position: static;
	background-color:transparent ;
	opacity:1; filter: alpha(opacity=100);
	margin-left:50px;
	border:none;
}
#launchpad #pageFooter #loginStatus {display:none}
#launchpad #loginStatus #cmsLink, #launchpad #loginStatus #adminLink, #launchpad #loginStatus #cmsLink, #launchpad #loginStatus #profileLink {display:none}
#launchpad #loginStatus a {color:#99C525; font-size: 20px;}
#launchpad #teamPortalLink {display:none}








#pageContainer {
	position: absolute;
	top:30px;
	left:7%;
	right:7%;
	min-width: 770px;		/* 800 (SVGA) - left margin - right margin - scrollbar */
}
@media print {#pageContainer {top:0px; left:3%; right:3% }}




/********* header group **********/
#pageHeader {
	min-height: 100px;
	width: 100%;
}
@media print {#pageHeader {display:none}}

#menuContainer { position: absolute; margin-right:200px; z-index:5 }		/* prevent menu spill into the logo/slogan/search area */
#menuContainer ul { padding:0; margin:0 }		/* suppress indentation of list items in unordered list */
#menuContainer li, #menuContainer a:link, #menuContainer a:visited, #menuContainer a:active { color:#554; font-size:14px; line-height:20px; letter-spacing:0px; list-style:none; margin:0}
#menuContainer a {border:none}
#menuContainer a.selected { color: #99C525; font-size:14px; letter-spacing:0px; line-height: 20px; cursor: default; }
#menuContainer a:hover, #menuContainer li.selected a:hover {border-bottom:1px solid #99C525}	/* this is mostly configured dynamically by javascript (cascadingMenu.js and config.js) */
#menuContainer img { height:10px; }


.menuSection {
	float: left;
	padding: 0 10px 0 10px;
	border-left: 1px solid #99C525;			/* #B5CE18; */
	background: url(/img/manascisaac/whiteBg70.png) repeat;
}


#logo {
	position: absolute;
	top:0px;
	right:0px;
}
#logo img {width:80px;}
#logo a {border:none}

#slogan {
	position: absolute;
	top:0px;
	right:160px;
	width:130px;
	text-align:right;
}


#menuEditButtons {position:absolute; top:0; right:-90px}
#menuEditButtons span {color:#554;}
#projectView #menuEditButtons {right:-75px}



/******* Search page & search bar **********/
#searchView h2 {margin: 0}


.searchBar {
	position: absolute;
	top:80px;
	right:160px;
}
input.search {
	vertical-align:top;
	width:180px;
	font-size: 12px;
	color:#554;
	height: 18px;
	padding:0;
	margin:0;
	border:1px dotted #ddd;
}

/* custom form button */
.searchButton {
	vertical-align:top;
	height: 20px;
	margin:0 0 -5px 0;
	padding:0;
}


#serverMessageWindow {
	position: fixed;
	top: 150px;
	right: 400px;
	z-index: 30;
}


/************ main content group ************/
#mainContentContainer {
	position: relative;
	width: 100%;
	margin: 30px 0 20px 0;
	min-height:300px;	/*this will be re-sized by javascript to accommodate a bgimage */
	border-top:1px solid #eee;
}
#userProfile #mainContentContainer { min-height:250px;	/*this will be re-sized by javascript to accommodate a bgimage */ }
#finder #mainContentContainer { min-height:900px;	/*this will be re-sized by javascript to accommodate a bgimage */ }

#mainContentContainer h1.contentTitle {font-size:22px; margin:24px 0 0 40px; font-weight:700}
#wiki #mainContentContainer h1.contentTitle {margin:0 0 0 0 }
#blog #mainContentContainer h1.contentTitle {margin-bottom: 25px}

#default2View #mainContentContainer h1.contentTitle,
#awardsView #mainContentContainer h1.contentTitle,
#defaultView #mainContentContainer h1.contentTitle,
#subcontracts #mainContentContainer h1.contentTitle,
#contactView #mainContentContainer h1.contentTitle,
#crm #mainContentContainer h1.contentTitle,
#searchView #mainContentContainer h1.contentTitle {margin:24px 0 20px 0;}

#crm #mainContentContainer h1.contentTitle { 
	margin:0px;
	color: #554;
	padding:30px 20px 10px 20px; 
	display:inline; 	
	-moz-border-radius: 5px;		/* Firefox */
	-webkit-border-radius: 5px;		/*Safari, Chrome etc*/
	border-radius: 0 0px 30px 0;				/* CSS version 3 */
	background-color: #fff;
	opacity: 0.9; filter:alpha(opacity=90);
}


/* pages which need a heading bullet */
#blog #mainContentContainer,
#default2View #mainContentContainer,
#awardsView #mainContentContainer,
#subcontracts #mainContentContainer,
#searchView #mainContentContainer,
#crm #mainContentContainer,
#defaultView #mainContentContainer {background-image: url(/img/manascisaac/headingBullet.png); background-repeat:no-repeat }

/* pages which have a light grey background */
#blog #mainContentContainer,
#wiki #mainContentContainer,
#userProfile #mainContentContainer,
#launchpad #mainContentContainer,
#homepage #mainContentContainer,
#defaultView #mainContentContainer,
#default2View #mainContentContainer,
#awardsView #mainContentContainer,
#subcontracts #mainContentContainer,
#searchView #mainContentContainer { background-color: #eaeae0 }

#crm #mainContentContainer { background: url(/img/manascisaac/crm_background.png) repeat; padding-bottom:5px }


#mainContentContainer.greybg  {	background-color: #444433; }

#mainContentBody, #awardsView #mainContentBody, #default2View #mainContentBody, #searchView #mainContentBody { margin:10px 33% 20px 30px;}
#blog #mainContentBody { margin: 0 35% 0 0; }
#wiki #mainContentBody, #adminView #mainContentBody { margin:0; }
#subcontracts #mainContentBody, #crm #mainContentBody, #defaultView #mainContentBody { margin:10px 10px 0 30px;}

/* custom bullets for editable html content */
#mainContentBody ul, #xEditingArea ul {margin:0; padding:0}
#mainContentBody ul li, #xEditingArea ul li {list-style:none;}
#mainContentBody ul li:before, #xEditingArea ul li:before {content:"» " }
#crm #mainContentBody ul li:before {content:"" }



#searchView #contentTarget a {text-decoration:underline; border:none; color:blue;}
#searchView #contentTarget a h3, a h3 span {display:inline; color:blue; }

.wideBody #mainContentBody { margin: 0; }

.pageToolbar {float:right; margin:20px 20px 0 0 }
.pageToolbar #pageDeleteButton {height:20px; margin: -30px 7px; right:0; position: absolute; cursor:pointer;}
@media print {.pageToolbar {display: none }}


.toolbar {
	float:right;
	white-space:nowrap;
	background-color: white;
	-moz-border-radius: 5px;		/* Firefox */
	-webkit-border-radius: 5px;		/*Safari, Chrome etc*/
	border-radius: 5px;				/* CSS version 3 */
	opacity: 0.8; filter:alpha(opacity=80);
	border:1px solid #ddc;
	margin:-5px -10px 0 0;
}

.toolbar img {
	margin:3px;
	height:30px;
}

.toolbar img.small {
	height:20px;
}


table.launchpad {width:96%; margin:20px 2% 0px 2%; padding:0}
td.launchpad {text-align:center; width:14%; height:85px;}
img.launchpad {height:70px;}
#launchpad a {color:#99C525; border:none}


.bgImage {position:static; width:100%;}


#default2View #bgImageMenu, #awardsView #bgImageMenu  {top:30px; left: auto; right: -40px;}




#homepage #bgImageDefault {display:none} /*the homepage displays a random rather than a default image */
#userProfile #bgImageLinkUrl {display:none} /*links on images in the user profile is probably too complex for all users to understand */
#projectView #bgImageLinkUrl {display:none} /*can't see a reason we'd need this */



#default2View #bgImageInfo {
	line-height:20px;
	margin-left:100px;
	padding:0 10px 0;
	position:absolute;
	top:120px;
	display:block;
	right:381px;
	top:70px;
	background: url(/img/manascisaac/whiteBg70.png) repeat;
	z-index:10;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /*Safari, Chrome etc*/
	border-radius: 5px; /* CSS version 3 */
}


#bgImageLink {
	position: absolute;
	top: 60px;
	padding:6px 10px 6px 10px;
	left:30px;
	background: url(/img/manascisaac/greyBg40.png) repeat;
	border:none;
}

#userProfile #bgImageContainer {display:none}	/* no background images on user profile pages on manascisaac */

.imageContainer { width:100%}
.imageContainer .thumbnails {
	position: absolute;
	top:0;
	margin:0px 0 0 -40px;
	width:40px; 
}
.imageContainer .imageInfo { 
	display:none;
	position: absolute;
	top:0;
	padding:0 10px 0px 10px;
	margin:120px 0 0 100px;
	background: url(/img/manascisaac/whiteBg85.png) repeat;
	z-index:10;
	border: 1px solid #dde;
	-moz-border-radius: 5px;		/* Firefox */
	-webkit-border-radius: 5px;		/*Safari, Chrome etc*/
	border-radius: 5px;				/* CSS version 3 */
	-moz-box-shadow: 3px 3px 10px #332;
	-webkit-box-shadow: 3px 3px 10px #332;
	box-shadow: 3px 3px 10px #332;
}
.imageContainer .imageInfo label, .imageInfo p {color:#554}

.imageContainer .thumbnails ul {margin:0; padding:0}
.imageContainer .thumbnails li {color: #809010; list-style:none; margin:0 0 5px 0;}
.imageContainer .thumbnails img {width:30px; display:block;  min-height:10px; }
.imageContainer .thumbnails img { border:1px solid #aa9; }
.imageContainer .buttons img, .imageContainer img.button { border:none; }
.imageContainer .thumbnails img:hover {cursor:pointer; opacity:0.8; filter:alpha(opacity=80);}
.imageContainer .thumbnails img.selected {cursor:default; width:38px; opacity:0.3; filter:alpha(opacity=30);}


/* custom image viewer instances */
#userBgImageContainer  .thumbnails { margin:0 0 0 -40px; }
#bgImage { width:100%; }
#userBgImage { width:100%;}










#blogHeadlines {					/* scales to fit window */
	position:absolute;
	width:35%;
	top:0px;
	height:65%;
	right:15%;
}
#blogHeadlines a {border:none}
#blogHeadlines hr {display:none}
#blogHeadlines div.body {						/* defines the rectangular element preceding the footer */
	position:relative;
	overflow:hidden;
	height:100%;
	background:url(/img/manascisaac/greyBg40.png) repeat;
}
#blogHeadlines div.body div.blogContent {
	position:absolute;
	padding:10px 25px 10px 30px;
}
#blogHeadlines .footer {						/* contains triangular background image */
	position:relative;
	width: 100%;
	padding: 0px;
}
#blogHeadlines .footer img { width: 100%; }
#blogHeadlines h1 {color:#99C525; font-size:16px; margin:30px 0 25px 0 }
#blogHeadlines ul {margin:0px; padding:0px}
#blogHeadlines li {font-size:14px; list-style: none; margin:0 0 20px 0;}
#blogHeadlines li:before {content:"» " }
#blogHeadlines a {color:#fff;}
#blogHeadlines a:hover {color:#eed;}




#searchView #rightImageSidebar h1 {color:#f1efe6; font-size:18px; font-weight:100 }
#searchView #rightImageSidebar h2 {color:#f1efe6; font-size:14px; font-weight:100 }
#searchView #rightImageSidebar label {color:white; font-size:12px; font-weight:100; white-space: nowrap; }
#searchView #rightImageSidebar a h2 {border-bottom:1px dotted #000 }
#searchView #rightImageSidebar input[type="text"] { width:75%;}
#searchView #rightImageSidebar select { background-color:#767562; color: #f1efe6; font-size:12px; border:1px dotted #ccb }
#searchView #rightImageSidebar { padding:20px 0 0px 10px; }

#default2View #rightImageSidebar img.bgImage, #awardsView #rightImageSidebar img.bgImage  {border-bottom:4px solid #fff; position: relative;}
#default2View #rightImageSidebar img.first, #awardsView #rightImageSidebar img.first {border-top:4px solid #fff;} /*the first image also needs a top border*/
#default2View #rightImageSidebar a, #awardsView #rightImageSidebar a {margin:0; padding:0; line-height:0}	/* eliminate the padding around LINKED images */

#rightImageSidebar .dragDropIcon { position: absolute; top:20px; right:100px;}

#rightSidebarBackground {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width: 30.3%;
	background-color:#767562;
/*	z-index:-1;	necessary to prevent the background from covering the images */
}

#rightImageSidebar  {
	float: right;
	width: 30.3%;
 	padding:60px 0 30px 0;
 	background-color:#767562;
/*	border-left:#fff solid 4px; */
}

#rightImageSidebar a {border:none}


/************ tabbed user info box for personal profiles *******************/

.tabMenu {
	height: 40px;
	padding:0;
	overflow:hidden;
}

.tabMenu a { border: none; display: block; margin:0px; color:#886;}
.tabMenu ul {margin:0; padding:0}
.tabMenu li {
	float: left;
	position: relative;
	font-size: 14px;
	text-align: center;
	list-style:none;
	color:#886;
	background-color:#fff;
	height:23px;
	padding:5px;
	margin:0 5px 0 0;
	overflow-y:hidden;
	background: url(/img/manascisaac/whiteBg85.png) repeat;
/*	background:  #fff; */
	border-top:#fff solid 1px;
	border-left:#fff solid 1px;
	border-right:#bbb solid 1px;
	border-bottom:#bbb solid 1px;
 }
.tabMenu li.selected { height:29px; border-bottom:none;}
.tabMenu li a:hover {color:#554; }



.tabContent {
	padding: 20px;
	background: url(/img/manascisaac/whiteBg85.png) repeat;
/*	background:  #fff; */
	border-left:#fff solid 1px;
	border-bottom:#bbb solid 1px;
	border-right:#bbb solid 1px;
	overflow:auto;
}
.tabContent #header {
	position: relative;
	width:100%;
	padding:0;
	margin:0;
}
.tabContent #header h1, .tabContent #header span {font-size:14px; font-weight:500; color:#99C525; }


#userProfile .tabWindow {
	position:absolute;
	overflow: visible;
	right:42px;
	width:45%;
	top:30px;
	bottom: 30px;
}


#userProfile .tabContent {
	overflow:auto;	
	height:80%;
}


#crm .tabWindow {
	margin: 70px 5% 20px 5%;
	padding:0;
}


#crm .tabMenu {
	-moz-border-radius: 10px 0 0 0;		/* Firefox */
	-webkit-border-radius: 10px 0 0 0;		/*Safari, Chrome etc*/
	border-radius: 10px 0 0 0;				/* CSS version 3 */
}




#crm .tabContent {
	-moz-border-radius: 0 0 20px 20px;		/* Firefox */
	-webkit-border-radius: 0 0 20px 20px;		/*Safari, Chrome etc*/
	border-radius: 0 0 20px 20px;				/* CSS version 3 */
	min-height:400px
}


#crm table {width:100%}
#crm th {padding:0 0 10px 0; background-color:transparent}


/************ right project info sidebar *******************/

#rightFullHeightSidebar {
	position: absolute;
	width: 35%; /*was 30.3%*/
	top: 0px;
	bottom: 0px;
	right: 0px;
	padding-bottom: 20px;
	background: url(/img/manascisaac/greyBg70.png) repeat;
	overflow:auto;
}
#rightFullHeightSidebar #header {
	position: relative;
	width:100%;
	padding:0;
	margin:0;
}
#rightFullHeightSidebar #header span {color:#99C525 }
#rightFullHeightSidebar #header table {width:100%; margin:0; padding:0;	border-bottom: #777777 solid 1px;}
#rightFullHeightSidebar #header td.title {width:100%; padding:15px 5px 5px 15px; vertical-align: top;}
#rightFullHeightSidebar #header td.title h1 { font-size:18px}
#rightFullHeightSidebar #header td.menu {margin:0; padding:5px 5px 5px 10px; vertical-align: top; border-left: #777777 solid 1px; white-space: nowrap;}
#rightFullHeightSidebar #header li {list-style: none; font-size:11px; color: #bbb; margin:0;}
#rightFullHeightSidebar #header .selected, #rightFullHeightSidebar #header span.selected {color: #fff;}
#rightFullHeightSidebar #header ul {padding:0; margin:0}	/* suppress indentation of list items in unordered list */
#rightFullHeightSidebar #header li:before {content:"» " }
#rightFullHeightSidebar #header a:link, #rightFullHeightSidebar #header a:visited, #rightFullHeightSidebar #header a:active { display:inline; color:#bbb; font-size:11px; border:none}
#rightFullHeightSidebar #header a:hover {color: #fff; }
#rightFullHeightSidebar #header a:link.editorLink, #rightFullHeightSidebar #header a:visited.editorLink, #rightFullHeightSidebar #header a:active.editorLink { color:#09c;}

#rightFullHeightSidebar #mainContentBody {					/* defines the rectangular element preceding the footer */
	position:relative;
	max-height: 70%;
	padding-right: 20px;
	margin: 10px 5px 20px 15px;
}

#rightFullHeightSidebar #mainContentBody li {					/* defines the rectangular element preceding the footer */
	margin: 10px;
}


.tabDefaultCheckbox {
	position: absolute;
	width: 80px;
	right: -83px;
	top: 0px;
}
.tabDefaultCheckbox a {border:none;}
#userProfile .tabDefaultCheckbox {
	width:auto;
	right: 0;
	top: 5px;
}

#projectPageConfig {
	position: absolute;
	right: 40%;
	top: -25px;
}










#finder a {border:none}
/************ left project selector sidebar *******************/

#portfolioMenuContainer { position:absolute; left:0; width:70%; margin:25px 0 20px 10px; color: #bbb; z-index:5 }
#portfolioMenuContainer input { border:1px dotted #99C525 } 
#portfolioMenuContainer label { color: #99C525 } 
#portfolioMenuContainer .selected {color: #99C525;}
#portfolioMenuContainer ul {padding:0; margin:0}	/* suppress indentation of list items in unordered list */
#portfolioMenuContainer li {list-style:none; font-size:11px; margin:0 0 0 18px}
/* #portfolioMenuContainer li:before {content:"» " } */
#portfolioMenuContainer a:link, #portfolioMenuContainer a:visited, #portfolioMenuContainer a:active {color:#bbb}
#portfolioMenuContainer a:link.selected , #portfolioMenuContainer a:visited.selected , #portfolioMenuContainer a:active.selected, #portfolioMenuContainer a:hover {color:#99C525}
#portfolioMenuContainer span.portfolioMenuSection {margin:10px 0 0 0px; cursor:pointer; white-space:nowrap}


/************ right portfolio image area *******************/

#portfolioImageContainer {
	position:absolute; 
	right:0; 
	width:30%; 
	margin:20px 10px 20px 0;
}

.portfolioImagePlaceHolder {
	float:left;
	margin:10px;
	min-width:40px;
	min-height:50px;
/*	border:2px solid #554; */
}

.portfolioImage {height:50px; opacity:0.5; filter:alpha(opacity=50); }

.portfolioImagePreviewBox {
	position:absolute;
	min-width:40px;
	min-height:50px;
	z-index:5;
}

.portfolioImagePreview {height:50px; opacity:0.5; filter:alpha(opacity=50);
}

.portfolioImagePreviewTextBox {border:1px solid #554; padding:1px;}






/************ staff directory *******************/
#staffDirectory { width: 100%;}
#staffDirectory span, #staffDirectory li, #staffDirectory a { color: #554;}
#staffDirectory li > a { color: #887;}
#people table#contact { margin:0; width:100% }
#staffDirectory table {margin:-35px 0 0 0; width:100%;}
#people th {background-color: transparent; border-bottom: 1px solid #99C525; padding:0}
#people td { vertical-align:top;}
#people a#mapLink { color: #99C525; text-transform:uppercase; }
#staffDirectory td { padding:10px 0 0 0}
#people h2 {color: #99C525; margin:30px 0 0 0; text-transform:uppercase; }
/*#staffDirectory a {border:none}*/
#staffDirectory ul { margin:0; padding:0}
#staffDirectory ul li { list-style:none; white-space:nowrap; margin:0 0 3px 0;}
#staffDirectory label { color: #99C525;}
#staffDirectory input { border: 1px dotted #99C525;}
#staffDirectory #filters { float: right; margin:0 -23px 0 0}

#staffDirectory div.userInfoBoxesContainer {width:100%;}	/* required for IE7 to correctly size the userInfoBoxes which have a % of container width */

#staffDirectory div.userInfoBox {
	float:left;
	margin:0 20px 30px 0;
	padding:0;
	width:21%;
	min-height:50px;
	overflow: hidden;
}

#staffDirectory div.userInfoBox.selected { padding:10px; margin:0px 10px 10px -10px; background-color:#ddc}

#staffDirectory div.userInfoBox li:before {content:"» " }

#staffDirectory div.userInfoBox a.fullName, #staffDirectory div.userInfoBox span.fullName { text-transform:uppercase; font-weight: 600; font-size: 13px}
#staffDirectory div.userInfoBox span.suffix { font-weight:600; font-size: 13px}
#staffDirectory div.userInfoBox hr { border:1px dotted #ddc;}


#staffDirectory img.userImage {display:block; width:100%; margin:0 0 10px 0 }









/* wiki page content box */
#wiki .contentBoxLeft {
	margin:0 0 60px 0px;
	width:65%;
}
@media print {#wiki .contentBoxLeft {width: 100% }}





/* Content Box */
.contentBoxLeft {
	position: relative;
	margin:0px 0 30px 0px;
	border-left:1px solid #EEEEEE
}

.contentBoxLeft .boxTop,
.contentBoxLeft .boxMiddle,
.contentBoxLeft .boxBottom {
	position:relative;
 	background:transparent url(/img/manascisaac/contentBox.png) no-repeat top right;
}

.contentBoxLeft .boxTop {
	height:20px; /* height of bottom cap/shade */
	width:100%;
	background-position: top right;
/*	border:1px solid red;*/
}


.contentBoxLeft .boxMiddle {
 	padding:1px 50px 0px 20px;
 	background:transparent url(/img/manascisaac/contentBoxSlice.png) repeat-y top right;
/*	border:1px solid green; */
}


.contentBoxLeft .boxBottom {
	height:50px; /* height of bottom cap/shade */
	width:100%;
	background-position:bottom right;
/*	border:1px solid blue;*/
}

.contentBoxLeft .hd,
.contentBoxLeft .bd,
.contentBoxLeft .ft {position:relative; float:right; bottom:20px; right:115px; color:#99C525; font-size: 11px}


.clipSummary img {width:40%; float:left; margin:0 20px 0 0; }

.contentBoxLeft p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}




/************** blog ****************/
#blog img.introImage { max-width:40%; max-height:200px; float:left; margin:0 20px 0 0}
#blog a.readMoreLink {float:right; white-space:nowrap; font-size:11px; clear:both;}





/********** wiki & blog right sidebar ***********/
#sidebar {
	position: absolute;
	width: 33%;
	top: 50px;
	right: 0px;
	bottom:0px;
	overflow: auto;
}
#blog #sidebar {
	width:35%;	
	top:0px;
	border-left:2px solid white;
}

@media print {#sidebar {display:none}}

.greybg #sidebar {background-image:none; right:20px}

#sidebar table, #sidebar tr, #sidebar td {margin:0; padding:0;}
#sidebar ul {margin:0; padding:0}
#sidebar li {color:#554; list-style:none; margin:5px 0 0 0;}
#sidebar li:before {content:"» " }
#sidebar li.selected, #sidebar li a.selected, #sidebar li span.selected {color:#99C525;}
#sidebar li a {color:#554; border:none}
#sidebar h1 {font-size:16px; color:#99C525; margin-bottom:20px}

#sidebarSectionContainer {
	position: relative;
	padding:0 0 80px 0;
	margin-top:20px;
/*	background: url(/img/manascisaac/sidebarBox.png) top left repeat-y; */
}
.greybg #sidebarSectionContainer {background-image:none; }

div.sidebarSection {
	position: relative;
	padding:20px 20px 40px 20px;
}
#blog div.sidebarSection { border-bottom:2px solid white;}

#sidebar .checkboxes ul {padding:5px 0 5px 17px}
#sidebar .checkboxes li {list-style:none; margin:0 0 0 10px}
#sidebar .checkboxes li:before {content:"" }
#sidebar .checkboxes td  {vertical-align:top; padding:0}
#sidebar .checkboxes input[type="checkbox"] {height:20px; vertical-align:middle;}

.greybg div.sidebarSection {border-color:#fff}


/* tree menu */
#treeObj span {line-height:18px;}	/* required to prevent the tree menu from stretching */

/* the seo friendly tree menu is the simple non-ajax tree shown to Google and other non-javascript browsers */
#seoFriendlyTree li { margin:0;	padding:0; list-style: square inside; line-height:15px; }
#seoFriendlyTree li:before  {content:""}
#seoFriendlyTree ul {margin:0 0 0 10px; padding:0}
#seoFriendlyTree a {margin:0; padding:0; font-size:12px;}





@media print {#commentDisplay {display:none}}


#commentsHeading {margin:0 0 0 20px}

/************ comment Boxes *************/
.comment {
	margin:0px 45% 60px 40px;
	clear:both;		/* required for IE to not mangle things up */
}

.comment .content,
.comment .t,
.comment .b,
.comment .b div {
 background:transparent url(/img/manascisaac/commentBox.png) no-repeat top right;
}

.editable .comment .content,
.editable .comment .t,
.editable .comment .b,
.editable .comment .b div {
 background:transparent url(/img/manascisaac/commentBoxEdit.png) no-repeat top right;
}


.comment .content {
 position:relative;
 _overflow-y:hidden;
 padding:10px 20px 0px 0px;
}

.comment .t, .editable .comment .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:20px; /* top slice width */
	margin-left:-20px;
	height:100%;
	background-position:top left;
}

.comment .b, .editable .comment .b {
	/* bottom */
	position:absolute;;
	left:0px;
	bottom:-49px;
	height:50px; /* height of bottom cap/shade */
	width:100%;
	background-position:bottom right;
}

.comment .b div, .editable .comment .b div {
	position:absolute;
	width:20px; /* bottom corner width */
	height:100%; /* height of bottom cap/shade */
	margin-left:-20px;
	background-position:bottom left;
}

.comment .ft {position:relative; float:right; bottom:-30px; right:0px; color:#99C525; font-size: 11px}
.comment .ft a {color:#09c; font-size: 11px}


.comment p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
 color:#554
}

.editable .comment p {
 white-space:normal;	/* counteract the .editable nowrap setting */
}






/***************************************/
/* Awards page styles */
#awardsView #blogSummaryBox {
	width: 80%;
	background-color: white;
	margin: 20px 0 0 0;
	padding: 10px 20px 10px 20px;
}

#awardsView #filterBar {
	background-color: #767562;
	margin: 20px 0 0 0;
	padding: 10px 20px 10px 20px;
	width: 80%;
}
#filterBar a, #filterBar span {color:white; margin-right:30px}
#filterBar span.selected { color: #99C525; font-size: 16px}

#awardsView #filterResults {
	width: 80%;
	background-color: white;
	margin: 10px 0 20px 0;
	padding: 10px 20px 10px 20px;
}
#awardsView #filterResults p {margin:0; padding:2px 0 2px 5px;}

#awardsView #filterResults p:nth-child(2n)  {background-color: #eef;}

.borderRadiusSmall {
	-moz-border-radius: 5px;		/* Firefox */
	-webkit-border-radius: 5px;		/*Safari, Chrome etc*/
	border-radius: 5px;				/* CSS version 3 */
}

/***************************************/


/* Admin page styles */

table.padded td, table.padded th {
	padding: 2px 10px 2px 10px;
}

table.border td, table.border th {
	border: 1px solid #eee;
}

table.evenStripe tr:nth-child(2n)  {background-color: #eef;}
table.oddStripe tr:nth-child(2n+1) {background-color: #eef;}

table.noCellSpacing {
	margin:0;
	padding:0;
	border-collapse: collapse;
}



/***************************************/


/* subcontracts page styles */

#subcontracts #mainContentContainer th { font-weight: 800; background-color:transparent; padding:0 20px 10px 0px }
#subcontracts #mainContentContainer td { padding:0 20px 5px 0px }
#subcontracts #mainContentContainer tfoot td {padding-top:5px; color:#bbc;}
#invoicesContainer img.thumbnail {height:20px}





/******** Contact Page **********/
#contactView h2, #contactView p, #contactView p, #contactView textarea, #contactView input {margin:0 0 7px 0}
#contactView .passportPhoto {height: 145px}




/* footer group */
#pageFooter {position:relative; width:100%;	clear:both;}
#pageFooter p {	font-size:10px;	line-height:12px; color:#767562;}

#busyAnimation{display:none}



/* @end */