body  {
	margin : 0px;
	padding : 0px;
	background: url(images/body.gif) repeat-y center white;
	text-align: center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

form {
	margin: 0;
	padding: 0;
}

html>body .msie {
	display: none;
}

div#main {
	text-align: center;
	display: block;
}

/* @group menuBar */

div#menuBar {
	width: 100%;
	margin-top: 80px;
	display: block;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	float: left;
	text-align: center;
}

html>body div#menuBar form {
	top: 10px;
	left: 50%;
	position: absolute;
	margin-left: -320px;
}

select#languageSwitcher, select#forumLanguage {
	font-size: 10px;
	color: #666666;
	top: 10px;
	left: 50%;
	position: absolute;
	margin-left: -320px;
}

html>body select#languageSwitcher,html>body select#forumLanguage {
	font-size: 10px;
	color: #666666;
	position: static;
	left: auto;
	margin-left: 0px;
}

body.ltr div#menuBar #nav {
	display: block;
	z-index: 10;
	margin-left: -181px;
	width: 510px;
}

html>body.ltr div#menuBar #nav {
	position: relative;
	left: 50%;
	top: 0;
	margin-left: -345px;
}

*:first-child+html body.ltr div#menuBar #nav {
	margin-left: -346px;
}

#menuBar ul { /* all lists */
	list-style: none;
	line-height: 1;
	padding: 0px;
	margin: -1px 0px 0px 0px;
	z-index: 6;
	border-right: 1px none silver;
}

html>body #menuBar ul { /* all lists */
	float: left;
}

#menuBar ul a {
	display: block;
	color: silver;
	text-decoration: none;
	font-size: 10px;
	padding: 7px 0;
	line-height: 10px;
	border-left: 1px solid #c7c7c7;
	border-top : 0.6em solid #c7c7c7;
	text-transform: uppercase;
	width: 169px;
	text-align: center;
}

html>body #menuBar ul a {
	width: 169px;
}

#menuBar li.selected a {
	border-top-color: gray;
}

#menuBar ul a:hover {
	border-top-color: black;
	color: black;
}

#menuBar ul li { /* all list items */;
	left: 50px;
	float: left;
	display: block;
}

#menuBar ul li ul { /* second-level lists */
	position: absolute;
	background: white;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */;
	border: 1px solid #c7c7c7;
	right: auto;
	bottom: auto;
	margin: 0 0px 0px;
	width: 169px;

}

#menuBar ul li ul li {
	border-bottom: 1px solid #c7c7c7;
	border-left: none;
	display: block;
}

#menuBar ul li ul a {
	color: black;
	font-size: 9px;
	border-left-style: none;
	overflow: hidden;
	text-transform: none;
	font-weight: normal;
	border-top-style: none;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	width: 159px;
	line-height: 14px;
}

html>body #menuBar ul li ul a {
	width: 159px;
}


#menuBar ul li ul a:hover {
	color: black;
	background: #c7c7c7;
}

#menuBar ul li ul ul { /* third-and-above-level lists */
	margin: -1.2em 0 0 -8em;
	background: white;
}

#menuBar ul li.sfhover ul ul, 
#menuBar ul li.sfhover ul ul ul 
{
	left: -999em;
}

#menuBar ul li.sfhover ul
{ /* lists nested under hovered list items */
	left: auto;}

#menuBar ul li li.sfhover ul, 
#menuBar ul li li li.sfhover ul 
{ /* lists nested under hovered list items */
	left: 264px;
	top: 42px;
	width: 170px;
	display: none;
}

#menuBar ul li li.sfhover ul li, 
#menuBar ul li li li.sfhover ul li
{
	top: -29px;
	position: relative;
	left: 0;
	border-left-style: none;
	background-color: white;
	width: 170px;
	border-bottom-style: none;
}

#menuBar ul li li.sfhover ul li a, 
#menuBar ul li li li.sfhover ul li a
{
	padding: 3px 5px;
}

#menuBar ul li#portaltab-contact a {
	float: right;
	position: absolute;
	left: 50%;
	border-style: none;
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	padding-bottom: 0;
	margin-top: -5px;
	margin-bottom: 0;
	margin-right: 0;
	margin-left: 300px;
	background: url(images/iconContact.gif) no-repeat center center;
	display: inline;
	width: 40px;
}

html>body #menuBar ul li#portaltab-contact a {
	width: 30px;
	margin: 0 0 0 400px;
}

*:first-child+html #menuBar ul li#portaltab-contact a {
	margin: -5px 0 0 300px;
	width: 40px;
}

#menuBar ul li#portaltab-contact a:hover {
	background: url(images/iconContact-over.gif) no-repeat center center;
}

*:first-child+html #menuBar ul li#portaltab-contact a:hover  {
	background: url(images/iconContact-over.gif) no-repeat center center;
}
	
/* @end */

/* @group letterBox */

#letterBox  {
	background : url(images/letterBox.gif) no-repeat center top;
	display: block;
	border-top: 1px solid #c7c7c7;
	width: 100%;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

#floater-lid {
	width: 262px;
	display: block;
	padding: 0px;
	background: url(images/cornaeLeftHand-base.gif) no-repeat bottom;
	z-index: 3;
	height: 129px;
	position: absolute;
	right: 20px;
	margin-top: 21px;
}

html>body #floater-lid{ /*Child Selector Hack, hides this from ie*/
	height: 129px;
	background: url(images/cornaeLeftHand-base.png) no-repeat bottom;
}

