body    { background-color: white; margin: 0; padding: 0px }
p,li    { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif }
ul.spaced li { padding-bottom: 1em; }
td    { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif }
th { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700 }

h1 { color: #009cff; font-size: 130%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
h1 span.grey { color: gray }
h1 a { color: gray }

td.R { text-align: right; }
td.C { text-align: center; }


table.report { border-style: solid; border-width: 2px 1px 1px 2px; border-color: gray }
table.report td  { font-size: 75%; padding: 3px; border-right: 1px solid gray; border-bottom: 1px solid gray }

table.report td.image  { font-size: 75%; padding: 8px; border-right: 1px solid gray; border-bottom: 1px solid gray }
table.report td.negative  { color: white; background-color: #ff3636 }
table.report td.pc10 { background-color: #ffd8af }
table.report td.pc20 { background-color: #ffffb4 }
table.report th  { font-size: 75%; background-color: #ccc; text-align: left; padding: 3px; border-right: 1px solid gray; border-bottom: 1px solid gray }
table.report th.light  { background-color: #eee }

table.report td.form { background-color: #D5EFFF; }


div.form { border-style: solid; 
	border-width: 2px 2px 2px 2px; 
	border-color: gray; 
	background-color: #eee; 
	padding: 3px;
	width: 23em;
}
div.rhs { float: right; margin-left: 2em; }
div.form div.tabs {
	padding: 4px 0px 4px 0px; 
	background: #808080;
	color: #eeeeee;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}
div.form div.tabs span {
	/* use instead of a if no links */
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	color: white;
	text-decoration: none;
}
div.form div.tabs a {
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	color: white;
	text-decoration: none;
	border-right: 1px solid #585858;
}
div.form div.tabs a.sel {
	background: black;
	color: white;
}

table.form { width: 100%; }
table.form td  { font-size: 75%; text-align: left; padding: 2px;
	padding-right: 15px;
}
table.form th  { 
	font-size: 75%; 
	text-align: right; 
	padding: 2px; 
	padding-right: 15px;
	padding-left: 15px;
	width: 7em;
}

table.form th.heading
{ 
	text-align: left;
	padding: 4px 0px 4px 6px; 
	background: #808080;
	color: #eeeeee;
	font: 75% Verdana, Arial, Helvetica, sans-serif;
}

table.images {
	
}

table.images td {
	padding-right: .5em;
	padding-bottom: .5em;
	font-size: 75%;
	vertical-align: top;
}

table.images td div, div.images {
	background: #e5e5e5;
	padding: .5em;
}

table.images td div img, div.images img {
	border: 1px solid #828282;
}

a.imageFolder {
	background-image: url(/ecco/img/folder.gif);
	background-repeat: no-repeat;
	width: 121px;
	height: 59px;
	display: block;
	float: left;
	margin-left: 1em;
	text-align: center;
	padding-top: 30px;
	color: #000000 !important;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
}

div#imageFolders br {
	clear: both;
}

table.cats {
	
}

table.cats td {
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	vertical-align: top;
}

table.cats td div {
	padding: 0.5em;
	font-size: 90%;
	background: #cddce5;
	border: 2px outset #009cff;
	font-weight: bold;
}


td.gutter  { font-size: 1px; padding-bottom: 15px; padding-right: 15px  }
table.form td.hrule  { font-size: 1px; padding-bottom: 7px; border-bottom: 1px solid #ccc }
table.form td.hruleSpace  { font-size: 1px; padding-bottom: 7px }


table.layout th,table.layout td {
	background: none;
	border-style: none;
	margin: 0px;
	padding: 0px;
}

/*<group=Nav bars>*/

div.navbar { background-color: #009cff; padding: 6px; padding-left: 30px }
div.navbar p { font-size: 80%; padding: 0px; margin: 0px; color: #ccc }
div.navbar a { color: white; text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}

div.navbar a.sel, div.navbar a.sel:visited { 
	color: white; 
	text-decoration: none;
	background: #007fd0;
	padding: 6px 4px 6px 4px;
}
div.navbar a:visited { color: white; text-decoration: none }
div.navbar a:hover { color: white; text-decoration: underline }
div.navbar b { color: white; }
div.gotobar { font-size: 70%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #d5efff; padding: 4px 6px 4px 30px; border-bottom: 1px solid #009cff; line-height:1.7em; }
div.gotobar select,div.gotobar input { font-size: 90% }

div.gotobar span.sel{
	background: #32afff;
	color: white;
	padding: 4px 3px 4px 3px;
}

div.gotobar span.sel a {
	background: #32afff;
	color: white;
	padding: 0px;
}

#utility {float:right; position:relative;}

/*</group>*/
form { margin: 0; padding: 0 }
div.body { padding-left: 30px; padding-right: 30px }

div.body2 {
	border-top: 1px solid #32afff; 
	margin-top: 1em }


h2 { color: #009cff; font-size: 110%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding-top: 0.5em }
h2.rule { border-top: 1px dotted #009cff; margin-top: 1em }

div.description { color: #666; font-weight: bold; padding-top: 1em; padding-bottom: 1em }
div.content { color: #666; padding-bottom: 1em }
a.button, a.button:visited { color: white; font-size: 90%; text-decoration: none; background-color: #009cff; padding: 0.2em 0.5em 0.2em 0.5em; border-style: solid; border-width: 2px; border-color: #72c9ff #006eb4 #006eb4 #72c9ff; display: block;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
 }
a.button:hover { text-decoration: none; border-color: #006eb4 #72c9ff #72c9ff #006eb4 }

a { color: #009cff }
a:visited { color: #4f8cb3 }
.FR {
	float: right;
}
/*<group=Node Status>*/


tr.editing {
	background: #ccccff;
}

tr.status_1 {
	
}
tr.status_2 {
	background: #ffff00;
}
tr.status_3 {
	background: #ffff33;
}
tr.status_4 {
	background: #ffff66;
}
tr.status_5 {
	background: #ffff99;
}
tr.status_6 {
	background: #ffffcc;
}
tr.status_7 {
	background: #b1b1b1;
}
tr.status_8 {
	background: #d5efff;
}

tr.status_9 {
	background: #d5dafe;
}
/*</group>*/


.current {
	font-weight: bold;
	border:  1px solid black;
	background-color: #ccc;
}
img.screenshot {
	border: 3px solid #e5e5e5;
}

/*<group=Help>*/

div#help {
	font: 81% Verdana, Arial, Helvetica, sans-serif;
	color: white;
	margin-top: 1em;
	padding: 0px;
	background-color: #ff9400;}
	
div#help p {
	margin: 0px 10px;}

div#help a {
	color: white;
	font-weight: bold;
	text-decoration: underline;}
	
div#help a.closebutton, div#help a.openbutton {
	margin-right:10px;
	text-decoration: none;
	font-size: 90%;}

div#help a.openbutton {
	display: none;
	}								/* The open button is initially hidden */

div#help a.closebutton img, div#help a.openbutton img {
	border:none;
	position:relative;
	top:3px;											/* This aligns the image with its neighbouring text */
	margin-right:3px;
	visibility: visible;							/* This stops the button images occassionally dissapearing in IE */
	z-index: 99}

div#help a.closebutton:hover, div#help a.openbutton:hover {
	text-decoration: underline;}

div#help.closed {
	width: 7em;
	float:right;
	margin-top:0;}

div#help.closed p, div#help.closed a.closebutton, div#help.closed div#helpList {
	display: none;
}

div#help.closed a.openbutton {
	display: inline;}

.roundedCornerSpacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;}

img.NW, img.NE, img.SW, img.SE {
    width: 10px; height: 10px;
    padding: 0px; border: 0px;
    z-index: 99;}
	 
.NW, .SW { float: left; clear: both; }
.NE, .SE { float: right; clear: right; }
.NW { margin: 0px 0px 0px 0px; }
.NE { margin: 0px 0px 0px 0px; }
.SW { margin: -10px 0px 0px 0px; }
.SE { margin: -10px 0px 0px 0px; }


div.helpInner {
	margin: 0px;
	padding: 0px;}
	 
div.buttonHolder {
	padding-bottom:1em;
	text-align:right;}
	 
div#help {								
	/* position this div however you want, but keep its padding and border at zero */
    padding: 0px;
    border: 0px;} 

div#help p.first { 					
	/* First paragraph of text needs some top padding */
	padding-top:10px;
}

div#helpList {
	margin-left: 10px;
	padding-top: 10px;
	float: right;
	width: 50%;
	border-left: 1px white dotted;
	background: #ed8623;
}

div#helpList p {
	padding-bottom: 1em;
}

/*</group>*/

/*<group=Item Publish States>*/

iframe#autosaveFrame {
	height: 18px;
	width: 13em;
	float: right;
	overflow: hidden;
	background: transparent;
}

span.publishNew {
	background: green;
	color: white;
	padding: .1em .5em;
	font-size: 85%;
	display: block;
}

span.publishChange {
	background: blue;
	color: white;
	padding: .1em .5em;
	font-size: 85%;	
	display: block;
}

span.autosaved {
	background: red;
	color: white;
	padding: .1em .5em;
	font-size: 85%;
	display: block;
}

tr.autosaved {
	background: red;
	color: white;
}

tr.autosaved td {
	padding: 3px 3px 0 0;
	padding-left: 12px;
}

tr.autosaved td a.button,tr.autosaved td a.button:visited {
	float: right;
	background: #c61100;
	border: 2px outset #c61100;
}

tr.autosaved td a.button:hover {
	border: 2px inset #c61100;
}

	
/*</group>*/


/*<group=Item Content Editing>*/
div.contentPreview {
	width: 22em;
	font-size: 80%;
}
tr.ruleAbove td,tr.ruleAbove th {
	border-top: 1px solid #bbb;
	margin-top: 2px;
}

/*</group>*/

span.itemdetails {
	font-size: smaller; color: gray
}

a.cmsedit, a.cmsedit:visited {
	border: 1px solid red;
	color: red !important;
	padding: .1em .3em;
	text-decoration: none;
	font-size: 9px;
	background-color: white;
}

a.cmsedit:hover {
	border: 1px solid red;
	background: red;
	color: white !important;
}


/* =navigation
------------------------------------------------------------*/


/*
	TODO:
	
	- top right nav items disappear in ie6/7
 	- colors probably need tweeking
 */

body.reports_cms div.form,
body.ecco_cms div.form, 
body.members_cms div.form{
	margin-left:10px;
}

* html body.reports_cms div.navbar,
* html body.ecco_cms div.navbar, 
* html body.members_cms div.navbar {
	position:relative;
}

* html body.reports_cms div.navbar span,
* html body.ecco_cms div.navbar span, 
* html body.members_cms div.navbar span{
	position:absolute;
	right:0;
	top:0px;
	line-height:2.2;
}

body.reports_cms div.tabs a,
body.ecco_cms div.tabs a, 
body.members_cms div.tabs a{
	color:#fff !important;
}

 
body {
	background-image: url(/ecco/img/cms_nav_bk_blue.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

#cms_wrapper { position: relative; }
#cms_body { padding-left: 65px; }

#cms_nav {
	position: absolute;
	top: 0px;
	left: 0px;
}

* html #bodyTag #cms_nav {
	left:-95px; 
	height:1%;}


#cms_nav ul { width: 64px; }

#cms_nav ul, #cms_nav ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	float: left;
}

#cms_nav ul li a {
	font-size: 75%;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 5;
	width: 64px;
	text-align: center;
	border-bottom: 1px solid #fff;
	background-image: url(/ecco/img/cms_nav_shad.png);
	background-position: top right;
	background-repeat: repeat-y;
	outline:none;
}


* html #cms_nav ul li a {
	background-image:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ecco/img/cms_nav_shad.png', sizingMethod='scale')
}


