/*
 * SCUOLAB.IT - Politecnico di Milano 
 * @description CSS file for internal pages
 * @media web
 * @author  Luigi Spagnolo <luigi.spagnolo@gmail.com> 
 *
 */

/* STANDARD HTML TAGS */

body { 	
	margin-top: 2px;
	
	color: #333;
	background: #fff url(../images/bg.jpg) repeat-x;
	
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

p { }

td { }

form {margin:0px;}

a:link { color: #6C0; text-decoration: none;}

a:visited { color: #6C0; text-decoration: none;}

a:hover {color: #6C0; text-decoration:underline;  }

a:active {color: #6C0; text-decoration:underline; }

a[href^="mailto:"]{padding: 2px 20px 2px 0px;background: url(../images/link_images/icon_mailto.gif) no-repeat center right}
a.ext {padding: 2px 20px 2px 0px;background: url(../images/link_images/icon_external.gif) no-repeat center right; }
a.ext-long { display: block; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
/*a[href^="http"]{padding-right: 20px;background: url(../images/link_images/icon_external.gif) no-repeat center right}*/
a[href*="del.icio.us"]{padding: 2px 20px 2px 0px; background: url(../link_images/delicious.gif) no-repeat center right}
a[href$=".pdf"]{padding: 2px 20px 2px 0px;background: url(../images/link_images/icon_pdf.gif) no-repeat center right}
a[href$=".doc"]{padding: 2px 20px 2px 0px;background: url(../images/link_images/icon_doc.gif) no-repeat center right}
a[href$=".rtf"]{padding: 2px 20px 2px 0px;background: url(../images/link_images/icon_doc.gif) no-repeat center right}
a[href$=".zip"]{padding: 2px 20px 2px 0px;background: url(../images/link_images/icon_archive.gif) no-repeat center right}
a[href$=".rss"]{padding: 2px 20px 2px 0px;background: url(../images/link_images/icon_feed.gif) no-repeat center right}
a.feed{padding: 2px 20px 2px 0px; background: url(../images/link_images/icon_feed.gif) no-repeat center right}

/* CONTAINER AND PAGE ELEMENTS */
div.column {
	 float:left;
}


/* IEx patches \*/
* html .column {
 display: inline;
}

/**/

div#bordertop  /*Contains the round shaped to border of the container*/{ }
div#borderbottom  /*Contains the round shaped to border of the container*/{ }
div.border_container /*Rules for divs containing top and bottom borders*/{
	 width:960px;
	 background: transparent;
	 margin-left: auto;
    margin-right: auto;
	padding-right:20px;
}

div#container  /* Main div - contains all the subelements */ {
	width:960px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto; margin-right: auto;	/*Centers the page*/
	
	padding-right:20px;
	background: transparent url(../images/container_bg.png) repeat-y;
}

div#container:after /* Easy cleaning for FF */{
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

/*HEADER AND MAIN NAVIGATION BAR */

div#header  /* Page header, contains the logos and user login info*/ { 
	width: 960px; 
	height: 84px;
	/*background-color: #fff;*/
}

div#header a.scuolab /* logo link */ {
	display: block; 
	width: 210px; 
	height:0; /*The height is 0 not to show the text associated with the link*/
	padding-top:42px; /*permits to show the image (in background)*/
	overflow:hidden; /*assures that the text is not show*/
	margin-left: 10px;
	margin-right: 30px;
	float: left;
	
	color:#000;
	background: transparent url(../images/scuolab_logo.jpg) no-repeat; /*Image which replaces the text*/
	text-align:left;
}

div#partners /*Contains partners logos */{ }
div#partners a.dol /* logo link */ {
	display: block; 
	width: 104px; 
	height:0; /*The height is 0 not to show the text associated with the link*/
	padding-top:34px; /*permits to show the image (in background)*/
	overflow:hidden; /*assures that the text is not show*/
	margin-right:10px;
	float: right;
		
	color:#000;
	background: transparent url(../images/dol_logo.jpg) no-repeat; /*Image which replaces the text*/
	text-align:left;

}

div#partners a.hoc /* logo link */ {
	display: block; 
	width: 94px; 
	height:0; /*The height is 0 not to show the text associated with the link*/
	padding-top:36px;  /*permits to show the image (in background)*/
	overflow:hidden;  /*assures that the text is not show*/
	margin-right:10px;
	float: right;	
	
	color:#000;
	background: transparent url(../images/hoc_logo.jpg) no-repeat;  /*Image which replaces the text*/
	text-align:left;
}

div#partners a.polimi /* logo link */ {
	display: block; 
	width: 128px;
	height:0;
	padding-top:37px; 
	overflow:hidden; 
	background: transparent url(../images/polimi_logo.jpg) no-repeat; 
	color:#000;
	text-align:left;
	margin-right:10px;
	float: right;
}