html>body #floater-base {
	width: 181px;
	height: 100px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: 164px;
	z-index: 2;
	background: url(images/backgroundPattern.png) fixed;
}
	
/* @end */

/* @group content */

/* @group sideBar */

/* @group widgets */

div#sideCol ul {
	list-style: none;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	margin-left: 0;
	width: 180px;
	float: left;
}

div#sideCol ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 180px;
}

div#sideCol ul li a  {
	text-decoration: underline;
	font-weight: normal;
	color: gray;
	font-size: 10px;
	display: block;
	margin: 0;
	padding: 3px 5px;
	width: 180px;
}

div#sideCol ul li a:hover {
	color: black;
}

#widgetStatistics ul a {
	float: none;
	text-decoration: underline;
}

#widgetStatistics ul img {
	float: left;
	margin-right: 5px;
}

#widgetNewsFlash p,#widgetMacNews p,#widgetMacFreak p {
	font-size: 10px;
	clear: left;
	padding-left: 20px;
	padding-right: 20px;
	color: lime;
}

#widgetNewsFlash p a,#widgetMacNews p a,#widgetMacFreak p a {
	font-size: 10px;
	color: gray;
	float: left;
	margin-bottom: 8px;
	width: 160px;
	display: block;
}

p#newsFlash a:hover,p#macNews a:hover {
	color: black;
}

a.buttonCollapse-c16  { background: right bottom url(images/sideColumnH3-collapse.gif) no-repeat; display: block; overflow: hidden;
	padding: 0;
	text-decoration: none;
}

a.buttonExpand-c16  { background: url(images/sideColumnH3-expand.gif) no-repeat right bottom; display: block; overflow: hidden;
	padding: 0;
	text-decoration: none;
}

/* @group languageSwitcher */

div#widgetLanguages ul li.notTranslated {
	display: none;
}

/* @end */

/* @group widgetSearch */

#sideCol input {
	width: 141px;
	border: 1px solid #e7e7e7;
	font-size: 10px;
	padding: 3px;
	clear: both;
	float: left;
	margin: 0 5px 0 4px;
}

html>body #sideCol input {
	height: auto;
	float: left;
}

#sideCol input:focus {
	color: #666666;
	border-color: gray;
}

#widgetSearch p {
	margin: 0;
	padding: 0;
}

#widgetSearch p a {
	margin-top: 2px;
	float: left;
}

#sideCol a.buttonFind  { background: url("images/cButtons_c16/buttonFind.png") no-repeat; display: block; margin-top: 2px; padding-top: 16px; padding-bottom: 0; width: 16px; height: 0 !important; overflow: hidden; vertical-align: middle; height /**/: 16px;
	margin-bottom: 0;
}

html>body #sideCol a.buttonFind { background: url("images/cButtons_c16/buttonFind.png") no-repeat; display: block; border-style: none;
	margin-right: 5px;
}

a.buttonFind:hover {
	background: url(images/cButtons_c16/buttonFind_over.png) no-repeat;
}

div#LSResult {
	float: left;
}

div#sideCol div#LSResult ul li {
	font-weight: bold;
	font-size: 10px;
	padding-left: 5px;
}

div#sideCol div#LSResult ul li a {
	text-decoration: none;
	margin-left: -5px;
}

span.livesearchResult-title {
	font-weight: bold;
	clear: left;
	text-decoration: underline;
	display: block;
}

span.livesearchResult-score {
	display: none;
}

span.livesearchResult-description {
	font-style: italic;
	clear: both;
	text-decoration: none;
	margin-bottom: 10px;
	margin-top: 2px;
	display: block;
}
	
/* @end */

/* @group widgetMood */

div#main div#widgetMood p.comment {
	margin-right: 5px;
	margin-left: 5px;
	width: 170px;
}

div#main div#widgetMood p a {
	width: 40px;
	height: 40px;
	display: block;
	float: left;
	clear: none;
	margin: 2px;
}

div#widgetMood p a.blackberry {
	background-image: url(../blackberry/images/fruitButton.png);
	background-position:  0px 40px;
}

div#widgetMood p a.blackberry:hover {
	background-position: 0px 0px;
}

div#widgetMood p a.lime {
	background-image: url(../lime/images/fruitButton.png);
	background-position:  0px 40px;
}

div#widgetMood p a.lime:hover {
	background-position: 0px 0px;
}

div#widgetMood p a.strawberry {
	background-image: url(../strawberry/images/fruitButton.png);
	background-position:  0px 40px;
}

div#widgetMood p a.strawberry:hover {
	background-position: 0px 0px;
}

div#widgetMood p a.grape {
	background-image: url(../grape/images/fruitButton.png);
	background-position:  0px 40px;
}

div#widgetMood p a.grape:hover {
	background-position:  0px 0px;
}

div#widgetMood p a.banana {
	background-image: url(../banana/images/fruitButton.png);
	background-position:  0px 40px;
}

div#widgetMood p a.banana:hover {
	background-position: 0px 0px;
}

div#widgetMood p a.cherry {
	background-image: url(../cherry/images/fruitButton.png);
	background-position:  0px 40px;
}

div#widgetMood p a.cherry:hover {
	background-position: 0px 0px;
}

div#widgetMood p a.peach {
	background-image: url(../peach/images/fruitButton.png);
	background-position:  0px 40px;
}

div#widgetMood p a.peach:hover {
	background-position: 0px 0px;
}

div#widgetMood p a.orange {
	background-image: url(../orange/images/fruitButton.png);
	background-position:  0px 40px;
}