* html body.reports_cms #cms_nav ul li#reports_link a,
* html body.ecco_cms #cms_nav ul li#ecco_link a, 
* html body.members_cms #cms_nav ul li#members_link a{
	filter:none;
}

li#ecco_link a { background-color: #3EAFFB; }
li#reports_link a { background-color: #3FD755; }

#cms_nav ul li#members_link a {
	background-color: #BD6262;
	border-bottom: none;
}

#cms_nav ul li a:hover { text-decoration: underline; }

div.navbar a, a.button{ 
	color:#fff !important;
}




body.ecco_cms #cms_nav ul li#ecco_link a{
	background-image:none !important;
}

body.ecco_cms {
	background-image: url(/ecco/img/cms_nav_bk_blue.gif);
}







body.reports_cms #cms_nav ul li#reports_link a{
	background-image:none !important;
}

body.reports_cms {
	background-image: url(/ecco/img/cms_nav_bk_green.gif);
}

body.reports_cms div.navbar{
	background-color:#3FD755;
}

body.reports_cms div.navbar a.sel, body.reports_cms div.navbar a.sel:visited{
	background-color:#32AB44;
}

body.reports_cms div.gotobar{
	background-color:#D3FFDA;
	border-bottom:1px solid #3FD755;
}

body.reports_cms div.gotobar span.sel{
		background-color:#3AE053;
}

