table.res-top{
	clear:both;
 	width:100%;
	border-bottom: solid 1px #2f4f4f;
	border-top: solid 1px #2f4f4f;
	margin-bottom: 30px;
}

table.res-top td{
 font-size: 0.8em;
}

table.res-top a{
 font-size: inherit;
 color:#d37300;
 padding-left:2px;
}

div.tickfield a{
	font: 11px;
	color: #3737ff;
}

div.tick-head{
	float:left;
}

div.viewmodels-header {
	clear:both;
 	width:100%;
	margin-bottom: 30px;
	float: left;
	overflow:auto;
	border-bottom: solid 1px #caad45;
        border-top: solid 1px #caad45;
	valign: middle;
}

div.viewmodels-rightbar{
	clear:left;
	float:right;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color:#000;
        background-color: #ffffff;
        border-bottom: solid 2px #2f4f4f;
        border-top: solid 2px #2f4f4f;
        width: 150px;
        padding-top: 4px;
        padding-bottom: 5px;
        text-align: left;
}

div.viewmodels-header-pagelist{
	clear:left;
	valign:middle;
	width: 70%;
	float:left;
	border-bottom: solid 1px #2f4f4f;
	border-top: solid 1px #2f4f4f;
}

div.viewmodels-header-pagelist a{
	font-size: inherit;
	color:#d37300;
	padding-left:2px;
}

div.viewmodels-buttons{
	clear: left;
	float: left;
	width: 70%;
}

div.viewmodels-sort{
	float: left;
	padding: 15px 5px 5px 15px;
}

div.viewmodels-mpp{
	padding: 15px 5px 5px 5px;
	float: left;
}

div.viewmodels-list{
	width: 90%;
	float: left;
}

div.viewhead{
	padding-top: 10px;
	width: 300px;
}

div.viewhead1{
	width: 100px;
}

div.viewhead2{

	width: 150px;
}

.numzoom{
 font-size: 1.8em;
 padding: 0 4 0 4;
}


.topbar-left {
  background: #ffcc00 url(images/shapes-bg.jpg) top left repeat-x;
  height: 35px;
  padding-top: 0px;
}

.topbar-right {
  background: #ffcc00 url(images/shapes-bg.jpg) top left repeat-x;
  height: 35px;
  padding-top: 1px;
  text-align: right;
}


.right-content
{
	position: absolute;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 11px;
	color:#000;
	top: 200px;
	right: 0px;
/*	background: #ffd700 url('images/sfondo.gif') top left repeat-x; */
	background-color: #ffffff; 
	border-bottom: solid 2px #2f4f4f;
	border-top: solid 2px #2f4f4f;
	width: 150px;
	padding-top: 4px;
	padding-bottom: 5px;
	text-align: left;
}

.right-content2
{
	float: left;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color:#000;
/*	background: #ffd700 url('images/sfondo.gif') top left repeat-x; */
/*	background-color: #ffffff;  */
	background: transparent;
/*	border-bottom: solid 2px red; */
*/	border-top: solid 2px blue;*/
	padding-top: 4px;
	padding-bottom: 5px;
	text-align: center;
	height: 150px;
	width: 510px;
}

.main-right-pic
{
	position: absolute;
	top: 440px;
	left: 740px;
	width: 250px;
	text-align: center;
}

.main-bottom-pic
{
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 250px;
	text-align: justify;
}

.bpiccenter
{
	padding-left: 30px;
	padding-top: 5px;

}

.left-content
{
	position: absolute;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	color:#000;
	top: 143px;
	left: 0px;
/*	background: #ffd700 url('images/sfondo.gif') top left repeat-x; */
	border-bottom: solid 2px #2f4f4f;
  background-color: #ff7f00;
   width: 172px;
   padding-top: 5px;
   padding-bottom: 30px;
   padding-left: 4px;
   padding-right: 4px;
}


.left-content .boxHead {
 font-size : 11px;
 font-weight: bold;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 background-color: #000;
 color: #fff;
 margin-bottom: 4px;
 padding: 2px 2px 2px 2px;
}

.left-content .boxText {
 font-size : 11px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 padding: 2px 2px 2px 2px;
}