div#widgetMood p a.orange:hover {
	background-position: 0px 0px;
}
	
/* @end */

/* @group widgetNavigation */

div#widgetNavigation ul {
	list-style: none;
	padding: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	margin-left: 0;
	width: 180px;
	float: left;
}

div#widgetNavigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

div#widgetNavigation ul li a  {
	text-decoration: underline;
	font-weight: normal;
	color: gray;
	font-size: 10px;
	display: block;
	margin: 0;
	padding: 3px 5px;
}

div#widgetNavigation ul li a:hover {
	color: black;
}
	
/* @end */

/* @group marginalComment */

#sideCol #marginalComment p {
	border-top: 1px solid gray;
	margin: 2px;
	padding-top: 5px;
	padding-left: 0;
	padding-right: 0;
	width: 170px;
}

html>body #sideCol #marginalComment p  {
	margin: 5px;
}


	
/* @end */

/* @group getFirefox */

div#getFirefox {
	text-align: center;
	float: left;
	padding-top: 25px;
	width: 180px;
	padding-bottom: 10px;
}
	
/* @end */

/* @group getOpera */

div#getOpera {
	text-align: center;
	float: left;
	width: 180px;
	padding-top: 8px;
}

div#getOpera a img {
	border-style: none;
}
	
/* @end */
	
/* @end */

#sideCol  {
	width: 180px;
	font-weight: bold;
	margin: 0px;
	display: block;
	float: right;
	padding: 16px 0 20px;
	overflow: hidden;
}

#sideCol p {
	display: block;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 9px;
	color: #666666;
	padding: 0;
}

#sideCol h3    {
	color: white; 
	font-size: 10px; 
	text-transform: uppercase; 
	display: block; 
	margin: 10px 0 4px; 
	padding: 0; 
	width: 180px; 
	float: left; 
	clear: both;
	background: silver;
}

html>body #sideCol h3{
	background-image: url(images/backgroundPattern.png);
	background-attachment: fixed;
}

#sideCol h3 span  {
	background-image: none;
	float: left;
	padding: 5px 20px 5px 5px;
	width: 155px;
}

#sideCol h3 a.buttonCollapse-c16,#sideCol h3 a.buttonExpand-c16 {
	color: white;
	text-decoration: none;
	float: left;
	width: 180px;
}

#sideCol h4 {
	font-size: 9px;
	margin-bottom: 0;
	margin-top: 8px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
	
/* @end */

/* @group mainColumn */

/* @group Portfolio Compact View */

div#slides.compactView a.buttonCompactView {
	display: none;
	text-align: right;
	width: 450px;
	margin-bottom: 25px;
}

div#slides.compactView a.buttonExtendedView {
	display: inline;
	margin-bottom: 25px;
	text-align: right;
	width: 450px;
	margin-left: 28px;
	float: left;
}

div#slides.compactView div.photoAlbumFolder {
	float: left;
	background: none no-repeat left bottom;
	margin-bottom: 20px;
	width: 150px;
	margin-left: 0;
	display: inline;
}

div#slides.compactView div.photoAlbumFolder span.albumsBackdrop {
	background: url(images/folder-backdrop-small.gif) no-repeat 0 bottom;
	width: 150px;
	height: 108px;
	float: left;
	margin-right: 0;
	overflow: hidden;
}

div#slides.compactView div.photoAlbumFolder span.albumsBackdrop img {
	margin-top: 10px;
	margin-left: 34px;
	float: left;
	display: inline;
	width: 78px;
	height: auto;
}

div#mainColumn div#slides.compactView div.photoAlbumFolder h3 {
	float: right;
	padding-left: 0;
	background-image: none;
	clear: none;
	padding-bottom: 0;
	margin-bottom: 6px;
	width: 150px;
	font-weight: normal;
	font-style: normal;
	font-size: 9px;
	text-align: center;
	padding-top: 6px;
}

div#mainColumn div#slides.compactView div.photoAlbumFolder h3 span.slideCount {
	background: none no-repeat right center;
	font-size: 9px;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 0 0 2px;
	width: auto;
	display: none;
	float: none;
	font-weight: normal;
	font-style: normal;
}

div#mainColumn div#slides.compactView div.photoAlbumFolder p.albumDescription {
	display: none;
}

div#slides.compactView div.photoAlbumFolder a.albumCover {
	width: 150px;
	height: 140px;
	position: absolute;
	background: url(images/folder-cover-small.gif) no-repeat;
	margin-left: -112px;
}

html>body div#slides.compactView div.photoAlbumFolder a.albumCover {
	background: url(images/folder-cover-small.png) no-repeat;
}

div#slides.compactView div.photoAlbumFolder a.albumCover:hover {
	background: url(images/folder-cover-small.gif) no-repeat -150px 0;
}

html>body div#slides.compactView div.photoAlbumFolder a.albumCover:hover {
	background: url(images/folder-cover-small.png) no-repeat -150px 0;
}

div#portfolio div#slides.compactView div#albums {
	width: 450px;
	margin-left: 28px;
	float: left;
	display: inline;
}

/* @end */

/* @group Portfolio */

div#slides.extendedView a.buttonCompactView {
	display: block;
	margin-left: 28px;
	margin-bottom: 25px;
	width: 450px;
	text-align: right;
}

div#slides.extendedView a.buttonExtendedView {
	display: none;
	width: 450px;
	text-align: right;
	margin-bottom: 25px;
	margin-left: 28px;
}

div#portfolio {
	float: left;
	width: 450px;
	display: inline;
	overflow: hidden;
}

