@charset "utf-8";
/* CSS Document */
	
body{
	margin: 11px auto 30px auto;
	font: 77%/160% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	}
	
*{
	margin:0;
	padding:0;
	}

span{
	display:none;
	text-decoration:none;
	}
	
a:link{
	color:#ec8532;
	text-decoration:none;
	}
	
a:visited{
	color:#cb610b;
	text-decoration:none;
	}
	
a:hover{
	cursor:pointer;
	color:#ec8532;
	text-decoration:underline;
	}
	
a:active{
	color:#ec8532;
	cursor:pointer;
	text-decoration:none;
	}
	
ul, li{	
	list-style:none;
	display:inline;
	}

h1{
 font-size:120%;
margin-top:15px;
	}
	
h2{
 font-size:115%;
	}
	
h3{
 font-size:110%;
	}

h4{
 font-size:100%;
	}
	
h5{
	font-size:110%;
	}

h6{
	font-size:100%;
	}

.spacer{
	overflow:hidden; 
	clear:both;
	height:0;
	visibility:hidden;
	}
	
div#main {
	width: 800px;
	margin: auto;
	}


div.logo{
	background:url(images/idea-logo.gif) top left no-repeat;
	width:145px;
	height:75px;
	float:left;
margin-top:10px
	}
	
div.logo h1 a, div.logo h1 a:hover{
	position:absolute;
	width:145px;
	height:75px;
	}
	
div#search{
	height:25px;
	float:right;
	}
	
input#search-box{
	background:url(images/bg-searcher.gif) top left no-repeat;
	width:182px;
	height:22px;
	border:none;
	padding:0 2px;
	float:left;
	}
	
input#go{
	margin-left:3px;
	float:left;
	}
	
div#login{
	background:url(images/btn-login.gif) center left no-repeat;
	height:25px;
	width:43px;
	float:left;
	margin-left:10px;
	}
	
div#login a, div#login a:hover{
	height:25px;
	width:43px;
	position:absolute;
	} 
	
div#menu{
	float:right;
	width:650px;
	margin-top:15px;
	}

ul.level1{
	margin-bottom:-4px;
	position:relative;
	z-index:4;
	}
	
ul.level1, ul.level2{
	float:right;	
	}
	
ul.level2{
	background-color:#c4e7fd;
	z-index:0;
	position:relative;
	padding:0 0;
	margin-top:10px;
/*	margin-bottom:10px;*/
margin-bottom:0;
	height:30px;
	}

ul.level1 li h2 em{
	visibility:hidden;
	}

ul.level1 li h2 a,  ul.level1 li.Home-sel h2 a, ul.level1 li.Journal_of_Interaction_Recipes-sel h2 a,  ul.level1 li.Tools_for_you-sel h2 a,  ul.level1 li.Projects-sel h2 a,  ul.level1 li.Get_involved-sel h2 a,  ul.level1 li.About_us-sel h2 a{
	padding-top:7px;
	margin:0px 3px 0 3px;
	height:25px;
	}
	
ul.level1 li, ul.level1 li a{
	float:left;
	font-weight:bold;
	height:33px;
	text-align:center;
	}
		
ul.level1 li.Home h2 a{
	width:60px;
	background:url(images/level1-bg-home.gif) no-repeat 0 0;
	color:#000;
	}
	
ul.level1 li.Journal_of_Interaction_Recipes h2 a{
	background:url(images/level1-bg-journal.gif) 0 0 no-repeat;
	width:220px;
	color:#000;
	}
	
ul.level1 li.Tools_for_you h2 a{
	width:108px;
	background:url(images/level1-bg-tools.gif) 0 0 no-repeat;
	color:#000;
	}

ul.level1 li.Projects h2 a{
	width:78px;
	background:url(images/level1-bg-projects.gif) 0 0 no-repeat;
	color:#000;
	}
	
ul.level1 li.Get_involved h2 a{
	width:108px;
	background:url(images/level1-bg-getinvolved.gif) 0 0 no-repeat;
	color:#000;
	}
	
ul.level1 li.About_us h2 a{
	width:80px;
	background:url(images/level1-bg-us.gif) 0 0 no-repeat;
	color:#000;
	}
	
	
ul.level1 h2 a:hover, ul.level2 h3 a:hover{
	text-decoration:none;
	}
	
ul.level1 li.Home h2 a:hover{
	background-position:0 -33px;
	width:60px;
	}

