/** grey body stuff **/

body {
		color: #333;
}

.componentheading {
	background: #D5D5D5;
}

div#mainbody {
	background: #E4E4E4;
}

#mainbody .shadow-l {
	background: url(../images/body/grey/body-shadow-l.png) 0 0 repeat-y;
}

#mainbody .shadow-r {
	background:  url(../images/body/grey/body-shadow-r.png) 100% 0 repeat-y;
}

#mainbody td.mainbody {
	background: url(../images/body/grey/body-shadow-l.png) 100% 0 repeat-y;
}

/* content styles */

table.mainbody td.mainbody td.sectiontableheader {
  background: #D7D7D7;
  border-bottom: 3px solid #ccc;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #ccc;	
}

tr.sectiontableentry2 td,
td.sectiontableentry1 {
	background: #d1d1d1;
}

#accordian h3.toggler {
	font-weight: bold;
	color: #333;
}

.bg0,
div.module-hilite4 li.bg0,
#accordian h3.toggler.bg0 {
	background: #D9D9D9;
}

.bg1,
div.module-hilite4 li.bg1,
#accordian h3.toggler.bg1 {
	background: #E4E4E4;
}

#accordian h3.toggler.bg0 {
	border-bottom: 1px solid #CECECE;
	border-top: none;
}

#accordian h3.toggler.bg1 {
	border-bottom: 1px solid #D6D6D6;
	border-top: none;
}

blockquote {
	background: #D1D1D1 url(../images/body/grey/quote-a-start.png) 10px 10px no-repeat;
	color: #333;
}

blockquote.b {
	background: #AFAFAF url(../images/body/grey/quote-b-start.png) 10px 10px no-repeat;	
}

blockquote p {
	background: url(../images/body/grey/quote-a-end.png) 100% 100% no-repeat;
}

blockquote.b p {
	background: url(../images/body/grey/quote-b-end.png) 100% 100% no-repeat;
}

pre {
	background: #D1D1D1;
	border-top: 3px solid #d7d7d7;
	border-bottom: 3px solid #d7d7d7;
}

span.alert {
	color: #CC0000;
	border-top: 3px solid #EF8989;
	border-bottom: 3px solid #EF8989;
	background: #E8C2C2 url(../images/body/grey/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #0055BB;
	border-top: 3px solid #8AAEDC;
	border-bottom: 3px solid #8AAEDC;
	background: #C1CEDF url(../images/body/grey/status-info.png) 10px 50% no-repeat;
}

span.rocket {
	color: #0055BB;
	border-top: 3px solid #8AAEDC;
	border-bottom: 3px solid #8AAEDC;
	background: #C1CEDF url(../images/body/grey/status-rocket.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border-top: 3px solid #EFDA89;
	border-bottom: 3px solid #EFDA89;
	background: #E8E0C2 url(../images/body/grey/status-note.png) 10px 50% no-repeat;
}

span.download {
	color: #57861A;
	border-top: 3px solid #C1D894;
	border-bottom: 3px solid #C1D894;
	background: #D7E0C6 url(../images/body/grey/status-download.png) 10px 50% no-repeat;
}

td.mainbody li {
	background: url(../images/body/grey/li-body.png) 0 2px no-repeat;
}

div.module-hilite1 li {
	background: url(../images/body/grey/li-hilite1.png) 0 2px no-repeat;
}

div.module-hilite2 li {
	background: url(../images/body/grey/li-hilite2.png) 0 2px no-repeat;
}

div.module-hilite3 li {
	background: url(../images/body/grey/li-hilite3.png) 0 2px no-repeat;
}

div.module-hilite4 li {
	background: url(../images/body/grey/li-hilite4.png) 0 2px no-repeat;
}

ul.bullet-a li {
	background: url(../images/body/grey/bullet-a.png) 0 0 no-repeat;	
}

ul.bullet-b li {
	background: url(../images/body/grey/bullet-b.png) 0 0 no-repeat;	
}

ul.bullet-c li {
	background: url(../images/body/grey/bullet-c.png) 0 0 no-repeat;	
}

ul.bullet-d li {
	background: url(../images/body/grey/bullet-d.png) 0 0 no-repeat;	
}

ul.bullet-e li {
	background: url(../images/body/grey/bullet-e.png) 0 0 no-repeat;	
}