div.photoAlbumFolder {
	float: left;
	background: url(images/bottomLine-raised.gif) no-repeat left bottom;
	margin-bottom: 20px;
	width: 450px;
	margin-left: 28px;
	display: inline;
}

div.photoAlbumFolder span.albumsBackdrop {
	background: url(images/folder-backdrop.gif) no-repeat 0 bottom;
	width: 215px;
	height: 180px;
	float: left;
	margin-right: 10px;
}

div.photoAlbumFolder span.albumsBackdrop img {
	margin-top: 18px;
	margin-left: 46px;
	float: left;
	display: inline;
	width: 128px;
}

div#mainColumn div.photoAlbumFolder h3 {
	float: right;
	padding-left: 0;
	background-image: none;
	clear: none;
	padding-bottom: 0;
	margin-bottom: 4px;
	width: 225px;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
}

div#mainColumn div.photoAlbumFolder h3 span.slideCount {
	background: url(images/iconSlide-small.gif) no-repeat right center;
	font-size: 14px;
	padding-right: 17px;
	padding-top: 0;
	padding-bottom: 0;
	margin: 0 5px 0 3px;
	width: auto;
	display: inline;
	float: none;
	font-weight: normal;
	font-style: normal;
}

div.photoAlbumFolder h3 a  {	text-decoration: none;
}

div#mainColumn div.photoAlbumFolder p.albumDescription {
	float: right;
	width: 225px;
	display: block;
	clear: none;
	padding-bottom: 25px;
}

div.photoAlbumFolder a.albumCover {
	width: 225px;
	height: 180px;
	position: absolute;
	background: url(images/folder-cover.gif) no-repeat;
	margin-left: -174px;
}

html>body div.photoAlbumFolder a.albumCover {
	background: url(images/folder-cover.png) no-repeat;
}

div.photoAlbumFolder a.albumCover:hover {
	background-position: -250px;
}

div#portfolio div#slides {
	width: 510px;
	margin-left: -28px;
	padding-bottom: 40px;
	margin-top: 25px;
}

span.photoAlbumEntryWrapper {
	float: left;
}

div.slide a {
	border: 1px solid silver;
	display: inline;
	float: left;
	margin-left: 28px;
	margin-right: 2px;
	margin-bottom: 30px;
	width: 126px;
	height: 126px;
	background-position: center center;
	background-repeat: no-repeat;
}

div.slide a span {
	display: none;
}

div.slide a:hover {
	border: 1px solid black;
	}

div.slide a span.photoAlbumEntryTitle  {
	display: none;
}

/* @end */

.tileBody {
	float: left;
}

.tileBody a.articleAvatar {
	float: right;
	margin-left: 5px;
}

#mainColumn .tileBody p {
	display: inline !important;
	width: auto;
	clear: none;
}

.tileBody a  {
	color : black;
	text-decoration: underline;
	font-size: 10px;
}

/* @group Contact Form */

div.field input {
	border: 1px solid silver;
	width: 100%;
}

div.field input:focus {
	border-color: black;
}

textarea#message {
	border: 1px solid silver;
	margin-bottom: 10px;
	color: gray;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
}

textarea#message:focus {
	border-color: black;
}

/* @end */

/* @group geekAlert */

div#mainColumn p.geekAlert {
	background: url(images/geekAlert.gif) no-repeat #d9d9d9;
	text-align: right;
	display: block;
	padding-top: 20px;
	padding-right: 15px;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 25px;
	color: white;
	text-transform: uppercase;
	height: 100px;
	width: 435px;
}

div#mainColumn p.geekAlert span {
	font-size: 14px;
	line-height: 0;
}

div#mainColumn p.geekAlert em {
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	text-transform: none;
	float: left;
	margin-top: 25px;
	width: 450px;
	display: block;
}
	
/* @end */

#mainColumn p.caption img {
	margin-bottom: 5px;
}

#mainColumn p.caption,#mainColumn ol.caption {
	font-size: 9px;
	margin-bottom: 10px;
	display: block;
	color: gray;
	font-style: italic;
	line-height: 14px;
	padding-bottom: 3px;
	border-bottom: 1px solid silver;
}

#mainColumn  {
	width: 450px;
	background: url(images/footer1.png) no-repeat center bottom;
	padding-bottom: 80px;
	margin-top: 20px;
	margin-left: 15px;
	float: left;
	display: block;
}

html>body #mainColumn{ /*Child Selector Hack, hides this from ie*/
	margin-left: 38px;
	margin-left: 29px;
}

#mainColumn p a,#mainColumn ol a,#mainColumn ul a,.tableborder a,#mainColumn ul a,table a,#marginalComment p a  {
text-decoration : underline;
color : #666666;
	font-weight: bold;
}

#mainColumn p a:hover,.tableborder a:hover,#mainColumn ul a:hover,table a:hover,#marginalComment p a:hover  {
	color : black;
	text-decoration: underline;
}

#mainColumn a.rssFeed {
	float: right;
}

#mainColumn dl {
	margin: 0;
}

#mainColumn dt { font-size: 11px; font-weight: bold; margin: 0; padding-top: 10px; padding-bottom: 4px; clear: both }

#mainColumn dt a {
	text-decoration : underline;
	color : #666666;
	font-weight: bold;
}

#mainColumn dd {
	margin-left: 0;
}

#mainColumn p em {
	font-style: normal;
	font-weight: bold;
	color: black;
	letter-spacing: 0.05em;
	font-size: 14px;
	line-height: 14px;
}

