/*------ 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------*/

html {
    font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
}

body{
    font-size: 62.5%; /* 1em = 10px */
	padding: 0 2em;
	background-color: white;
}

/*esconder barras no inicio para evitar flash of unstyled content*/
#campusBarTop {
        display: block;
        visibility: hidden;
        height: 52px;
        overflow: hidden;
 }

 #campusBarFooter {
        display: none;
 }

div#wrappergeral {
    width: 955px;
	margin: 0 auto;
}


.clear {
	clear: both;
}

.avatar1 {
 height: 17px;
 width: 10px;
 display: inline-block;
 background: transparent url(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/avatar1.png) no-repeat;
}

.avatar2 {

}

.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(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/arrowright.png); }
			.superarrowdown { background-image: url(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/arrowdown.png); }
			.minimize { background-image: url(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/minbutton.png); }
			.goright { background-image: url(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/arrowright2.png); }


/* general*/

.pagecontent {
    float: left;
    width: 100%;
}

	#container {
		position: relative;
		float: left;
		width: 100%;
	}

	#cleft {
		width: 620px;
		float: left;
		position: relative;
	}

	#cright {
		float: right;
		width: 300px;
	}

	.area {
        float: left;
        width: 620px;
	margin-bottom: 20px;
    }

	.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%;
		}

			.area .header a, .area .header a:link { color:#5F5F5F; }
			.area .header a:visited { color:#9B9B9B; }
			.area .header a:hover { color: white; }

				.area .header .line1 {
					position: relative;
					display: block;
					width: 100%;
					height: 20px;
					background-color: #EBEBEB;
				}

					.area .header .line1 .title {
					    /*background-color:#AAD22D;*/
					    /*border-right:3px solid white;*/
					    color:#555555;
					    display:block;
					    float:left;
					    font-size:1.1em;
					    font-weight:bold;
					    height:16px;
					    margin-right:3px;
					    padding:4px 0 0 7px;
					    width:88px;
					    }

					.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(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/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;
									}

								.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: 0px;
					}

							.visicon {
								background-image: url(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/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(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/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%;
			float: left;
			margin: 10px 0 0 0;
		}

		.area .fit {
			width: 585px;
			margin-top: 10px;
		}

		.area.canais .content {
			color: rgb(155, 155, 155);
            /*width: 100%;*/
			width: 100%
			float: left;
			margin: 20px 0 0 0;
		}

		#canal .content {
			color: rgb(155, 155, 155);
            /*width: 100%;*/
			width: 857px;
			margin: 20px 0px;
		}

		.area .footer {
			width: 585px;
			margin: 0 auto;
		}

		.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;
					}
					
	#videos_novos .content > div,
	#videos_destaques .content > div,
	#videos_top .content > div,
	#videos_recentes .content > div,
	#videos_votados .content > div,
	#videos_vistos .content > div,
	#fundocanais_videos .content > div,
	#favoritos .content > div,
	#meus_videos .content > div,
	#comentados .content > div,
	#tagcontainer .content > div,				
	#contentbox_albums {
	    margin-right: -40px;
	}

	.sidebar {
		width: 300px;
		position: relative;
		float: right;
	}
	
	.sidebar h3 {
		color:#5F5F5F;
		font-size:1.6em;
		font-weight:bold;
		margin:15px 0 5px;
	}

		.sidebar a,
		.sidebar a:link {
			color: gray;
			text-decoration: underline;
		}

		.sidebar a:visited {
			color:#9B9B9B;
			text-decoration: underline;
		}

		.sidebar a:hover {
			background-color:#AAD22D; 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(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/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(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/homesmallhover.png);
					background-color: transparent;
				}

			.sidebar .search form#formSearch {
				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(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/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 a.searchlink:hover { background-color: transparent; }

				.sidebar .search a:hover,
				.sidebar .search a:focus {
					background-image: url(http://imgs.sapo.pt/sapovideo/imgs/campus_ua/searchsmallhover.png);
					background-color: transparent;
				}

		/* NOVO SEARCH */

			.sidebar .searchform .form {
				float: left;
				position: absolute;
				right: 10px;
				top: 3px;
				height: 12px;
			}

			.sidebar .searchform input {
				border: medium none;
				font-size: 10px;
				position: relative;
				float: left;
				height: 12px;
			}

			.sidebar .searchform .searchlink {
				margin-left: 4px;
				position: relative;
				bottom: -2px;
				float: left;
			}

				.sidebar .searchform a:hover,
				.sidebar .searchform a:focus {
					background-image: url(/imgs/campus/searchsmallhover.png);
					background-color: #EBEBEB;
				}

		.sidebar .sidebarcontent {
			margin-top: 20px;
		}

		.sidebar .grey {
			background-color:#EBEBEB;
		}

		div#wrappergeral .sidebar .grey a { color: #AAD22D; font-weight: bold; }
		div#wrappergeral .sidebar .grey a:hover { text-decoration: underline; color: white;}

#mrec1 { margin: 20px 0; }

div#wrappergeral a, div#wrappergeral a:link { text-decoration: none; }
div#wrappergeral a:hover, li.photos a:hover, li.groups a:hover, li.explore a:hover {
	text-decoration: none; cursor: pointer;
}
div#wrappergeral div.dropdown a:hover { text-decoration: underline; }

.thumbContentLine dl:lastChild { margin-right: 0!important; }