ul.level1 li.Home-sel h2 a, ul.level1 li.Home-sel h2 a:hover{
	background:url(images/level1-bg-home-sel.gif) top center no-repeat;
	height:40px;
	width:60px;
	}

ul.level1 li.Journal_of_Interaction_Recipes h2 a:hover{
	background-position:0 -33px;
	width:220px;
	}
	
ul.level1 li.Tools_for_you h2 a:hover{
	background-position:0 -33px;
	width:108px;
	}
	
ul.level1 li.Projects h2 a:hover{
	background-position:0 -33px;
	width:78px;
	}
	
ul.level1 li.Get_involved h2 a:hover{
	background-position:0 -33px;
	width:108px;
	}
	

ul.level1 li.About_us h2 a:hover{
	background-position:0 -33px;
	width:80px;
	}

ul.level1 li.Journal_of_Interaction_Recipes-sel h2 a, ul.level1 li.Journal_of_Interaction_Recipes-sel h2 a:hover{
	background:url(images/level1-bg-journal-sel.gif) top center no-repeat;
	height:40px;
	width:220px;
	}

ul.level1 li.Tools_for_you-sel h2 a, ul.level1 li.Tools_for_you-sel h2 a:hover{
	background:url(images/level1-bg-tools-sel.gif) top center no-repeat; 
	height:40px;
	width:108px;
	}

ul.level1 li.Projects-sel h2 a, ul.level1 li.Projects-sel h2 a:hover{
	background:url(images/level1-bg-projects-sel.gif) top center no-repeat;
	height:40px;
	width:78px;
	}

ul.level1 li.Get_involved-sel h2 a, ul.level1 li.Get_involved-sel h2 a:hover{
	background:url(images/level1-bg-getinvolved-sel.gif) top center no-repeat;
	height:40px;
	width:108px;
	}

ul.level1 li.About_us-sel h2 a, ul.level1 li.About_us-sel h2 a:hover{
	background:url(images/level1-bg-us-sel.gif) top center no-repeat;
	height:40px;
	width:80px;
	}

ul.level1 li a, ul.level2 li a{
	color:#333;
	}
		
ul.level2 li a{
	font-weight:normal;
	padding-bottom:3px;
	}

ul.level2 li{
	float:left;
	margin:0 12px 0 0;
	padding-bottom:6px;
	}
	
ul.level2 li a:hover, .selected a{
	background:url(images/selected.gif) bottom center no-repeat;
	}
	
.selected{
	font-weight:bold;
	}

div.level2-top-left{
	background:url(images/level2-top-left.gif) top left no-repeat; 
	height:13px;
	/*margin-bottom:-5px;
	padding-top:10px;*/
	margin-top:-11px;
	padding-left:0;
	}
	
div.level2-top{
	background:url(images/level2-top.gif) top center no-repeat;
	height:13px;
	margin-bottom:0;
	/*margin-top:10px;*/
	padding:11px 0;
	}
	
div.level2-top-right{
	background:url(images/level2-top-right.gif) top right no-repeat; 
	height:13px;
	margin-bottom:-5px;
	/*margin-top:-9px;*/
margin-top:0;
	padding:10px 0;
	}
	
div.level2-bot-left{
	background:url(images/level2-bot-left.gif) bottom left no-repeat; 
	height:13px; 
	padding-left:10px;
	margin-top:-2px;
	margin-bottom:0;
	padding-bottom:13px;
	}
	
div.level2-bot{
	background:url(images/level2-bot.gif) bottom center no-repeat; 
	height:13px;
	margin-top:-2px;
	padding-bottom:13px;
	}
	
div.level2-bot-right{
	background:url(images/level2-bot-right.gif) bottom right no-repeat; 
	height:13px; 
	padding-bottom:12px;
	margin-top:-2px;
	}
	
	
/* index -----------------------------
------------------------------------*/
div#main-image{
	background:url(images/home-img.jpg) top left no-repeat;
	width:804px;
	height:366px;
	margin:5px 0 5px 0;
	}
	
div#leftarea{
	float:left;
	width:470px;
	}
	
div.left{
	background:url(images/middle-container.gif) top left repeat-y;
	margin-bottom:6px;
	}
	
div.left-top{
	background:url(images/top-container.gif) top left no-repeat;
	height:24px;
	}
	
div.left-top-below{
	background:url(images/top-container-below.gif) top left no-repeat;
	height:24px;
	}
	