div#userLog /*This div is shown if the user is logged*/{
	margin-left: 10px;
	float:left;
	vertical-align: bottom;

	font-weight:bold;
}

div#userLog img {
float:left;
border: 1px  solid #66CC00;
margin: 0px 5px 5px 5px;
}

div#login /*This div is shown if the user is not logged*/{
	margin-left: 10px;
	padding: 2px;
	float:left;

	font-weight:bold;
	font-size:10px;
}

div#login input{
margin-bottom: 2px;
vertical-align: middle;

}

input#loginSubmit {
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	background: transparent url(../images/li_bg.jpg) repeat-x;
	border: 0px;
	color:#333;
}

div#menu  /* subheader menu */ { 
	width: 960px;
	margin: 0px;
	clear:both;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

div#menu ul li {
	display: inline;
	float: left;
}

div#menu ul li a{
margin: 0px 0px 8px 8px;
vertical-align:sub;

text-align:center;
font-weight:bold;
}

div#menu ul li a.tabbed,
div#menu ul li a.selected{
display:block;
width: 128px;
height: 23px;
margin: 0px 0px 1px 1px;
vertical-align:middle;
text-decoration:none;
font: bold 14px Verdana;
}

div#menu ul li a img{
border: 0px;
vertical-align: top;
margin-right: 2px;
}

div#menu ul li a.tabbed:link,
#menu ul li a.tabbed:visited {
	color:#333;
	background:#fff url(../images/tab.jpg) no-repeat;
} 
div#menu  ul li a.selected:link,
div#menu  ul li a.selected:hover,
div#menu  ul li a.selected:visited,
div#menu  ul li a.selected:active,
div#menu  ul li a.tabbed:hover,
div#menu  ul li a.tabbed:active {
	color:#fff;
	background: #6c0 url(../images/tab_selected.jpg) no-repeat;
} 

div#searchform /*contains the form for search*/{
	width: 960px;
	height: 32px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	/**/padding-top: 2px;
	color:#FFF;
	background: #fff url(../images/searchform_bg.jpg) repeat-x;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	clear:both;
}

div#searchform img {vertical-align:middle; border: 0;}

div#searchform a:link { color: #fff; text-decoration: none;}

div#searchform a:visited { color:#fff; text-decoration: none;}

div#searchform a:hover {color: #fff; text-decoration:underline;  }

div#searchform a:active {color: #fff; text-decoration:underline; }

.formElement {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	
	display:inline;
	/*margin-top: 4px;*/
	vertical-align:middle;

}

select#chooseCollections {
	width: 110px;
	height: 20px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;*/
}

input#searchBox {
	width: 450px;
	height: 14px;
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	font-style:italic;*/
}

input#searchSubmit {
	width: 27px;
	height: 27px;
	vertical-align:middle;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	background-color: transparent;
	border: 0px;
	background-image: url(../images/searchGo.png);
	
	color:#003300;
}

div#nav_data  /* Left navigation bar */ { 
	width: 268px;
	/*margin-top: 8px;*/
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*float: right;
	clear:left;*/
}


div#nav_data  p {
	margin-right:4px;
}

div#nav_data  img {
	float:left;
	border: 1px  solid #66CC00;
	margin: 0px 5px 5px 5px;
}

div#nav_data ul {
	/*	list-style-type:none;*/
	list-style-image:url(../images/li.jpg);
}

#nav_data ul li.current {
	list-style-image:url(../images/li_sel.jpg);
}

#nav_data ul#nav {
	padding-left:0px;
	margin-top: 0px;
	margin-left: 0px;
	font-weight: bold;
	font-size:12px;
	list-style-type:none;
	list-style-image:none;
}

ul#nav li {
	margin-bottom:2px;
	list-style-type:none;
	list-style-image:none;

}

ul#nav li a {
	
	padding-left: 20px;
	/**/ display:block;
	color:#fff;
	
} 

#nav_data h2 {
	
	padding-left: 20px;
	/**/ display:block;
	color:#fff;
	background: #6c0 url(../images/li_bg.jpg) repeat-x;
	font-size:12px;
	
} 

ul#nav li a:link,
ul#nav li a:visited {
	color:#fff;
	background: #6c0 url(../images/li_bg.jpg) repeat-x;
} 
ul#nav li a.selected:link,
ul#nav li a.selected:hover,
ul#nav li a.selected:visited,
ul#nav li a.selected:active,
ul#nav li a:hover,
ul#nav li a:active {
	color:#6c0;
	background: #CCC url(../images/li_bg_sel.jpg) repeat-x;
} 

#nav_data div.cloud {
background-color:#F0F0F0;
} 

#nav_data div.cloud p {
padding: 0px 4px 16px 4px;
} 
/*
div#nav_data p a.feed{padding-right: 20px;background: url(../images/link_images/icon_feed.gif) no-repeat center right}
*/


/*CONTENT*/