ul.bullet-f li {
	background: url(../images/body/grey/bullet-f.png) 0 0 no-repeat;	
}

ul.number li.number1 {
	background: url(../images/body/grey/bullet-1.png) 0 0 no-repeat;
}

ul.number li.number2 {
	background: url(../images/body/grey/bullet-2.png) 0 0 no-repeat;
}

ul.number li.number3 {
	background: url(../images/body/grey/bullet-3.png) 0 0 no-repeat;
}

ul.number li.number4 {
	background: url(../images/body/grey/bullet-4.png) 0 0 no-repeat;
}

ul.number li.number5 {
	background: url(../images/body/grey/bullet-5.png) 0 0 no-repeat;
}

ul.number li.number6 {
	background: url(../images/body/grey/bullet-6.png) 0 0 no-repeat;
}

ul.number li.number7 {
	background: url(../images/body/grey/bullet-7.png) 0 0 no-repeat;
}

ul.number li.number8 {
	background: url(../images/body/grey/bullet-8.png) 0 0 no-repeat;
}

ul.number li.number9 {
	background: url(../images/body/grey/bullet-9.png) 0 0 no-repeat;
}

/* modules */

td.sidenav div.module,
td.sidenav div.module-hilite1,
td.sidenav div.module-hilite2,
td.sidenav div.module-hilite3,
td.sidenav div.module-hilite4 {
	background: url(../images/body/grey/body-module.png) 100% 0 no-repeat;
}

td.sidenav div.module h3,
td.sidenav div.module-hilite1 h3,
td.sidenav div.module-hilite2 h3,
td.sidenav div.module-hilite3 h3,
td.sidenav div.module-hilite4 h3 {
	background: url(../images/body/grey/body-h3.png) 100% 0 no-repeat;
}

td.subbody div.moduletable h3,
td.inset div.moduletable h3 {
	border-bottom: 1px solid #d5d5d5;
}

td.sidenav div.module-hilite1 div {
	background: #696969;
}

td.sidenav div.module-hilite2 div {
	background: #AFAFAF;
}

td.sidenav div.module-hilite3 div {
	background: #D1D1D1;
}

td.sidenav div.module-hilite4 div {
	background: #FFFFFF;
}

/* pathway */

span.pathway {
	background: #D7D7D7;
}

span.pathway img {
	background: url(../images/body/grey/pathway-arrow.png) 0 0 no-repeat;
}

/* rokslide stuff */

ul#rokslide-toolbar {
	background: url(../images/body/grey/tabs-bg.png) 0 0 repeat-x;
}

#rokslide-toolbar li.active { 
	background: #B6B6B6;
}

#rokslide-toolbar li.current { 
	background: #C6C6C6;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
}

#rokslide-toolbar li {
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	color: #484848;
}

#frame {
	background: #CACACA;
}

#frame div.button#left { 
	background: url(../images/body/grey/tabs-prev.png) 0 0 no-repeat;
}

#frame div.button#right { 
	background: url(../images/body/grey/tabs-next.png) 0 0 no-repeat;
}

/* demo stuff */

img#elementsplash {
	background: url(../images/demostuff/elements_grey.png) 0 0 no-repeat;
	width: 560px;
	height: 190px;
}

#rokslidecontent {
	background: url(../images/demostuff/rokslide_content_grey.png) 0 0 no-repeat;
	width: 260px;
	height: 178px;
}

#slidemoomenu {
	background: url(../images/demostuff/moomenu_grey.png) 0 0 no-repeat;
	width: 224px;
	height: 143px;
}

#slidebullet1 {
	background: url(../images/demostuff/bullet_rocket_grey.png) 0 0 no-repeat;
	width: 22px;
	height: 22px;
}

#slidebullet2 {
	background: url(../images/demostuff/bullet_rocket2_grey.png) 0 0 no-repeat;
	width: 22px;
	height: 22px;
}

#slidebullet3 {
	background: url(../images/demostuff/bullet_rocket3_grey.png) 0 0 no-repeat;
	width: 22px;
	height: 22px;
}

#extensionslide {
	background: url(../images/demostuff/modules_grey.png) 0 0 no-repeat;
	width: 126px;
	height: 146px;
}