div.left-bot{
	background:url(images/bottom-container.gif) bottom left no-repeat;
	height:24px;
	}
	
div.left-bot-below{
	background:url(images/bottom-container-below.gif) bottom left no-repeat;
	height:24px;
	}

.left-content, .right-content{
	padding:0 20px;
	margin:-5px 0 -10px 0;
	}

.left-content2{
	padding:0 20px 0 150px;
	margin:-5px 0 -10px 0;
	}

div#rightarea{
	float:right;
	width:321px;
	margin-top:-5px;
	background:url(images/middle-container-right.gif) top left repeat-y;
	}
	
div.right{
	background:url(images/middle-container-right.gif) top left repeat-y;
	}

.right-content{
	padding-bottom:24px;
}

div.right-top{
	background:url(images/top-container-right.gif) top left no-repeat;
	height:24px;
	}
	
div.right-bot{
	background:url(images/bottom-container-right.gif) bottom left no-repeat;
	height:24px;
	margin-top:-24px;
	}
	
div#rightarea p, div#leftarea p{
	font-size:110%;
	}

ul.tips{
	margin-top:15px;
	display:block;
	}

ul.tips li{
	display:list-item;
	list-style:url(images/arrow-bullet.gif) inside;	
	font-size:110%;
	padding-bottom:5px;
	height:22px;
	}
	
ul.tips li a{
	font-size:100%;
	font-weight:bold;
	margin-left:-5px;
	position:absolute;
	}
	
div#footer{
	color:#cecece;
	font-size:95%;
	margin-left:20px;
	}
	
div#footer a:link, div.footer a:active, div.footer a:visited{
	color:#CECECE;
	}

div#footer a:hover{
	text-decoration:underline;
	}

div.footer-links{
	margin-top:5px;
	font-weight:normal;
	}
	
div.footer-links a:link, .footer-links a:active, .footer-links a:hover{
	color:#6ea5c7;
	}
	
.footer-links a:visited{
	color:#6598b7;
	}
	
h4.about{
	background:#fff url(images/about-idea-home.gif) top left no-repeat;
	height:25px;
	}
	
h4.new{
	background:#fff url(images/what%27s-new-home.gif) top left no-repeat;
	height:25px;
	}
	
h4.recipes{
	background:#fff url(images/recipes-success-home.gif) top left no-repeat;
	height:25px;
	}
	
.more{
	text-align:right;
	float:right;
	margin:0 0 -10px 0;
	position:relative;
	z-index:10;
	}
	
.more2{
	text-align:left;
	float:left;
	margin:5px 0 -10px 0;
	position:relative;
	z-index:10;
}

.more p, .more2 p{
	font-weight:bold;
	color:#ec8532;	
	margin-right:5px;
	float:left;
	}

.more a img, .more2 a img{
	border:none;
	float:left;
	}
	
div#sn-home{
	background:url(images/home-icon.gif) top left no-repeat;
	width:152px;
	height:161px;
	position:absolute;
	margin-top:-8px;
	margin-left:-10px;
	}
	
	
/* Generic
----------------------------*/
#submain {
	width: 800px;
	margin: auto;
}

#content{
	float:left;
	margin-top:10px;
	width:571px;
	}

.content-top{
	background:url(images/generic-main-top.gif) top left no-repeat;
	height:19px;
	width:611px;
	margin-top:-10px;
	margin-left:-20px;
	}
	
.content-bot{
	background:url(images/generic-main-bot.gif) bottom left no-repeat;
	height:20px;
	width:611px;
	padding-top:10px;
	margin-left:-20px;
	}
	
.contentbox{
	background:url(images/generic-main-middle.gif) top left repeat-y;
	width:571px;
	padding:0 20px;
margin-top:15px;
	}

.contentbox h1{
	font-size:130%;
	}

.contentbox h2{
	font-size:125%;
	}

.contentbox h1, .contentbox h2{
	margin:20px 0;
	}

.contentbox ul li{
	display:list-item;
	margin-bottom:10px;
	padding-left:40px;
	list-style:disc inside;
	text-indent:-13px;
	}

	
.top-title-weak{
	background:url(images/weak-evaluation.gif) top left no-repeat;
	height:26px;
	}
	
.author{
	color:#9a9a9a;
	}

.contentbox p{
	margin:5px 0 10px 0;
	}