body.reports_cms a {
	color:#34B347;
}

body.reports_cms a:visited {
	color:#59CB6A;
}

body.reports_cms a.button:hover {
	border-color:  #2A8E38 #3FD755 #3FD755 #2A8E38;
}

 
body.reports_cms a.button, body.reports_cms a.button:visited {
	background-color: #34B347;
	border-color: #3FD755 #2A8E38 #2A8E38 #3FD755;
}

body.reports_cms h1, body.reports_cms h2 {
	color:#32AB44;
}

body.reports_cms tr.status_8 {
	background-color:#D3FFDA;
}





body.members_cms #cms_nav ul li#members_link a{
	background-image:none !important;
}

body.members_cms {
	background-image: url(/ecco/img/cms_nav_bk_red.gif);
}	

body.members_cms div.navbar{
	background-color:#BD6262;
}

body.members_cms div.navbar a.sel, body.members_cms div.navbar a.sel:visited{
	background-color:#964E4E;
}

body.members_cms div.gotobar{
	background-color:#FCCCCC;
	border-bottom:1px solid #BD6262;
}

body.members_cms div.gotobar span.sel{
		background-color:#C86868;
}

body.members_cms a {
	color:#8D3C3C;
}

body.members_cms a:visited {
	color:#A75A5A;
}

body.members_cms a.button:hover {
	border-color:  #8D3C3C #DB7272 #DB7272 #8D3C3C;
}


body.members_cms a.button, body.members_cms a.button:visited {
	background-color: #BD6262;
	border-color: #DB7272 #8D3C3C #8D3C3C #DB7272;
}

body.members_cms h1, body.members_cms h2 {
	color:#8D3C3C;
}

body.members_cms tr.status_8 {
	background-color:#FCCCCC;
}