#mainColumn p strong {
	color: black;
	font-weight: bold;
}

#mainColumn fieldset {
	border-top: 1px solid silver;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#mainColumn select {
	font-size: 11px;
}

#mainColumn h2,#mainColumn h1   { color: black; text-transform: uppercase; margin-top: 5px; margin-bottom: 0.6em; padding-top: 0;
	letter-spacing: 1px;
	font: normal normal 20px "Helvetica Neue Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#mainColumn h3    { 
	color: #666666; 
	background: url("images/backdropH3.png") no-repeat left center; 
	display: block; 
	margin-top: 0;
	margin-bottom: 0; 
	padding-top: 14px; 
	padding-bottom: 14px; 
	padding-left: 43px; 
	clear: both; 
	border-style: none;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
}

#mainColumn h3 span {
	display: block;
	font: italic normal 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 25px;
	margin-top: -20px;
	margin-right: -60px;
}

#mainColumn h3 span span {
	display: inline;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
#mainColumn h3 a { color: #666666; text-decoration: none }

#mainColumn h3 a:hover { color: #666666; text-decoration: underline }
#mainColumn h4 { font-size: 11px; font-weight: bold; margin: 0; padding-top: 10px; padding-bottom: 4px; clear: both }
#mainColumn h2.level1 {
	background: url(images/level1.gif) no-repeat right center;
	padding-right: 60px;
}

#mainColumn h2.level2 {
	background: url(images/level2.gif) no-repeat right center;
	padding-right: 60px;
}

#mainColumn h2.level3 {
	background: url(images/level3.gif) no-repeat right center;
	padding-right: 60px;
}

#mainColumn h3.level1 {
	padding-right: 60px;
}

#mainColumn h3.level2 {
	padding-right: 60px; 	
}

#mainColumn h3.level3 {
	padding-right: 60px; 	
}

#mainColumn h3.level1 span {
	background: url(images/level1.gif) no-repeat right top;
	padding-right: 60px;
}

#mainColumn h3.level2 span {
	background: url(images/level2.gif) no-repeat right top;
	padding-right: 60px;
}

#mainColumn h3.level3 span {
	background: url(images/level3.gif) no-repeat right top;
	padding-right: 60px;
}

#mainColumn span.level1 {
	background: url(images/level1.gif) no-repeat right center;
	padding-right: 60px;
}

#mainColumn span.level2 {
	background: url(images/level2.gif) no-repeat right center;
	padding-right: 60px;
}

#mainColumn span.level3 {
	background: url(images/level3.gif) no-repeat right center;
	padding-right: 60px;
}

#mainColumn td.level1 span {
	background-image: url(images/level1.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 60px;
	display: block;
}

#mainColumn td.level2 span {
	background-image: url(images/level2.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 60px;
	display: block;
}

#mainColumn td.level3 span {
	background-image: url(images/level3.gif);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 60px;
	display: block;
}
#mainColumn p,#mainColumn ul,#mainColumn ol,.tileBody {
	font-size : 11px;
	letter-spacing : 1px;
	margin-bottom: 0.8em;
	color: #666666;
	margin-top: 0.6px;
	line-height: 2.0em;
	padding-left: 0;
	clear: both;
}

#mainColumn ol {
	list-style: upper-roman outside;
	margin-left: 0;
	padding-left: 35px;
}

#mainColumn pre {
	font-size: 11px;
	color: black;
}

#mainColumn p.introduction,#mainColumn div#introduction p,div#mainColumn p.documentDescription {
	color: black;
	font-weight: bold;
}
#maincolumn p.footer { font-style: italic }
#mainColumn p.footer a { font-style: italic; font-weight: normal }

#mainColumn p.buttons input {
	float: right;
}

#mainColumn p img.avatar {
	float: right;
	margin-left: 8px;
}

p.preformatted { font-size: 11px;
	background: #ebebeb;
	padding: 5px
}

#mainColumn code  { color: black; font-size: 11px;
	background: #ebebeb;
	padding: 2px;
	margin-top: -2px;
	line-height: 14px;
}

#mainColumn pre  { color: black; font-size: 11px;
	background: #ebebeb;
	padding: 5px;
	line-height: 14px;
}

#mainColumn a img {
	border-style: none;
}

div#mostRecentPost {
	float: left;
	margin-top: 10px;
	background: url(images/mostRecentPost.gif) no-repeat right top;
}

div#mostRecentPost h4 {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 15px;
}

div.listingBar {
	width: 450px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	color: gray;
	font-size: 11px;
	font-weight: bold;
}

div.listingBar a {
	margin-right: 2px;
	margin-left: 2px;
}

div.listingBar span {
	color: gray;
	margin-right: 2px;
	margin-left: 2px;
}

#content div.listingBar span.previous a {
	height: 0;
	width: 20px;
	background: url(images/buttonPrevious.gif) no-repeat;
	overflow: hidden;
	display: block;
	float: left;
	border-bottom-style: none;
	padding-top: 20px;
	margin-top: -16px;
	position: absolute;
	left: 50%;
	margin-left: -320px;
}

#content div.listingBar span.next a {
	height: 0;
	width: 20px;
	background: url(images/buttonNext.gif) no-repeat;
	overflow: hidden;
	display: block;
	float: right;
	border-bottom-style: none;
	padding-top: 20px;
	margin-top: -16px;
	position: absolute;
	left: 50%;
	margin-left: 120px;
}
	