.contentbox img#mirror{
	margin:0 0 15px 15px;
	}
	
.bottom{
	border-top:1px solid #efefef;
	width:550px;
	margin:20px 0;
	padding-top:5px;
	}
	
.prev a img, .next a img{
	border:none;
	position:relative;
	top:2px;
	}

.prev a, .next a {
	float:left;
	}

.prev img{
	margin-left:-25px;
	}

.next img{
	margin-left:5px;
	}
	
.prev, .next{
	font-weight:bold;
	color:#ec8532;	
	font-size:120%;
	margin-top:10px;
	}
	
.prev{
	float:left;
	margin-left:25px;
	}
	
.bottom-footer,  .people-comment{
	text-align:center;
	text-transform:uppercase;
	color:#868585;
	width:405px;
	float:left;
	top:5px;
	position:relative;
	font-size:87%;
	}
	
.bottom-footer{	
	margin-top:10px;
	}	
	
.bottom-footer p{
	margin:0;
	}
	
.next{
	float:right;
	margin-right:0;
	}
	
.content-right{
	float:right;
	z-index:1;
	position:relative;
margin-top:0;
	}

	
div.select{
	background:url(images/bg-radiobuttons-thirdlevel.gif) top left no-repeat;
	height:29px;
	width:161px;
	padding:7px 0 0 0;
	margin:0 auto;
	}
	
form#date-name{
	width:130px;
	margin:0 auto;
	}
	
form#date-name input{
	margin-left:5px;
	}
	
.third-level{
	width:175px;
	background-color:#c4e7fd;
	}
	
.third-level p.date, li.third-sel p.date, li.fourth-sel p-date{
	color:#868585;
	text-indent:30px;
	margin:-5px;
	}

li.third-sel p.date, li.fourth-sel p-date{
	font-weight:normal;
	text-indent:4px;
	color:#000;
	}
	
.third-level-top{
	background:url(images/third-level-connector.gif) top center no-repeat;
	height:23px;
	}
	
.third-level-bot{
	background:url(images/third-level-connector-btm.gif) bottom center no-repeat;
	height:27px;
	}
	
ul.level3 li h4 a{
	font-weight:normal;
	color:#000;
	}
	
ul.level3 li h4 a{
	display:list-item;
	margin:5px 20px 0 25px;
	list-style:url(images/bullet-right-menu.gif);
	}
	
ul.level3 li h4 a:hover{
	padding-left:15px;
	margin-left:10px;
	list-style:url(images/arrow-vertical-menu.gif);
	}

ul.level4 li h4 a{
	display:list-item;
	margin:5px 0 0 40px;
	list-style:url(images/bullet-right-menu4.gif);
	}

ul.level4 li h4 a:hover{
	padding-left:15px;
	margin-left:25px;
	list-style:url(images/arrow-vertical-menu.gif);
	}

ul.level3 li.third-sel{
	font-weight:bold;
	list-style:url(images/arrow-vertical-menu.gif);
	display:list-item;
	margin:5px 30px 0 11px;
	}
	
ul.level3 li.fourth-sel{
	font-weight:bold;
	list-style:url(images/arrow-vertical-menu.gif);
	display:list-item;
	margin:0 0 0 25px;
	}
	
.second{
	width:175px;
	background-color:#6ed95f;
	margin:5px 0;
	}
	
.third{
	width:177px;
	background:url(images/white-container-mid.gif) top center repeat-y;
	margin:5px 0;
	}
	
.second-top{
	background:url(images/green-container-top.gif) top center no-repeat;
	height:16px;
	}
	
.second-bot{
	background:url(images/green-container-btm.gif) bottom center no-repeat;
	height:16px;
	margin-top:-10px;
	}
	
.third-top{
	background:url(images/white-container-top.gif) top center no-repeat;
	height:21px;
	}
	
.third-bot{
	background:url(images/white-container-btm.gif) bottom center no-repeat;
	height:21px;
	margin-top:-20px;
	}
	
.second p, .third p{
	font-size:80%;
	}
	
.related{
	background:url(images/related-topic-box.gif) top left no-repeat;
	height:18px;
	margin-top:-10px;
	}
	
.promoted{
	background:url(images/promoted-topic-box.gif) top left no-repeat;
	height:20px;
	margin-top:-5px;
	}
	
.second-content, .third-content{
	padding:0 10px;
	}
	
.second-content, .third-content{
	margin:5px 0;
	}
	
