/*------ INFO ------*/
/* 
FILENAME: structure.css 
DATE CREATED: 19 may 2009 
PROJECT: Sapo Campus - Universidade de Aveiro 
USED BY: SAPO Campus Services
AUTHOR: Pedro Correia - pedroncorreia@ua.pt | Tim KG - tim@ua.pt
RESET: file reset.css, eric meyer's css reset
*/
/*------ END INFO ------*/


/*------ CONTENT ------*/
/*
 COLOURS
 GENERIC DECLARATIONS
*/
/*------ END CONTENT ------*/



/*------ COLOURS ------*/
/*
 (1 - lightest/mais claro)

grey 1 - rgb(235, 235, 235)
grey 2 - rgb(190, 190, 190)
grey 3 - rgb(155, 155, 155)
grey 4 - rgb(95, 95, 95)
grey 5 - rgb(55, 55, 55)

green 1 - rgb(220, 235, 170)
green 2 - rgb(195, 225, 110)
green 3 - rgb(170, 210, 45)
green 4 - rgb(120, 140, 40)
green 5 - rgb(55, 65, 30)

black - Black

white - White

blue - rgb(0, 150, 210)

red - rgb(235, 53, 19)
*/
/*------ END COLOURS ------*/

/*----- start generic declarations------*/


#novosposts_body {
		position:relative;
		height:625px;
		overflow:hidden;
	}
	
.clear {
	clear: both;
}

.avatar1 {
 height: 17px;
 width: 10px;
 display: inline-block;
 background: transparent url(../images/sapocampus/avatar1.png) no-repeat;
}

.avatar2 {
 height: 17px;
 width: 10px;
 display: inline-block;
 background: transparent url(../images/sapocampus/avatar2.png) no-repeat;
}

.avatar3 {

}

.avatar4 {

}

.avatar5 {

}

.avatar6 {

}


/* buttons */

		.button {
			display:block;
			width: 13px;
			height: 13px;
			background-repeat: no-repeat;
		}

			.modulebutton {
				position: absolute;
				left: 10px;
				top: 4px;
			}
			
			.areabutton {
				position: absolute;
				right: 4px;
				top: 4px;
			}
	
			.superarrowright { background-image: url(../images/sapocampus/arrowright.png); }			
			.superarrowdown { background-image: url(../images/sapocampus/arrowdown.png); }	
			.minimize { background-image: url(../images/sapocampus/minbutton.png); }
			.goright { background-image: url(../images/sapocampus/arrowright2.png); }

			
/* general*/