/* @end */
textarea.default {
	width: 100%;
	color: #666666;
	font: 10px Verdana, Helvetica, Arial, sans-serif;
	border: 1px dotted silver;
	padding: 5px;
}

#content {
	width: 690px;
	padding: 0 0px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: left;
}

/* @group default table */

table  { 
	color: #666666; 
	display: block; 
	margin-top: 0.6em; 
	margin-bottom: 0.6em; 
	width: 450px; 
	float: left; 
	clear: both;
	border-spacing: 0px 0px;
	border-collapse: collapse;
	background-color: silver;
	font: 10px/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

html>body table  {
	width: 450px;
	background-image: url(images/backgroundPattern.png);
	background-attachment: fixed;
}

thead {
}

thead th  { text-align: left; padding-left: 123px;
	background: white  fixed;
	padding-bottom: 5px;
}

thead th a {
	border: none;
	display: block;
	float: left;
}

tbody {
	margin: 0;
	padding: 0;
}

tbody th     { 
	color: white; 
	background-image: url("images/tableIdentifier-bottom.gif"); 
	background-repeat: no-repeat; 
	background-position: 0 bottom; 
	text-align: left; 
	padding: 0 0 5px; 
	width: 120px; 
	border-bottom: 1px solid white;
	vertical-align: top;
}

tbody th span  { 
	color: white; 
	display: block;
	padding-top: 5px;
	padding-bottom: 0;
	padding-left: 8px;
	background: url("images/tableIdentifier-top.gif") no-repeat  0 top;
}

tbody th a img {
	width: 120px;
	margin-left: -8px;
	opacity: .5;
}

tbody th a:hover img {
	
	opacity: 1;
}

tbody td  { 
	padding: 5px; 
	vertical-align: top; 
	border-bottom: 1px solid white;
	background-color: #ebebeb;
	width: 330px;
}

html>body tbody td{
	background-image: url(images/backgroundPattern.png);
	background-attachment: fixed;	
}

tbody td ul li {
	font-size: 10px;
	line-height: 1.4em;
	letter-spacing: 0;
}

table td span.features {
	display: list-item;
	list-style: outside;
	margin-left: 15px;
}

table td img.avatar {
	float: right;
	margin-left: 10px;
}

tbody td.input {
	width: 340px;
	padding: 0;
}

table tbody td.input input {
	background: #ebebeb;
	border: 1px solid silver;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	width: 340px;
	padding: 5px;
	margin: 0;
	height: 25px;
}

html>body table tbody td.input input {
	width: 330px;
	height: auto;
}

table tbody td.input textarea {
	background: #ebebeb;
	border: 1px solid silver;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	width: 340px;
	padding: 5px;
	height: 160px;
	margin: 0;
}

html>body table tbody td.input textarea {
	width: 330px;
}

tbody td.input input:focus,tbody td.input textarea:focus {
	background: white;
}
	
/* @end */
	
/* @end */

/* @group appendix */

div#appendix {
	float: left;
	display: block;
	width: 450px;
	padding: 0;
	margin-top: 30px;
	margin-left: 15px;
}

html>body div#appendix {
	margin-left: 29px;
}

div#appendix img {
	height: 7px;
	width: 7px;
	margin-top: 3px;
}

div#appendix p {
	color: #c7c7c7;
	font-size: 9px;
	padding: 5px 0 10px;
	border-top: 1px solid #c7c7c7;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#appendix p a {
	color: #c7c7c7;
	font-size: 9px;
	text-decoration: none;
	border-right: 1px solid #c7c7c7;
	padding-right: 5px;
}

div#appendix p a:hover {
	color: black;
}
	
/* @end */

/* @group Naughty */

html>body#section-cornelis #floater-base {
	height: 70px;
}

body#section-cornelis #floater-lid {
	margin-top: -9px;
}

body#section-cornelis #letterBox  {
	background-image: url(images/backdropLetterbox-naughty.gif);
	background-position: bottom center;
	width : 100%;
	float: left;
	height: 70px;
	display: block;
}

/* @end */

/* @group Publications and Forum */

body#section-articles #floater-lid {
	display: none;
}

body#section-articles #letterBox   { background-image: url("images/backdropLetterbox-forum.gif"); background-repeat: no-repeat; text-align: right; display: block; width: 100%; height: 350px; float: left }

html>body#section-articles #letterBox {
	background-image : url(images/backdropLetterbox-forum.gif) ;
}

html>body#section-articles #floater-base {
	height: 350px;
	z-index: 0;
}

body#section-artikelen #floater-lid {
	display: none;
}

body#section-artikelen #letterBox   { background-image: url("images/backdropLetterbox-forum.gif"); background-repeat: no-repeat; text-align: right; display: block; width: 100%; height: 350px; float: left }

html>body#section-artikelen #letterBox {
	background-image : url(images/backdropLetterbox-forum.gif) ;
}

html>body#section-artikelen #floater-base {
	height: 350px;
	z-index: 0;
}

p#login,p#search {
	float: left;
}


p#login input,p#search input {
	float: left;
	width: 150px;
	margin-right: 5px;
}

p#login a,p#search a,p#login a:hover,p#search a:hover {
	border-style: none;
	margin-top: 2px;
}

ul#pageMenu {
	margin-left: 0px;
	padding: 0px;
	width: 180px;
	display: block;
	background: white;
}

ul#pageMenu ul {
	padding: 0px;
	margin: 0px;
}

#widgetMemberBar p a,a.buttonMain-c20l {
	background: url(images/cButtons-c20/buttonMain-c20l.png) no-repeat center center;
	width: 140px;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 9px;
	margin-left: 20px;
	border-style: none;
	color: white;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
}