.more-generic p, .more-generic2 p{
	font-weight:bold;
	color:#fff;
	margin-right:5px;
	float:left;
	}
	
.more-generic2 p{
	color:#ec8532;	
	}

.more-generic a img, .more-generic2 a img{
	border:none;
	float:left;
	}
	
div.prev-next{
	width:35px;
	float:right;
	}

.prev-small{
	float:left;
	}
	
.next-small{
	float:right;
	}

div.prev-next img{
	border:none;
	}

.caption, .caption p {
	color:#868585;
	font-size:0.95em;
	text-align:right;
	padding:0 10px;
	}

.caption p{
	width:194px;
	width:95%;
	}	

/* Journal 
--------------------*/
.beige-box{
	background-color:#fafdc4;
	width:568px;
	margin:15px 0;
	}

.beige-box-top{
	background:url(images/beige-container-top.gif) top left no-repeat;
	height:14px;
	}
	
.beige-box-bot{
	background:url(images/beige-container-btm.gif) bottom left no-repeat;
	height:13px;
	}

.beige-box p{
	margin:-3px 0;	
	padding:0 10px;
	}
	
.contentbox h5{
	margin-top:20px;
	}
	
.images-left{
	width:205px;
	float:left;
	margin:7px 10px 15px 0;
	}
	
.images-left img, .images-right img{
	margin:5px 0;
	}
	
.images-right{
	width:165px;
	float:right;
	color:#868585;
	font-size:90%;
	text-align:right;
	margin:13px 0 15px 10px;
	}
	
.images-right p{
	margin-top:3px;
	}

.images-right img{
	margin:0;
	}
	
.citation, .comments{
	background:url(images/citation-box-mid.gif) top left repeat-y;
	color:#868585;
	margin-bottom:10px;
	}
	
.citation-top, .comments-top{
	background:url(images/citation-box-top.gif) top left no-repeat;
	height:13px;
	}
	
.citation-bot, .comments-bot{
	background:url(images/citation-box-btm.gif) bottom left no-repeat;
	height:14px;
	}

.comments{
	float:left;
	}	
	
.comments a img{
	border:none;
	}
	
.citation p{
	padding:0 10px;
	margin:-3px 0;
	}

.people-comment{
	width:325px;
	padding-top:0; 
	}
	
.people-comment p{
	padding:0;
	margin:0;
	text-transform:none;
	}
	
.show-hide-comment{
	float:left;
	margin-left:10px;
	}

.leave-comment{
	float: right;
	margin-right:10px;
	font-weight:bold;
	}

.show-hide-comment, .leave-comment{
	color:#6ea5c7;
	}
	
.show-hide-comment img, .leave-comment img{
	position:relative;
	top:5px;
	border:1px solid red
	}

.show-hide-comment img{
	margin-right:5px;
	}

.leave-comment img{
	margin-left:5px;
	}

hr.dotted-line, hr.solid-line{
	border:1px dotted #e9e9e9;
	width:85%;
	margin:15px auto;
	}
	
hr.solid-line{
	border:1px solid #e9e9e9;
	}
.journal-top{
	background:url(images/promoted-journal-top.gif) top left no-repeat;
	height:14px;
	}
	
.journal-bot{
	background:url(images/promoted-journal-btm.gif) top left no-repeat;
	height:12px;
	}
	
.comment-desc{
	padding:0 15px;
	}
	
.comment-desc p{
	margin:0;
	}
	
span.user-comment {
	font-weight:bold;
	display:inline;
	}
/* Search results
--------------------------*/
.fullscreen-content{
	width:760px;
	margin-top:10px;
	}

#full-content{
	background:url(images/fullscreen-container-mid.gif) top left repeat-y;
	float:left;
	width:800px;
	margin-top:10px;
	padding:0 20px;
	}

.full-content-top{
	background:url(images/fullscreen-container-top.gif) top left no-repeat;
	height:19px;
	width:804px;
	margin-top:-10px;
	margin-left:-20px;
	}
	
.full-content-bot{
	background:url(images/fullscreen-container-btm.gif) bottom left no-repeat;
	height:23px;
	width:804px;
	margin-left:-20px;
	}
	
.full-bottom{
	border-top:1px solid #efefef;
	width:760px;
	margin:20px 0;
	padding-top:5px;
	}

.top-title-search{
	background:url(images/search-results.gif) top left no-repeat;
	height:17px;
	}
	