.left-content .boxText a:visited, .left-content.boxText a:link, .left-content .boxText a:active {
 font-size : 11px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 padding: 2px 2px 2px 2px;
 color: #000;
 font-weight: normal;
}


.left-content .boxText li 
{
  padding-top: 5px;
}

.left-content .boxText ul
{
	padding-left: 18px; 
	margin-top: 0px;
	line-height: 13px;
}


.left-content .boxFoot {
 font-size : 10px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 padding: 2px 2px 10px 2px;
 font-style: italic;
 color: #000;
 text-align: right;
}

html, body {
height: 100%;
}

.main {
	
 font-size : 12px;
 font-family : Verdana, Arial;
 color : #000000;
 text-align: justify;
 padding-left: 190px;
 padding-right: 150px;
 padding-top: 120px;
 min-height: 500px;

}

.main-viewmodels {
	
 font-size : 12px;
 font-family : Verdana, Arial;
 color : #000000;
 text-align: justify;
 padding-left: 190px;
 padding-top: 120px;
 min-height: 500px;

}

.mainPadding {

 font-size : 12px;
 font-family : Verdana, Arial;
 color : #000000;
 text-align: justify;
 padding-left: 200px;
 padding-right: 150px;
 padding-top: 120px;
 min-height: 500px;

}

.mainthumb {
	
 font-size : 12px;
 font-family : Verdana, Arial;
 color : #000000;
 text-align: justify;
 padding-left: 190px;
 padding-right: 150px;
 padding-top: 150px;
 min-height: 500px;

}


.topPage
{
	position: absolute;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
	color:#000;
	top: 0px;
	left: 0px;
  background: transparent url(images/shapes-top-bg.jpg) top right no-repeat;
  width: 100%;
}

.topPage td a.loginpage {
  color: #a0a0a0;
  font-size: 11px;
  font-weight: normal;
  padding-right: 15px;
}

/** END ONTOLOGIES PART  */


body {
background: transparent url(images/sfondo.jpg) bottom left no-repeat;
background-attachment: fixed
}

/*p {
font-size : 12px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
text-align:justify ;
}*/

td {
font-size : 12px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000;
}



