/* 	@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 */


body {
	background:url(/img/reimagine/repeatingBackground.jpg) repeat;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	font-size:14px; color:#554;
}

p, p span, label, .span, .p, a, textarea {font-size:14px; line-height:24px; color:#554; 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: 24px; font-weight: 100; color:#e44d38; margin:0;}
h2, h2 span, .h2 {font-size: 22px; font-weight:100; color: #008080; margin: 20px 0 14px 0;}
h3, h3 span, .h3 {font-size: 20px; font-weight:100; color:#554; margin:18px 0 12px 0;}
h4, h4 span, .h4 {font-size:14px; font-weight:100; color:#FF6633; margin:16px 0 10px 0;}
li, .li {margin:14px 0 0 10px}
label {color:#554; line-height:28px; }
a {text-decoration: none; line-height: 20px; border-bottom:1px dotted #aaa; outline:none}
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 #ccb; font-size:14px; line-height:22px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin-top:8px; width:100%; overflow:hidden;}
input.inPlaceEditor { border:1px dotted #ccb; }
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}
.small {font-size:11px; font-weight:500;}
.border {border: 1px solid #DDDDDD;}
.hide {display:none}
.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;*/}
.error, span.error {color:red;}
.success, span.success {font-size:14px; font-weight:500; color:green;}
.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}
/* 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 */

img[style~="left;"], img.left {margin:0 20px 0 0} /* this styles the ckeditor image attributes */
img[style~="right;"], img.right {margin:0 0 0 20px} /* this styles the ckeditor image attributes */
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;
	right:0;
	top: 0;
	opacity:0.8; filter: alpha(opacity=80);
	background-color:#fff;
/*	border-bottom: 1px solid #aa9; */hdyg
	border-left: 1px solid #aa9;
}
#loginStatus #homeLink, #loginStatus #teamPortalLink {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}
@media print {#loginStatus, #loginForm {display:none}}





#loginForm label { white-space:nowrap; color: #554; }


#pageContainer {
    width: 1000px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -500px;
}

#header {
	position: absolute;
	top:40px;
	left:0;
	right:0;
}

#header ul, #header ul li, #header ul li a { list-style: none; color:#fff; font-size:12px; font-weight:bold; margin:3px 0 0 0}
#header ul li:before {content:"" }
#header a {border:none}

#footer {
	position:absolute;
	width:98%;	
	clear:both;
	background: url(/img/reimagine/whiteBg75.png) repeat;
	bottom:20px;
	left:0px;
	padding:5px 1% 5px 1%;
}
#footer span { font-size:10px; line-height:10px; margin:0 5px 0 5px; color:#554; border:none; }
#footer a { font-size:10px; line-height:10px; margin:0 5px 0 5px; color:#99C525; }
#footer span.selected { font-weight:800; }
#footer table {width:100%}
#footer table, #footer tbody, #footer td, #footer tr, #footer p {margin:0; padding:0;}


#backgroundContainer {
	position:absolute;
	width:100%;
	min-height:720px;
	background: url(/img/reimagine/whiteBg75.png) repeat;
}


#menuContainer { position: absolute; top:154px; right:818px;}		/* 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 { list-style:none; margin:0px; padding:0px; text-align:right; white-space:nowrap; }
#menuContainer li a { margin:0px; color:white; line-height:100%; border:none;}
#menuContainer li img { visibility:hidden; }

#menuContainer li.hierarchy-0 { margin-top:20px;}		/* the white-space:nowrap keeps the link and arrow image on the same line */
#menuContainer li.hierarchy-0 a { font-size:12px; padding:3px; background-color:#e44d38; border:2px solid #e44d38; }
#menuContainer li.hierarchy-0 a:hover { border:2px solid white;}
#menuContainer li.hierarchy-0 img { height:26px; vertical-align:middle; margin:-2px -14px 0 0 }
@media screen and (-webkit-min-device-pixel-ratio:0) {	/* put webkit CSS here*/
	#menuContainer li.hierarchy-0 img { height:25px; vertical-align:middle; margin:-3px -15px 0 0 }
}

#menuContainer li.hierarchy-1 { margin-top:6px; }
#menuContainer li.hierarchy-1 a { font-size:10px; padding:3px; background-color:#225361; border:2px solid #225361;}
#menuContainer li.hierarchy-1 a:hover { border:2px solid white;}
#menuContainer li.hierarchy-1 img { height:24px; vertical-align:middle; margin:-0px -13px 0 0px}
@media screen and (-webkit-min-device-pixel-ratio:0) {	/* put webkit CSS here*/
	#menuContainer li.hierarchy-1 img { height:22px; vertical-align:middle; margin:-2px -13px 1px 0 }
}

#menuContainer li.hierarchy-2 { margin-top:4px;}
#menuContainer li.hierarchy-2 a { font-size:9px; padding:2px; background-color:#337a63; border:2px solid #337a63;}
#menuContainer li.hierarchy-2 a:hover { border:2px solid white;}
#menuContainer li.hierarchy-2 img { height:20px; vertical-align:middle; margin:0px -9px 0 0 }
@media screen and (-webkit-min-device-pixel-ratio:0) {	/* put webkit CSS here*/
	#menuContainer li.hierarchy-2 img { height:19px; vertical-align:middle; margin:-1px -11px 1px 0 }
}

#menuContainer li.selected a, #menuContainer li.selected a:hover { border:2px solid white; border-right-width:0px; }
#menuContainer li.selected img { visibility:visible; }


#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;
}



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