#results-form{
	margin:0 auto;
	width:398px;
	margin-top:10px;
	}

.search-box{
	background:url(images/searcher-container-mid.gif) top left repeat-y;
	margin:15px auto 5px auto;
	width:417px;
	text-align:center;
	}

.search-box-top{
	background:url(images/searcher-container-top.gif) top left no-repeat;
	height:13px;
	}
	
.search-box-bot{
	background:url(images/searcher-container-btm.gif) bottom left no-repeat;
	height:15px;
	}
	
input#search-results{
	width:54px;
	height:24px;
	float:left;
	margin-left:3px;
	}
	
input#results-box{
	background:url(images/bg-searcher-results.gif) top left no-repeat;
	width:335px;
	height:25px;
	border:none;
	padding:5px 3px;
	float:left;
	}
	
.search-box p{	
	padding:0 10px;
	margin:0;
	}

.search-box p em{
	font-style:normal;
	color:#7a7a7a;
	font-weight:bold;
	}

#pagination{
	text-align:center;
	padding:10px 0;
	width:760px;
	margin:0 auto;
	border-bottom:1px solid #e9e9e9;
	}
	
.pages, .pages-footer, .full-pages-footer{
	text-align:center;
	color:#e9e9e9;
	}
	
.pages img{
	border:none;
	}
	
.pages img#prev{
	position:relative;
	top:3px;
	}
	
.pages img#next{
	position:relative;
	top:3px;
	}

.pages ul li a, .pages ul li a:hover, .pages-footer ul li a, .pages-footer ul li a:hover, .full-pages-footer ul li a, .full-pages-footer ul li a:hover{
	font-weight:bold;
	}
	
.pages-footer, .full-pages-footer{
	width:405px;
	float:left;
	padding-top:12px;
	position:relative;
	top:5px;
	}
	
.full-pages-footer{
	width:610px;
	}

.page-sel{
	font-weight:bold;
	color:#000;
	}
	
.result{
	padding:15px 10px;
	border-bottom:1px dotted #e9e9e9;
	}

.result-title h5{
	margin:0;
	}
	
.result-title h5 a{
	font-weight:normal;
	}

.result-title h5 a em{
	font-style:normal;
	font-weight:bold;
	}
	
.result-desc, .result-url{
	padding:0 20px;
	}
	
.result-desc p{
	margin:2px 0;
	}
	

/* Recipes 
------------------------*/
/* Latest article*/

.top-title-recipes{
	background:url(images/recipes-success.gif) top left no-repeat;
	height:21px;
	}
	
div.tabs-box{
	width:530px;
	float:left;
	}
	
ul.tabs li{
	float:left;
	}

li.latest-articles, li.sel-latest{
	background:url(images/tab-latestarticles-off.gif) top left no-repeat;
	width:109px;
	height:28px;
	}
	
li.sel-latest{
	background:url(images/tab-latestarticles-on.gif) top left no-repeat;
	height:31px;
	}
	
li.table-contents, li.sel-contents{
	background:url(images/tab-tablecontent-off.gif) top left no-repeat;
	width:128px;
	height:28px;
	}
	
li.sel-contents{
	background:url(images/tab-tablecontent-on.gif) top left no-repeat;
	height:31px;
	}
	
ul.tabs li.latest-articles h3 a, .tabs li.latest-articles h3 a:hover{
	position:absolute;
	width:109px;
	height:32px;
	}
	
ul.tabs li.table-contents h3 a, .tabs li.table-contents h3 a:hover{
	position:absolute;
	width:128px;
	height:31px;
	}
	
div.tab-container{
	width:548px;
	background:url(images/tabs-container.gif) top left no-repeat;
	padding:20px;
	margin-top:-3px;
	}
	
div.latest-art, div.contents-art{
	padding:10px 0;
	border-bottom:1px dotted #e9e9e9;
	}
	
img.main-photo{
	float:left;
	margin-right:15px;
	}
	
div.latest-art h5, div.contents-art h5, div.contents-art h6{
	color:#ec8532;
	}

div.latest-art em{
	color:#ec8532;
	font-style:normal;
	}

span.date-art{
	color:#868585;
	display:inline;
	font-weight:normal;
	}
	
div.latest-art h5{
		margin:0;
		}
		
div.latest-art p{
	margin:2px 0; 
	}
	
.bottom-tabcontainer{
	width:530px;
	padding-top:5px;
	}
	