#widgetMemberBar p a:hover,a.buttonMain-c20l a:hover {
	background: url(images/cButtons-c20/buttonMain-c20l-over.png) no-repeat center center;
	border-style: none;
	color: white;
}

#flexFrame,.tableborder {
	width: 450px;
	font-size: 10px;
	line-height: 2.3em;
	background: url(images/flexFrameFooter.gif) repeat-y left bottom;
	padding-bottom: 30px;
	clear: both;
}

#flexFrame div.maintitle,.tableborder div.maintitle,#flexFrame h3{
	background: no-repeat left top url(images/flexFrameHeader.gif);
	padding: 5px 5px 5px 10px;
	font-weight: bold;
}

#flexFrame div.maintitle img,.tableborder div.maintitle img {
	padding-top: 4px;
	padding-right: 8px;
}

#flexFrame td.catend,.tableborder td.catend {
	background: url(images/flexFrameFooter.gif) no-repeat left bottom;
	width: 450px;
	height: 20px;
	display: none;
}

#flexFrame .maintitle a,.tableborder .maintitle a {
	border-bottom-style: none;
	text-decoration: underline;
}

.toplinks {
	background: url(images/flexFrameHeader.gif) no-repeat left top;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
	padding-left: 10px;
	margin-left: 15px;
	display: block;
	float: left;
	margin-bottom: -1px;
	padding-top: 7px;
}

.toplinks span {
	background: url(images/flexFrameHeader.gif) no-repeat right top;
	padding-right: 10px;
	padding-top: 7px;
}

.toplinks a {
	font-size: 9px;
	text-decoration: none;
	color: #666666;
}

.toplinks a:hover {
	color: black;
}

.tableborder td {
	vertical-align: top;
}

.tableborder th {
	vertical-align: top;
}

#profileOptions  { display: block; margin: 0; padding: 0; position: absolute; top: 115px; left: 395px; width: 140px; float: right; clear: none }

#profileOptions a {
	color: #666666;
}

#nameCard {
	background: url(images/nameCard.gif) no-repeat;
	width: 250px;
	height: 160px;
	display: block;
	float: left;
	padding: 15px;
	margin: 0px;
}

#nameCard span img {
	float: left;
	margin-right: 10px;
}

#nameCard p  { display: block; padding-top: 8px; width: 150px; float: right; clear: right; overflow: visible }

#instantMessagingServices  { width: 450; float: none }

#instantMessagingServices td  { background-color: white; width: 200px }


table#activeStats {
	clear: both;
}

#navstrip {
	font-size: 10px;
	color: silver;
	vertical-align: middle;
	margin-top: -25px;
}

#navstrip a {
	color: silver;
}

#navstrip a:hover {
	color: black;
}

#navstrip img {
	vertical-align: middle;
}

.copyright {
	color: silver;
	font-size: 10px;
	padding-top: 40px;
	padding-bottom: 20px;
}

.copyright a {
	font-size: 10px;
	color: silver;
}

.copyright a:hover {
	color: #666666;
}
	
/* @end */

/* @group rtl */

body.rtl #content {
	width: 690px;
	padding: 0 0px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: right;
}

body.rtl #sideCol h3 span  {
	background-image: none;
	float: left;
	padding: 5px 5px 5px 20px;
	width: 180px;
}

body.rtr div#menuBar #nav {
	display: block;
	z-index: 10;
	margin-left: -181px;
	width: 510px;
}

html>body.rtl #sideCol h3 span {
	width: 155px;
}

body.rtl #sideCol h3 a.buttonCollapse-c16,#sideCol h3 a.buttonExpand-c16 {
	color: white;
	text-decoration: none;
	float: left;
	width: 180px;
}

body.rtl a.buttonCollapse-c16  { background: right bottom url(images/sideColumnH3-collapse-rtl.gif) no-repeat; display: block; overflow: hidden;
	padding: 0;
	text-decoration: none;
}

body.rtl a.buttonExpand-c16  { background: url(images/sideColumnH3-expand-rtl.gif) no-repeat right bottom; display: block; overflow: hidden;
	padding: 0;
	text-decoration: none;
}

body.rtl  {
	background: url(images/body-rtl.gif) repeat-y center white;
	text-align: center;
}

body.rtl div#menuBar #nav {
	display: block;
	z-index: 10;
	width: 517px;
	margin-left: 174px;
}

html>body.rtl div#menuBar #nav {
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -171px;
}

body.rtl #menuBar ul { /* all lists */
	list-style: none;
	line-height: 1;
	padding: 0px;
	margin: -1px 0px 0px 0px;
	z-index: 6;
}

body.rtl #menuBar ul li { /* all list items */;
	float: right;
	left: 50px;
	float: right;
}

body.rtl #menuBar ul a {
	border-right: 1px solid #c7c7c7;
	border-left-style: none;
}

body.rtl #mainColumn  {
	width: 450px;
	background: url(images/footer1.png) no-repeat center bottom;
	padding-bottom: 80px;
	margin-top: 20px;
	float: right;
	display: block;
	margin-right: 15px;
	margin-left: 0;
}

html>body.rtl #mainColumn{ /*Child Selector Hack, hides this from ie*/;
	margin-right: 29px;
	margin-right: 29px;
	margin-left: 0;
}

body.rtl #sideCol  {
	width: 180px;
	font-weight: bold;
	margin: 0px;
	display: block;
	float: left;
	padding-top: 16px;
	padding-bottom: 20px;
}