div#content  /* page content */ { 
	margin-top: 8px;
	margin-left: 0px;
	/*margin-right: 278px;*/
	margin-bottom: 8px;

	width: 682px;

	/*height: 340px;padding-right: 8px;*/
	text-align: left;
	background-color:#fff;
	clear:left;

}

div#content p /* page content */ { 
padding-left: 8px;
}

div#content h1 {
	font-size: 20px;
	padding-left: 8px;
	margin-top: 2px;
	margin-bottom: 8px;
}

div#content h2 {
	display:block;
	padding-left: 8px;
	margin-top:0px;
	margin-bottom: 0px;
	color:#fff;
	font-size:16px;
	/*font-variant:small-caps;*/
	background: #6c0 url(../images/h2_bg.jpg) repeat-x; 
}

div#content h3 {
	padding-left: 8px;
	font-size:14px;
}

#content ul {
list-style-image:url(../images/li.jpg);
}

#content img {
border: 1px solid #6c0;
/*margin: 8px;*/
}
#content img.left{float:left;}

#content img.right{float:right;}

#content .imageblock img {
/*border: 2px solid #fff;
margin: 8px;*/
}

#content .imageblock{
	color:#000;
	/*background:#CCC url(../images/bg.jpg) repeat-x;
	border:#333;*/
	float:right;
	padding: 8px 8px 4px 8px;
	margin: 8px;
	font-size:10px;
	font-style:italic;
}

#content .box{
	padding: 10px;
	width:602px;
	height:334px;
	color:#fff;
	background: #fff url(../images/bluebox.png) no-repeat;
}

#content a.nav{
	font-weight:bold;
}
/*
div#content a.feed{padding-right: 20px;background: url(../images/link_images/icon_feed.gif) no-repeat center right}
*/

#content a.toproject{
	display:block;
}

div#presentationHome {
font-size:11px;
height: 240px;
/**/background:url(../images/bg_home.jpg) no-repeat;
padding-top:0px;
}

div.presentation h1 {
margin-left: 190px;
padding-top: 8px;
padding-bottom: 0px;
margin-bottom: 0px;
}

div.presentation strong {
color:#060;
}


div.presentation p {
margin-left: 190px;
margin-top: 0px;
padding-top: 0px;
margin-right: 20px;
margin-bottom:20px;}

div.presentation a {
color:#FFF;
font-weight:bold;
}

.comment {margin: 8px 8px 8px 8px;}
.comment img{float:left;}
.comment p{margin-left: 50px;}
.comment p .author{margin-bottom: 8px;  display:block;font-weight:bold;}
.comment p .date{margin-top: 8px;  display:block; font-style:italic;}

.project {margin: 8px 16px 8px 8px; border-bottom: 1px solid #ccc;}
.project h3 {/*clear:both;*/}
.project .ratingblock {
	float:right;
	border-bottom: 0px;
}
.project  img{ 
	float:left;
	margin-right: 6px;
	margin-left: 8px;	
	margin-bottom: 6px;

}
.project p{/*margin-left: 50px; margin-left:0px;*/}
.project p .author{margin-bottom: 8px;  display:block;font-weight:bold;}
.project p .date{margin-top: 8px;  display:block; font-style:italic;}

div#content div.result {margin: 8px 16px 8px 8px;}
.result a{
font-size:12px;
font-weight:bold;}

.result a[href*="progetti"] /*it can be link to list pages*/
{padding: 2px 60px 2px 0px; background:  url(../images/link_images/icon_list.gif) no-repeat center right}
.result a[href*="progetti/id"]/*it is a link to content pages*/
{padding: 2px 75px 2px 0px; background:  url(../images/link_images/icon_text.gif) no-repeat center right}


span.resultLink {
color:#006600;}


#commentForm {
	margin: 8px 8px 8px 8px;
	font-weight:bold;
}

#author {height: 60px;}
#author img {
	float:left; 
	/*height:40px;*/
	margin: 0px 4px 16px 8px;
}

#user {height: 60px;}
#user img {
	float:left; 
	/*height:40px;*/
	margin: 4px 4px 16px 8px;
}

.hidden {
	display:none;
}

#content form span.message {
	font-weight:bold;
}

#content form span.shown {
	display: block;
}

#content form span.message img {
	border: 0px;
	margin-right: 2px;
}

#content form span.ok {
	color:#090;
}

#content form span.error {
	color:#F00;
}

#content form fieldset {
	background-color: #EAEBE2;
	margin-bottom: 4px;
}

#content form ol {
list-style:none;
}

#content form ol li {
	margin-bottom: 6px;
}

#content form ol input {
	
}

#content form ol li label.req-label {
	font-weight:bold;	
}

/*FOOTER*/

#footer {
	width:950px;
	font-size:9px;
	background-color:#fff;
	margin: 0px;
	padding: 10px 0px 5px 5px;
	text-align:center;
	clear: both;
}

#footer p {
margin: 4px;
}