input
{ 
border: #999999 thin solid;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.login
{ 
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:right;
}


a:hover {
font-weight:bold;
/*font-size : 12px;*/
font-family :Verdana, Arial, Helvetica, sans-serif;
color:#3333FF;
}

a:visited, a:link, a:active {
font-weight:bold;
/*font-size : 12px;*/
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #3333FF;
text-decoration: none;
} 


.sections{
width:20%; vertical-align:bottom; cursor:pointer;
}




.ontologies{background-image:url(images/ontologies.gif); background-repeat:no-repeat;}
.shapes{background-image:url(images/shapes.gif); background-repeat:no-repeat;}
.tools{background-image:url(images/tools.gif); background-repeat:no-repeat;}
.publi{background-image:url(images/publi.gif); background-repeat:no-repeat;}
.glossary{background-image:url(images/glossary.gif); background-repeat:no-repeat;}
.footer{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#666666;}

/* Display the Footer for all the pages */

.footer {
        clear: both; padding-right: 0em; padding-left: 0em; padding-bottom: 0.5em; padding-top: 0.5em;
        font-size: 10px; background-color: #333333; float: none; margin: 1em 0em 0em 0em; color: #999999;
        border-top-style: none; line-height: 13px; 
 	font-family: verdana, arial, helvetica, sans-serif;
        text-align: center;
}

.footer {filter:alpha(opacity=90)}

/* End of display footer */

table.guestbook {
	width: 580px;
}
table.guestbook td.text {
	padding: 0px 0px 8px 20px;
}
table.guestbook td.dotborder {
	border-bottom: 1px dashed #a9a9ff; padding: 10px 0px 0px 10px;
}
table.guestbook a {
	font-weight: bold; margin-left: 1em; color: #3333ee; background-color: transparent
}


span.profile a { color : #bb55aa; }
/* ----------------Begin profile page block --------------*/

div.profile_recent { 
	padding: 0px 5px 0px 5px;
	margin: 15px 0px 0px 0px;
	width: 400px;
	border: 1px solid #ae740b;
	background: #ffeecc;
}
div.profile_recent td.right {
	width: 80px;
	padding: 0px 0px 0px 0px;
}
div.profile_recent a{ color: blue;}
div.profile_recent h4{ color: #bb44aa}

div.profile_recent_all { width: 600px}
div.profile_recent_all a{color: blue; font-size: 11px;}
div.profile_recent_all a.back{color: #aa3300; font-size: 15px;} 
div.profile_recent_all table th {
	text-align: left;
	color: darkred;
	font-size: 13px;
	width: 20px;
	border-bottom: #ae740b 1px solid;
	}
div.profile_recent_all table td.func {text-align: left; color: #bb2200; font-size: 12px;}
div.profile_recent_all table td .button {float: left;}
div.profile_recent_all table td {
	height: 21px;
/*
#	border-width: 1px;        
	border-right: #ae740b 1px solid; 
	border-top: #ae740b 1px solid;
	border-left: #ae740b 1px solid; 
*/
	border-bottom: #ae740b 1px solid;

	border-collapse:collapse;
	cell-spacing: 0px;
	vertical-align: bottom;

}
div.profile_recent_all table {
	border-width:1px;
        border-style: solid;
	background: #ffeecc;
        padding : 3px 8px 3px 8px;
        font-size: 120%;
        color: #332211;
	border-right: #ae740b 1px solid; border-top: #ae740b 1px solid;
	border-left: #ae740b 1px solid; border-bottom: #ae740b 1px solid;
}
/* ----------------End profile page block ----------------*/

/* ----------- Begin for the release page, main page attributes -------- */
div.mainrelease {
	clear: both;
	float: left;
	width: 510px;
	border-width: 1px;
	border-color: #999922;
	border-style: solid;
	background: #eeeebb;
	padding : 3px 8px 3px 8px;
	font-size: 110%;
	color: #332211;

}
div.mainrelease a{color: blue;} 
div.mainpageheaderimage {
	position: absolute; left: 210px; top: 0px;
	
}
table.mainpageunderimage {
	width: 400px;
	align: left;

}
/* ----------- End for the release page attributes -------- */

/* ----------- Begin view page attributes ------------- */

div.topbar {
	width: 650px;
        border-width: 1px;
        border-color: #999922;
        border-style: solid;
        background: #eeeebb;
        padding : 1px 1px 1px 5px;
        font-size: 100%;
        color: #0066dd;
	margin: 2px 0px 2px 0px;
}

div.optionaldownload {
	width: 390px;
	height: 40px;
        border-width: 1px;
        border-color: #999922;
        border-style: solid;
        background: #eeeebb;
        padding : 3px 1px 3px 5px;
        font-size: 100%;
        color: #445511;
}

div.view-metadata {
	width: 500px;
	border-width: 1px; 
	border-color: #999922;
	border-style: solid;
	background: #eeeebb;
	padding : 1px 1px 1px 5px;
	margin: 5px 0px 5px 5px;
	color: #445511;
}

span.od-name {
	color: #1122aa;
}

/* ----------- End view page attributes ------------- */


.description {
        display: block; margin: 1em 0em; font: bold 120%/1.5em verdana, helvetica, arial, sans-serif
}

/* -------------- Begin div.stx block ------------ */
div.stx table p {
        padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
div.stx table {
        border-right: #ae740b 1px solid; border-top: #ae740b 1px solid; 
	border-left: #ae740b 1px solid; border-bottom: #ae740b 1px solid
}
div.stx table td {
        border-bottom: #ae740b 1px solid
}
/* -------------- End div.stx block ------------ */



/* -------------- Begin div.box block ------------- */
div.box {
        padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; 
	margin: 0em 0.5em 1em 0.5em; 
	border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none
	border: 0; 
}
div.box .even { background-color: silver; width: 120px;}
div.box .odd { background-color: silver; width: 120px;}

div.box input { font-size: 100%; }

div.box h5 {
        border-right: 0px solid; padding-right: 1em; border-top: 0px solid; display: inline; padding-left: 1em; font-size: 1em; background: #d37300; padding-bottom: 0em; text-transform: lowercase; border-left: 0px solid; color: white; padding-top: 0em; border-bottom: 0px; height: 1em
}
div.box h6 {
        border-right: 0px solid; padding-right: 1em; border-top: 0px solid; display: block; padding-left: 1em; font-size: 1em; background: #d37300; padding-bottom: 0em; text-transform: lowercase; border-left: 0px solid; color: white; padding-top: 0em; border-bottom: 0px; height: 1.2em
}

div.box div.body {
        border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px; 
	background: none transparent scroll repeat 0% 0%; border-collapse: collapse; 
}
div.box .content {
        Padding-right: 0.2em; padding-left: 0.8em; padding-bottom: 1em; padding-top: 1em
}
div.box a.close {
        padding-right: 0.2em; padding-left: 0.2em; border-left-width: 0px; float: right; padding-bottom: 0em; text-transform: none; padding-top: 0em
}
/* --------------- End div.box block ----------------- */


/* CSS Document */

.view-block {
	display:block;
	float:none;
}

.view-pic {
	
	height:100px;
	margin-top:250px;
	margin-right:-75px;
        text-align: center;	
	vertical-align:top;
	float:right;
}


.view-buttons {
        vertical-align:bottom;
        display:inline;
        float:left;
        text-align:left;
        margin-top:0px;
}

.view-buttons a{
        font-family:Arial, Helvetica, sans-serif;
        font-size:11px;
        color:#D37300;
        font-weight:bold;
        text-decoration:none;
        margin: 0 0.4em;
}                        


/* the main frame for the viewmodel and view... pages */

/* the whole block for the viewmodel page */
.th-block 
{
        display:block;
        float:none;
}

/* main frame of the viewmodel, viewgroup page */
.th-frame {
	inherit:none;
	padding:4px;
	display:inline;
	float:left;
	border:1px solid #d0c090;
	width:280px;
        height:230px;
	margin:3px;
	background-color:#f5efcf;
/* background-color: #d37300;*/
 	/* border: 1px groove #fff; */
	font: 10px normal verdana, helvetica, arial, sans-serif	
}

#center {
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
	margin-top: auto;
	TEXT-ALIGN: center;
	background:transparent;
	vertical-align:middle;
	align: center;
	width:108px;
}

/* the thumbnail showing at viewmodel, viewgroup pages */
.th-pic {
	width:110px;
	height:165px;
        text-align: center;
	margin-right:5px;
        float: left;
	overflow:hidden;
        display:inline;
	vertical-align:top;
}

.th-pic img {
        border:thin dotted #FFCC00;
        display:inline;
        text-align: center;
	vertical-align:top;
}

/* the view, view group button */
.th-buttons {
	vertical-align:bottom;
	display:inline;	
	width:249px;
	float:left;
	text-align:center;
	margin-top:5px;
	color:#c2a2a0;
}

.th-buttons a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#D37300;
	font-weight:bold;
	text-decoration:none;
	margin: 0 0.2em;
}

ul.th-none {
	list-style-type:none;
}

.th-none li {
        margin:1px 0;
	font-family: verdana, helvetica, arial, sans-serif;
        text-align:left;
        font-size:10px;
        text-decoration:none;
}

.th-none li span{
	font-weight:bold;
	margin: 1px 0;
}

h3.th-mini {
	color:#D37300;
	font-size:10px;
	text-align:center;
	vertical-align: top;
	margin:0 0 0.2em 0;
	text-decoration:none;

}

td.mainlicence {
	vertical-align: middle;
	padding: 0em 2em 1em 2em;
}

.nofloat {
	float: none;
	
}


/* ++++++++++++ start of the css code for dws upload table +++++++++ */

table.upload
{
	width: 100%;
}

table.upload td{
/*	border: 1px solid #ae740b;	*/
	border: 1px solid #ffdf60;
}

table.upload td.header{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}

table.upload td.title{
	text-align: right;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bolder;
	width: 250px;
	min-width: 250px;
}

table.upload td.value{
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

/* --------- end of the css code for dsw upload table ---------- */

.boxText li a
{
 font-size : 11px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 padding: 2px 2px 2px 0px;
 color: #000;
 font-weight: normal;
 text-align: left;
}
 
.boxText li a:hover {
 font-size : 11px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
 padding: 2px 2px 2px 2px;
 color: #000;
 /* font-weight: bold; */
}

div.nofloat
{
	clear:both;
}

h2
{
	color: brown;
}