body.rtl #sideCol input {
	width: 141px;
	border: 1px solid #e7e7e7;
	font-size: 10px;
	padding: 3px;
	clear: both;
	margin-right: 4px;
	float: right;
	height: 20px;
	margin-left: 5px;
}

html>body.rtl #sideCol input {
	height: auto;
	float: right;
	margin-left: 0;
	margin-right: 5px;
}

body.rtl #sideCol a.buttonFind  { background: url("images/cButtons_c16/buttonFind.png") no-repeat; display: block; margin-top: 2px; padding-top: 16px; padding-bottom: 0; width: 16px; height: 0 !important; overflow: hidden; vertical-align: middle; height /**/: 16px;
	float: left;
	margin-left: 5px;
}

html>body.rtl #sideCol a.buttonFind { background: url("images/cButtons_c16/buttonFind.png") no-repeat; display: block; border-style: none;
	margin-right: 5px;
}

body.rtl #menuBar ul li#portaltab-contact a {
	margin-right: 345px;
}

/* @group letterBox */

body.rtl #letterBox  {
	background : url(images/letterBox-rtl.gif) no-repeat center top;
	display: block;
	border-top: 1px solid #c7c7c7;
	width: 100%;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	float: left;
}

body.rtl #floater-lid {
	width: 262px;
	display: block;
	padding: 0px;
	background: url(images/cornaeLeftHand-base-rtl.gif) no-repeat bottom;
	z-index: 3;
	height: 129px;
	position: absolute;
	margin-top: 21px;
	left: 20px;
	right: auto;
}

html>body.rtl #floater-lid{ /*Child Selector Hack, hides this from ie*/
	height: 129px;
	background: url(images/cornaeLeftHand-base-rtl.png) no-repeat bottom;
	margin-top: 21px;
}

html>body.rtl #floater-base {
	width: 181px;
	height: 100px;
	display: block;
	position: absolute;
	z-index: 2;
	right: 50%;
	margin-right: 164px;
	left: auto;
}
	
/* @end */

/* @end */

/* @group cButtons */

.buttonGo {
	padding-top: 16px;
	width:  16px;
    	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:16px; /* for IE5.5's bad box model */
	background: url(images/cButtons_c16/buttonGo.png) no-repeat;
	float: left;
	vertical-align: middle;
	border-style: none;
}
	html>body .buttonGo{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonGo.png);
}

.buttonGo:hover {
	background: url(images/cButtons_c16/buttonGo.gif) no-repeat;
}
	html>body .buttonGo:hover{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonGo_over.png);
}

.buttonOK {
	padding-top: 16px;
	width: 16px;
    	overflow: hidden;	
    	height: 0px !important; /* for most browsers */
	height /**/:16px; /* for IE5.5's bad box model */

	background: url(images/cButtons_c16/buttonOK.gif) no-repeat;
}
	html>body .buttonOK{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonOK.png);
}

.buttonOK:hover {
	background: url(images/cButtons_c16/buttonOK.gif) no-repeat;
}
	html>body .buttonOK:hover{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonOK_over.png);
}

.buttonCancel {
	padding-top: 16px;
	width:  16px;
    	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:16px; /* for IE5.5's bad box model */
	background: url(images/cButtons_c16/buttonCancel.gif) no-repeat;
}
	html>body .buttonCancel{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonCancel.png);
}

.buttonCancel:hover {
	background: url(images/cButtons_c16/buttonCancel_over.png) no-repeat;
}

.buttonInfo {
	padding-top: 16px;
	width:  16px;
    	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:16px; /* for IE5.5's bad box model */
    	background: url(images/cButtons_c16/buttonInfo.gif) no-repeat;
}
	html>body .buttonInfo{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonInfo.png);
}

.buttonInfo:hover {
	background: url(images/cButtons_c16/buttonInfo.gif) no-repeat;
}
	html>body .buttonInfo:hover{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonInfo_over.png);
}

.buttonRemove {
	padding-top: 16px;
	width:  16px;
    	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:16px; /* for IE5.5's bad box model */
	background: url(images/cButtons_c16/buttonRemove.gif) no-repeat;
}
	html>body .buttonRemove{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonRemove.png);
}

.buttonRemove:hover {
	background: url(images/cButtons_c16/buttonRemove_over.png) no-repeat;
}

.buttonFind {
	padding-top: 16px;
	width:  16px;
    	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:16px; /* for IE5.5's bad box model */
	background: url(images/cButtons_c16/buttonFind.png) no-repeat;
	float: left;
	vertical-align: middle;
	border-style: none;
}
	html>body .buttonFind{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonFind.png);
}

.buttonFind:hover {
	background: url(images/cButtons_c16/buttonFind_over.png) no-repeat;
}

.buttonShop{
	padding-top: 16px;
	width:  16px;
    	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:16px; /* for IE5.5's bad box model */
    	background: url(images/cButtons_c16/buttonShop.gif) no-repeat;
}
	html>body .buttonShop{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonShop.png);
}

.buttonShop:hover {
	background: url(images/cButtons_c16/buttonShop.gif) no-repeat;
}

html>body .buttonShop:hover{ /*Child Selector Hack, hides this from ie*/
background: url(images/cButtons_c16/buttonShop_over.png);
}

/* @group labeled buttons */

.buttonMain-c20l {
	background: url(images/cButtons-c20/buttonMain-c20l.png) no-repeat center center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 9px;
	color: white;
	font-weight: bold;
}
	
/* @end */

/* @end */