.pagecontent {
    float: left;
    width: 100%;
}
	
	#container {
		position: relative;
		float: left;
		width: 100%;
	}
	
	#cleft {
		width: 620px;
		float: left;
		position: relative;
	}
	
	#loader {
		display:block;
		text-align:center;
		height:200px;
		z-index:15;
		position:absolute;
		height:625px;
		width:620px;
		top:0px;
		left:0px;
		background:white url('../images/loader70x70.gif') 50% 50% no-repeat;
	}
	
	#cright {
		float: right;
		width: 240px;
	}
	
	.area {
        float: left;
        width: 620px;
		margin-bottom: 20px;
    }
    
	.area > blockquote {
        background-color: #E62525;
	    color: #FFFFFF;
	    font-weight: bold;
	    padding: 3px;
    }
	
	.full {
        width: 100%;
    }
	
	#cleftfull {
        width: 100%;
		float: left;
		position: relative;
    }
	
	
	.preinfo {
		position: absolute;
		right:0;
		top:-15px;
	}
	
	#wrappergeral #cleft a, #wrappergeral #cleft a:link { color: #AAD22D; }
	#wrappergeral #cleft a:visited { color:#5F5F5F; }
	#wrappergeral #cleft a:hover { background-color:#AAD22D; color: white; text-decoration: none;}
	
	/* temporary, pending review */
	#wrappergeral #cleftfull a, #wrappergeral #cleftfull a:link { color: #AAD22D; }
	#wrappergeral #cleftfull a:visited { color:#5F5F5F; }
	#wrappergeral #cleftfull a:hover { background-color:#AAD22D; color: white; text-decoration: none;}
	/* end */
	
		.area .header {
			float: left;
            width: 100%;
			z-index: 1;
		}
		
		.headerDelBlog {
			margin-top: 30px;
		}
		
			#wrappergeral #cleft .area .header a, #wrappergeral #cleft .area .header a:link { color:#5F5F5F; font-weight: bold; }
			#wrappergeral #cleft .area .header a:visited { color:#5F5F5F; }
			#wrappergeral #cleft .area .header a:hover { color: white; }
		
				.area .header .line1 {
					position: relative;
					display: block;
					width: 100%;
					height: 20px;
					background-color: rgb(235, 235, 235);
					z-index: 1;
				}
				
					.area .header .line1 .title {
/*
						background-color: rgb(170, 210, 45);
						margin-right: 3px;
*/
						color: #555555;
/* 						border-right: solid white 3px; */
						display: block;
						font-size: 1.1em;
						font-weight: bold;
						padding: 4px 0 0 7px;
						float: left;
						width: 88px; /* +2 px padding = 84*/
						height: 16px;
					}
					
					.area .header .line1 .info {
						color: rgb(95, 95, 95);
						display: inline;
						font-size: 1.1em;
						font-weight: normal;
						float: left;
						padding: 4px 0 0 4px;
					}
					
					.area .header .line1 .nav {
						display: inline;
						float: right;
						color: rgb(95, 95, 95);
						font-size: 1.1em;
						padding: 5px 0 2px 0;
					}
					
							.navicon {
								background-image: url(../images/sapocampus/sprites_nav.png);
								background-repeat: no-repeat;
								float: left;
								height: 13px;
								width: 13px;
								margin-right: 4px;
								text-indent: -9999px;
								vertical-align: -3px;
							}
							
							#wrappergeral #cleft a.navicon:hover { background-color: transparent; }
							
								.arrowleft {
									background-position: -21px -370px;
								}
								
								div#wrappergeral a.arrowleft.inactive {
									background-position: -2px -370px;
									cursor: default;
								}
									
									.arrowleft:hover {
										background-position: -2px -370px;
										background-color: 
									}
									
								.arrowright {
									background-position: -22px -354px;
								}
								
								div#wrappergeral a.arrowright.inactive {
									background-position: -3px -354px;
									cursor: default;
								}
								
									.arrowright:hover {
										background-position: -3px -354px;
									}
									
								.close {
									background-position: -22px -402px;
								}
								
									.close:hover {
										background-position: -3px -402px;
									}
									
								.shut {
									background-position: -22px -386px;
								}
								
									.shut:hover {
										background-position: -3px -386px;
									}		
					
				.area .header .line2 {
					position: relative;
					height: 16px;
					margin-top: 5px;
					color: rgb(95, 95, 95);				
				}
				
					.area .header .line2 .vis {
						display: inline;
						position: absolute;
						left: 18px;
					}
					
							.visicon {
								background-image: url(/images/sprites.png);
								width: 15px;
								height: 15px;
								display: block;
								float: left;
								text-indent: 9999px;
								overflow: hidden;
							}
					
								.vis1 {
									background-position: -200px 20px;
								}
								
									.vis1.active {
										background-position: -200px 40px;
									}
									
									.vis1:hover {
										background-position: -200px 0px;
									}
									
								.vis2 {									
									background-position: -220px 20px;
								}
								
									.vis2.active {
										background-position: -220px 40px;
									}
									
									.vis2:hover {						
										background-position: -220px 0px;
									}
									
								.vis3 {									
									background-position: -240px 20px;
								}
								
									.vis3.active {										
										background-position: -240px 40px;
									}
										
									.vis3:hover  {									
										background-position: -240px 0px;
									}
														
							.spacer {
								background-image: url(/images/sprites.png);
								background-position: -60px -20px;
								width: 2px;
								height: 10px;
								display: block;
								float: left;
								margin: 0 2px 0 2px;
							}
							
					.area .header .line2 .numbers {
						display: inline;
						position: relative;
						margin-left: 98px;
					}
					
					.area .header .line2 .sort {
						display: inline;
						position: absolute;
						right: 0px;
					}
					
					div#wrappergeral .area .header .line2 .sort a:hover {
						color: #AAD22D;
					}
		
		.area .content {
			color: rgb(155, 155, 155);
            /*width: 100%;*/
			width: 620px;
            float: left;
			margin: 20px 0 0 0px;
		}
		
		.area .fit {
			width: 620px;
			margin-top: 10px;
		}
		/* Triggers hasLayout in IE7 and lower */
		.fit form a, .fit form span {
			zoom: 1;
		}
		
		.area .large {
			font-size: 12px;
			line-height: 14px;
		}
		
		.area .content.fit.gray {
			background-color: rgb(250, 250, 250);
		}
		
			#wrappergeral #cleft .area .content.fit.gray ul.commentList a,
			#wrappergeral #cleft .area .content.fit.gray ul.commentList a:link,
			#wrappergeral #cleft .area .content.fit.gray ul.commentList a:visited {background-color: rgb(250, 250, 250); }
			#wrappergeral #cleft .area .content.fit.gray ul.commentList a:hover { color: white; background-color: #AAD22D; }
		
		.area.canais .content {
			color: rgb(155, 155, 155);
            /*width: 100%;*/
			width: 585px;
            float: left;
			margin: 20px 0 0 98px;
		}
		
		#canal .content {
			color: rgb(155, 155, 155);
            /*width: 100%;*/
			width: 857px;
			margin: 20px 0 0 98px;
		}
		
		.area .footer {
			width: 585px;
            float: left;
			margin: 10px 0 0 98px;
		}
		
		.area #footerinside {
			margin-left: 0px
		}
		
				.area .footer .pag {
					text-align: center;
					font-size: 1em;
					color: #9B9B9B;
				}
				
					.area .footer .pag u {
						padding: 2px 6px;
					}
				
					.area .footer .pag p.sapo_pagination span.sapo_pagination_current {
						color: white;
						background-color: #AAD22D;
						margin-left: 2px;
						padding: 2px 6px;
					}
					
					.area .footer  .pag a,
					.area .footer .pag p.sapo_pagination a {
						border: 0px;
						padding: 2px 6px;
						color: rgb(55, 55, 55);
					}
					
					.area .footer .pag a:hover ,
					.area .footer .pag p.sapo_pagination a:hover {
						background-color: #AAD22D;
						color: white;
					}
					
	.sidebar {
		width: 300px;
		position: relative;
		float: right;
	}
	
		.sidebar a,
		.sidebar a:link { 
			color: gray;
			text-decoration: underline;
		}
		
		.sidebar a:visited {
			color: gray;
			text-decoration: underline;
		}
		
		.sidebar a:hover {
			background-color:#AAD22D; color: white; text-decoration: none;
		}
		
		.sidebar a.searchlink:hover {
			background-color:transparent; color: white; text-decoration: none;
		}
		
		.sidebar a.searchlink:hover {
			background-color:transparent; color: white; text-decoration: none;
		}
	
		.sidebar .search {
			background-color: #EBEBEB;
			height: 20px;
			display: block;
			position: relative;
			color: #5F5F5F;
		}
		
			.sidebar .search a {
				float: left;
				display: block;
				position: relative;
			}
			
			.sidebar .search a.sidehome {
				background-image: url(/images/homesmall.png);
				background-repeat: no-repeat;
				height: 11px;
				width: 11px;
				margin-left: 4px;
				text-indent: -9999px;
				position: relative;
				bottom: -5px;
				left: 10px;
				background-color: #EBEBEB;
				color: white;
				display: block;
				float: left;
			}
			
				.sidebar .search .sidehome:hover,
				.sidebar .search .sidehome:focus {
					background-image: url(/images/homesmallhover.png);
				}
				
			.sidebar .search form {
				float: left;
				position: absolute;
				right: 10px;
				top: 3px;
				height: 12px;
			}
			
			.sidebar .search input {
				border: medium none;
				font-size: 10px;
				position: relative;
				float: left;
				height: 12px;
			}
				
			.sidebar .search a.searchlink {
				background-image: url(/images/searchsmall.png);
				background-repeat: no-repeat;
				height: 11px;
				width: 11px;
				margin-left: 4px;
				text-indent: -9999px;
				position: relative;
				bottom: -2px;
				color: white;
				display: block;
				float: left;
			}
			
			.sidebar .search input.manage {
				border: medium none;
				font-size: 10px;
				position: relative;
				float: left;
				height: 12px;
				top: 3px;
				left: 103px;
			}
				
			.sidebar .search #formSearch input.searchlink {
				margin-left: 4px;				
				position: relative;
				bottom: -2px;				
				float: left;
			}
			
				.sidebar .search a:hover,
				.sidebar .search a:focus {
					background-image: url(/images/searchsmallhover.png);
					background-color: transparent;
				}
				
		.sidebar .sidebarcontent {
			margin-top: 20px;
		}
		
		.sidebar .grey {
			background-color:#EBEBEB;
		}
		
		#wrappergeral #cleft .sidebar .grey a, #wrappergeral #cleft .sidebar .grey a:link { color: #AAD22D; font-weight: bold; }
		div#wrappergeral .sidebar .grey a:hover { background-color:#AAD22D; color: white; text-decoration: none; }
		
		div#footer  {
			margin: 20px 0 20px 0;
		}
		
		/*
		*	Correccao de cores de links visitados que estraga a interface
		*/
		/* homeapge index.html */
		#wrappergeral #cleft ul.postlist a:visited { color: #AAD22D; background-color: white; font-weight: normal;}
		#wrappergeral #cleft ul.postlist a:hover { color: white; background-color: #AAD22D; }
		/* dashboard multi blog*/
		#wrappergeral #cleft ul.dashboardBlogs li.blog h3.titleblog a:visited,
		#wrappergeral #cleft ul.dashboardBlogs li.blog h3.titleblog a:link { color: #AAD22D; background-color: white; font-weight: bold;}
		#wrappergeral #cleft ul.dashboardBlogs li.blog h3.titleblog a:hover { color: white; background-color: #AAD22D; font-weight: bold;}

	div#campusBarFooter { float:left; }
	
	.navbot {
		color:#AAD22D !important;
		padding:2px 6px !important;
		font-weight:bold;
	}
	
	.navbot:hover{
		background-color:#AAD22D;
		color:#FFF !important;
	}
	
	.navbotC {
		text-decoration:underline !important;
		font-weight:bold;
		color:#9B9B9B;
		padding:2px 6px !important;
	}
	
.genbut {
	display: block;
	float: left;
	font-weight: bold;
	color: White !important;
	background-color: rgb(95, 95, 95) !important;
	padding: 4px;
	position: relative;
}

#overlay {
    background-image: url("http://img.campus.ua.sapo.pt/transparent_bg.png");
    height: 150%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    /*visibility: hidden;*/
    width: 100%;
    z-index: 1000;
}

.clickClose {
	cursor: pointer;
}

#postError{
	background-color: #FFFFFF;
	border: 5px solid #9E3434;
	font-size: 12px;
	margin: 400px auto;
	padding: 13px;
	text-align: center;
	width: 300px;
}

.genbut:hover{
	background-color: rgb(170, 210, 45) !important;
}