#header .searchBar { display:inline; }
#header .searchBar input {
	vertical-align:top;
	width:180px;
	font-size: 12px;
	color:#fff;
	height: 18px;
	padding:0;
	margin:0 0 0 -210px;
	border:1px dotted #fff;
	background-color:transparent;
}





#serverMessageWindow {
	position: fixed;
	top: 150px;
	right: 400px;
	z-index: 30;
}
#serverMessageWindow span { background-color:#fff; color:red;}
#serverMessageWindow span.success { background-color:#fff; color:green;}


/************ main content group ************/
#mainContentContainer {
	position:absolute; 
	width:760px; 
	right:30px;
	top:170px; 
}

#mainContentBody { 
	overflow:auto; 
	max-height:480px;
	padding:20px 20px 20px 20px;
	background-color:white;
	border:1px solid #eed;
}
#adminView #mainContentBody { max-height: 100%; background:none; border:none }  


/* custom bullets for editable html content */
#mainContentBody ul, #xEditingArea ul {margin:0; padding:0}
#mainContentBody ul li, #xEditingArea ul li {list-style:none; margin:0; padding:0;}
#mainContentBody ul li:before, #xEditingArea 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; }

@media print {.toolbar {display: none }}


.toolbar {
	white-space:nowrap;
	background-color: white;
	padding:0 3px 0 3px;
	-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;
}

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

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

bgImageButtons .toolbar {
	float: none;
}

#mainContentBody .toolbar {
	position:absolute;
	top:5px;
	right:20px;
}

#blog #mainContentBody .toolbar {
	top:40px;
	right: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}




.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/reimagine/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%;}



#homepage .imageInfo {top:60px; padding:5px;}
#homepage a {border:none;}
#homepage a .imageInfo span {color:#fff;}
#homepage a:hover .imageInfo span {color:#eed;}
#homepage .contentTitle {display:none}

.imageInfo label, .imageInfo p {color:#554}

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


#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 */


#rightImageSidebar  {
	position: absolute;
	width: 30.3%;
 	padding:20px 0 20px 0;
 	background-color:#767562;
}

#rightImageSidebar a {border:none}


#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 }

#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}	/* eliminate the padding around LINKED images */

#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 */
}


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

.tabMenu {
	position: absolute;
	width: 450px;
	top: 0px;
	height: 30px;
	right: 0px;
	margin:0;
	padding:0;
	overflow: hidden;
}

.tabMenu a { text-decoration: none; display: block; margin:0px; color:#886; border:none}
.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:17px;
	padding:5px;
	margin:0 1px 0 0;
	overflow-y:hidden;
	background: url(/img/reimagine/whiteBg75.png) repeat;
	border-top:#fff solid 1px;
	border-left:#fff solid 1px;
	border-right:#bbb solid 1px;
	border-bottom:#bbb solid 1px;
 }
.tabMenu li.selected { height:35px; }
.tabMenu li a:hover {color:#554; }



.tabContent {
	position: absolute;
	width: 448px;	/*450px - 2px (borders)*/
	top: 30px;
	height: 400px;
	right: 0px;
	margin:0;
	padding:0;
	background: url(/img/reimagine/whiteBg75.png) repeat;
	border-left:#fff solid 1px;
	border-bottom:#bbb solid 1px;
	border-right:#bbb solid 1px;
	overflow:auto;
}
.tabContent #header {
	position: relative;
	padding:0;
	margin:10px;
	top:0px;
}
.tabContent #header h1, .tabContent #header span {font-size:14px; font-weight:500; color:#99C525; }

.tabContent #body {						/* defines the rectangular element preceding the footer */
	position:relative;
	padding:0;
	margin:10px;
}




/************ 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 {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: 5%;
	top: 5px;
}




/********* Blog *************/

/*minimalist blog - no comments, sidebar, categories or archives */
#blog #contentTitle {display:none}
#blog #commentDisplay {display:none}
h1.blogPreviewTitle {color:#554;}
#blog img.introImage { max-width:40%; max-height:200px; float:left; margin:0 20px 0 0}




div.blogSummary {
	padding-bottom:20px;
	border-bottom: 3px solid #aa9;
	margin:0px 0 30px 0px;
}





/********** wiki & blog right sidebar ***********/
#sidebar {
	position: absolute;
	width: 33%;
	top: 50px;
	right: 0px;
	bottom:0px;
	overflow-y: visible;
}
#blogPreview #sidebar, #blogArticle #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 {color:#99C525;}
#sidebar a {color:#554; display:inline; 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;
}
#blogPreview div.sidebarSection, #blogArticle 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}

.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:-50px;
	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 {
	width: 80%;
	background-color: #767562;
	margin: 20px 0 0 0;
	padding: 10px 20px 10px 20px;
}
#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 img.passportPhoto {
	height: 130px;
	-moz-border-radius: 5px;		/* Firefox */
	-webkit-border-radius: 5px;		/*Safari, Chrome etc*/
	border-radius: 5px;				/* CSS version 3 */
}





#view404 #busyAnimation{display:none}



/* @end */