.latest div.prev-next{
	margin-top:5px;
	}
	
/* Table contents*/

div.articles{
	float:left;
	margin-right:10px;
	}
	
div.articles img{
	position:relative;
	top:5px;	
	}
	
div.contents-art h5, .contents-art h6{
	margin:0;
	}
	
p.author-art{
	margin:2px 0 2px 20px;
	color:#868585;
	}
	
div.more-articles, .hide-articles{
	color:#6ea5c7;
	margin:7px 0;
	}
	
div.more-articles img, .hide-articles img{
	border:none;
	position:relative;
	top:5px;
	}


/* Tools for you
------------------------------------*/	
div#leftarea-tools{
	float:left;
	width:396px;
	margin-top:5px;
	}
	
div#rightarea-tools{
	float:right;
	width:396px;
	}

div#main-image-tools{
	background:url(images/tools-for-you-img.jpg) top left no-repeat;
	width:804px;
	height:397px;
	margin:0 0 5px 0;
	}
	
div#sn-tools{
	background:url(images/tool-icon.gif) top left no-repeat;
	width:121px;
	height:130px;
	position:absolute;
	margin:10px  0 0 -10px;
	}
	
h4.spicy-nodes{
	background:#fff url(images/spicy-nodes-tools.gif) top left no-repeat;
	height:20px;
	}
	
h4.open-source{
	background:#fff url(images/open-source-tools.gif) top left no-repeat;
	height:20px;
	}
	
h4.color-diamond{
	background:#fff url(images/color-diamond-tools.gif) top left no-repeat;
	height:20px;
	}
	
h4.vision-simulations{
	background:#fff url(images/vision-simulation-tools.gif) top left no-repeat;
	height:20px;
	}
h4.spicy-nodes a{
	width:90px;
	height:20px;
	position:absolute;
	}
h4.open-source a{
	width:102px;
	height:18px;
	position:absolute;
	}
h4.color-diamond a{
	width:119px;
	height:16px;
	position:absolute;
	}
h4.vision-simulations a{
	width:147px;
	height:16px;
	position:absolute;
	}
	
	
div.left-tools{
	background:url(images/tool-container-mid-above.gif) top left repeat-y;
	}
	
div.left-top-tools{
	background:url(images/tool-container-top-above.gif) top left no-repeat;
	height:20px;
	}
	
div.left-bot-tools{
	background:url(images/tool-container-btm-above.gif) bottom left no-repeat;
	height:20px;
	}
	
div.left-top-below-tools{
	background:url(images/tool-container-top-below.gif) bottom left no-repeat;
	height:20px;
	}
	
div.left-bot-below-tools{
	background:url(images/tool-container-btm-below.gif) bottom left no-repeat;
	height:20px;
	}



div#down-box{
	width:202px;
	float:right;
	text-align:center;
	background:transparent  url(/images/little-box-mid.gif) top left repeat-y;
border:1px solid blue
}

div#down-box{
	margin:10px 0 20px 20px;
}

div#down-box p{
	margin:5px 0 0 0;
	padding:0 15px;
	color:#555;
}

div#down-box img {
	border:none;
	margin:0 auto;
}

div.down-box-top{
	background:transparent url(/images/little-box-top.gif) top left no-repeat;
}

div.down-box-btm{
	background:transparent url(/images/little-box-btm.gif) bottom left no-repeat;
}

div.down-box-top, div.down-box-btm{
	height:16px;
	width:202px;
}

----------------------------------------

div#content table.wiki tr td, div#content table.wiki tr th{
border-bottom:1px dotted #D5D5D5;
border-right:1px dotted #D5D5D5;
}
div#content table.wiki tr td{
padding:15px;	
vertical-align:top;
border-bottom:1px dotted #D5D5D5;
border-right:1px dotted #D5D5D5;
}

div#content table.wiki{
margin:0 0 10px 0;
width:100%;
border-collapse:collapse;
border:1px solid #D5D5D5;
}

div#content table.wiki tr th{
background-color:#FAFAFA;
color:#C72EBC;
padding:15px;
border-bottom:1px dotted #D5D5D5;
border-right:1px dotted #D5D5D5;
}

-----------------------------------


li img.ClassImage{ 
	margin-left:0 !important; 
}
img.ClassImage{ 
	margin-left: -7px; 
}
img.big_grey{ 
	margin:20px 0 -15px  75px;
}