.clear { clear: both; }

	.sidebar .sidebarcontent .tags {
		color: gray;
		margin-bottom: 10px;
	}
	
		.tags .s1 { font-size: 13px;}
		.tags .s2 { font-size: 17px;}
		.tags .s3 { font-size: 21px;}
		.tags .s4 { font-size: 25px;}
	
		.sidebar .sidebarcontent h3 {
			margin-bottom: 10px;
			color: #5f5f5f;
			font-size: 16px;
			font-weight: bold;
		}
		
		.sidebar .sidebarcontent .help {
			margin-bottom: 15px;
			color: rgb(155, 155, 155);
			font-size: 13px;
			line-height: 15px;
			font-weight: normal;
			padding-bottom: 15px;
			border-bottom: 1px solid #9B9B9B;
		}
		
		.sidebar .sidebarcontent .noborder {
			border-bottom: none;
		}


.area .content ul.myspace {
		width: 620px;
		float: left;
		overflow: hidden;
		position:relative;
		padding-bottom: 15px;		
	}
	
		.area .content ul.myspace li {
			float: left;
			width: 100px;
			height: 162px;
			margin: 0 3px 3px 0;
			text-align: center;
			color: white;
			font-size: 10px;
		}		
			
			#wrappergeral #cleft .area .content ul.myspace a {
				display: block;
				width: 100px;
				height: 162px; /* height without padding is 143px */
				color: white;
				line-height: 15px;
				position: relative;
			}
			
			#wrappergeral #cleft .area .content ul.myspace a:visited { color: white; }
			
			#wrappergeral #cleft .area .content ul.myspace li.green { background-color: #aad22d; }
			#wrappergeral #cleft .area .content ul.myspace li.lightgreen { background-color: #c3e16e; }
			#wrappergeral #cleft .area .content ul.myspace li.turquoise { background-color: #08e9a7; }
			#wrappergeral #cleft .area .content ul.myspace li.lightturquoise { background-color: #6bf2ca; }
			#wrappergeral #cleft .area .content ul.myspace li.orange { background-color: #fe8d61; }
			#wrappergeral #cleft .area .content ul.myspace li.lightorange { background-color: #ffaf90; }
			#wrappergeral #cleft .area .content ul.myspace li.darkgrey { background-color: #5f5f5f; }
			
			#wrappergeral #cleft .area .content ul.myspace li.green a:hover { background-color: #788c28; }
			#wrappergeral #cleft .area .content ul.myspace li.lightgreen a:hover { background-color: #788c28; }
			#wrappergeral #cleft .area .content ul.myspace li.turquoise a:hover { background-color: #00a082; }
			#wrappergeral #cleft .area .content ul.myspace li.lightturquoise a:hover { background-color: #00a082; }
			#wrappergeral #cleft .area .content ul.myspace li.orange a:hover { background-color: #ba6c51; }
			#wrappergeral #cleft .area .content ul.myspace li.lightorange a:hover { background-color: #ba6c51; }
			#wrappergeral #cleft .area .content ul.myspace li.darkgrey a:hover { background-color: #373737; }
			
			#wrappergeral #cleft .area .content ul.myspace li.endofline { margin: 0 0 3px 108px; }
			#wrappergeral #cleft .area .content ul.myspace li.endofline2 { margin: 0 0 3px 211px; }
			#wrappergeral #cleft .area .content ul.myspace li.midline { 
				margin: 0 0 0 196px;
			}
			
			.area .content ul.myspace li span.number {
				font-size:48px;
				font-weight:bold;
				line-height:68px;
				display: block;
				padding-top: 20px;
				width: 95px;
				height: 57px;
				text-align:center;
			
			}
			
			.area .content ul.myspace li span.icon {
				background-image: url(/imgs/campus/sprites_meuespaco.png);
				background-repeat: no-repeat;
				display: block;
				width: 100px;
				height: 80px;
				margin: 0 0 -8px 7px;
				padding-top: 5px;
			}		
			
			.area .content ul.myspace li span.upload { background-position: 0px -315px; }
			.area .content ul.myspace li span.commentfalse { background-position: -73px -155px; }
			.area .content ul.myspace li span.commenttrue{ background-position: 7px -155px; }
			.area .content ul.myspace li span.favoritefalse { background-position: -73px -75px; }
			.area .content ul.myspace li span.favoritetrue { background-position: 7px -75px; }
			.area .content ul.myspace li span.channel { background-position: 6px -235px; }
			.area .content ul.myspace li span.cancel { background-position: 0px -396px; }
			
			.uploadNoneIcon{	
				background-image:url(/imgs/campus/sprites_meuespaco.png);
				background-repeat:no-repeat;
				display:block;
				height:70px;
				padding:15px;
				width:200px;
				background-color:#AAD22D;
				margin:40px 160px;
			}
			
			.uploadNoneIcon:hover{	
				background-color:#788C28;	
			}
			
			
			.uploadIcon{	
				background-position: 0px -315px;
			}
			
			.textIn {
				font-size:30px;
				font-weight:bold;
				float:right;
				color:#fff;
				padding:25px 5px 0px 0px;
			}
			
			


	#wrappergeral #cleft a.newalbum {
		background-color:#5F5F5F;
		color:white;
		display:block;
		font-weight:bold;
		height:20px;
		width:95px;
		position: absolute;
		top: 0px;
		right: 0px;
	}
	
	#wrappergeral #cleft a.newalbum:hover {
		background-color:#AAD22D;
		color:white;
	}
	
	#wrappergeral #cleft a.newalbum span.writeIcon { background: url(/imgs/campus/writeicon.png) no-repeat; display: block; height: 14px; width: 10px; float: left; margin: 3px 10px; }
	#wrappergeral #cleft a.newalbum span.writeText { padding: 0px 0px; display: block; height: 10px; width: 60px; float: left; margin: 5px 0px; color:white;}
		
	
	#headertabs {
		font-size: 1.1em;
		font-weight: bold;
		font-decoration: none;
		margin: 0; padding: 0;
		position: absolute;
		top: 0px;
		height: 16px;
		width: 620px;
		border-bottom: 4px solid #5f5f5f;
		background: #FFF;
	}
	
	#wrappergeral #cleft #headertabs span.tabselected a, #wrappergeral #cleft #headertabs span.tabinactive a {
	   margin: 0px;
	   display: block;
	   padding: 0 8px;
	   line-height: 15px;
	   height: 16px;
	}

	#wrappergeral #cleft #headertabs span.tabselected, #wrappergeral #cleft #headertabs span.tabinactive {
	   margin: 0px;
	   float: left;
	   display: block;
	   height: 16px;
	   margin-right: 4px;
	}

	#wrappergeral #cleft #headertabs span.tabinactive {
	   color: #9b9b9b;
	   background: #ebebeb;
	}
	
	#wrappergeral #cleft #headertabs span.tabinactive a {
		text-decoration: none;
		background: #ebebeb;
		color: #9b9b9b;
	}
		
		#wrappergeral #cleft #headertabs span.tabinactive a:hover {
			text-decoration: none;
			background: #5f5f5f;
			color: #FFF;
			height: 15px;
		}

	#wrappergeral #cleft #headertabs span.tabselected {
	   color: #FFF;
	   background: #5f5f5f;
	}
	
	#wrappergeral #cleft #headertabs span.tabselected a {
		text-decoration: none;
		color: #FFF;
		background: #5f5f5f;
	}
	
		#wrappergeral #cleft #headertabs span.tabselected a:hover {
			text-decoration: none;
		}
	
	#div_password {
		margin-right: 10px;
		font-size: 11px;
	}
	
	#password {
		font-size: 0.9em;
		color: #5F5F5F;
		width: 100px;
	}
		
	
	/* manage fotos.html */	
	
		#wrappergeral .sidebar .albumselect {
			color: #797979;
			width: 170px;
			position: absolute;
			right: 10px;
		}
		
		
			#wrappergeral div.sidebarcontent  div.fotoeditpermissions {
				margin-top: 10px;
			}
			
			#wrappergeral div.sidebarcontent  div.fotoeditmisc {
				margin-top: 10px;
			}
			
			#wrappergeral div.sidebarcontent  div.fotosideconfirm {
				margin-top: 10px;
				font-weight: bold;
				font-size: 1.2em;
			}
			
			#wrappergeral div.sidebarcontent  div.fotosidecopytoalbum, #wrappergeral div.sidebarcontent  div.fotosidemovetoalbum, #wrappergeral div.sidebarcontent  div.fotosidedelete {
				margin-top: 10px;
				line-height: 20px;
			}
	
			 div.fotomanageuseractions {
				background-color: #EBEBEB;
				color:#5F5F5F;
				padding: 0 0 10px 0;
				line-height: 2em;
			}
		
			 div.fotomanageuseractions p {
				margin-left: 10px;
				font-size: 1.1em;
				position: relative;
			}
			
			div.fotomanageuseractions  .selectphotos {
				padding-top: 10px;
				margin-left: 15px;
			}
			
			div.fotomanageuseractions div {
				margin-top: 10px;
				font-weight: bold;
			}
			
			div.fotomanageuseractions span {
				color: #9B9B9B;
				font-size: 12px;
				font-weight: normal;
				margin-left: 15px;
			}
			
			div.fotomanageselectoption span {
				margin: 0 10px;
			}
			
			div.fotomanageselectalbum p {
				margin-left: 15px;
			}
			
			.fotomanagedelete div {
				margin-bottom: 10px;
			}
			
			.fotomanageinput {
				right: 10px;
				position: absolute;
			}
			
			 div.fotomanageconfirm {
				margin: 10px 0;
				padding-bottom:5px;
				height: 16px;
			}
			
				
			
			 div#fotoeditmanageconfirm {
				padding:0 0 5px 192px;
				margin-top: 15px;
			}
			
			 div#fotoeditmanageconfirm a {
				margin-right: 10px;
				font-size: 1.3em;
				color: #fff;
				background-color: #5F5F5F;
				line-height: 20px;
				height: 20px;
				width: 100px;
			}
			
			 #wrappergeral #cleft div#fotoeditmanageconfirm a:visited, #wrappergeral #cleft div#fotoeditmanageconfirm a:link {
				color: #fff;
			 }
			
			#wrappergeral div.fotomanageconfirm a {
				height: 20px;
				background-color: #5F5F5F;
				color: #fff;
				font-weight:bold;
				font-size: 1.3em;
				margin-right: 1px;
				width:90px;
				float: left;
				text-align: center;
				line-height: 20px;
			}
			
			 #wrappergeral div.fotomanageconfirm a:hover {
				background-color: #AAD22D;
				color: white;
			}
		
			#wrappergeral #cleft div.fotomanageconfirm a:visited, #wrappergeral #cleft div.fotomanageconfirm a:link {
				color: #fff;
			 }
			
			/* template side albums */ 
			
			div#fotosidecontentmyphotos {
				margin-top: 10px;
				color:#5F5F5F;
				float: left;
				padding-bottom: 15px;
				width:300px;
			}
			
			div#fotosidecontentmyphotos div.fotoalbumscontainer p.fotoalbumscontainertitle {
				padding-top: 5px;
				padding-bottom: 10px;
				text-align: center;
			}
			
			div#fotosidecontentmyphotos div.fotoalbumscontainer div.viewalbum {
				margin: 0px 0px 10px 0px;
				width: 100px;
				float: left;
				line-height: 1.2em;
				
			}
			
			div#fotosidecontentmyphotos div.fotoalbumscontainer div.viewalbum div.viewalbumimg {
				width: 74px;
				height: 67px;
				margin-left:10px;
				background-image: url(/imgs/campus/albumviewercover.png);
				background-repeat: no-repeat;
				background-position: 5px;
				padding: 0px 0px 0px 5px;
			}
			
			div#fotosidecontentmyphotos div.fotoalbumscontainer div.viewalbum div.viewalbumimg:hover {
				background-image: url(/imgs/campus/albumviewercover2.png);
				background-color: #fff;
				background-position: 4px;
			}
			
			div#fotosidecontentmyphotos div.fotoalbumscontainer div.viewalbum div.viewalbumimg a:hover {
				background-color: transparent;
			}
			
			div#fotosidecontentmyphotos div.fotoalbumscontainer div.viewalbum .viewalbumimg img {
				height:50px;
				padding:8px 0 0 8px;
				width:59px;
			}

				div#fotosidecontentmyphotos div.fotoalbumscontainer div.viewalbum div.viewalbuminfo {
					margin-top: 2px;
					text-align: center;
				}

			.morealbums {
					float: left;
					margin: 10px 0 20px 95px;
					color: #5F5F5F;
					font-size: 11px;
				}
				
			/* END template side albums */

			div#fotosidecontentuser div.fotoalbumscontainer div.viewalbum {
				margin: 10px 0;
				line-height: 1.2em;
			}
			
			div#fotosidecontentuser div.fotoalbumscontainer div.viewalbum .viewalbumimg {
				float:left;
				width: 74px;
				height: 67px;
				background-image: url(/imgs/campus/albumviewercover.png);
				background-repeat: no-repeat;
				background-position: 0px;
				margin-right: 5px;
			}
			
			div#fotosidecontentuser div.fotoalbumscontainer div.viewalbum .viewalbumimg img {
				height:49px;
				padding:8px 0 0 8px;
				width:58px;
			}
			
				div#fotosidecontentuser div.fotoalbumscontainer div.viewalbum a.viewalbumimg:hover {
					background-color: transparent;
				}

				div#fotosidecontentuser div.fotoalbumscontainer div.viewalbuminfo .viewalbuminfotitle {
					color: #9B9B9B;
					font-size:11px;
					font-weight:bold;
					margin-bottom:3px;
					padding-top:18px;
				}

				div#fotosidecontentuser div.fotoalbumscontainer div.viewalbum .viewalbumtitle {
					color: #5F5F5F;
					font-size:12px;
					font-weight:bold;
					margin-bottom:5px;
				}
				
					div#fotosidecontentuser div.fotoalbumscontainer div.viewalbum a.viewalbumtitle:hover {
						color: white;
					}
				
				div#fotosidecontentuser div.fotoalbumscontainer div.viewalbum .viewalbumdetails {
					color:#9B9B9B;
					font-size:11px;
				}
		
				#wrappergeral .area .favoritosbox dl.itemlist dd.iteminfotitle {
					padding-top: 5px;
				}
				
				/* Album Navigation Widget */
				
				#album-nav { margin-bottom: 10px; }
				
				.album-nav-closesep {
					display: block;
					width: 18px;
					height: 15px;
					padding:5px 0 2px 4px;
					margin-right: 4px;
					background-color: #EBEBEB;
					float: left;
				}
				
				.album-nav-header {
					display: block;
					width: 260px;
					height: 14px;
					border: 2px solid #EBEBEB;
					padding: 4px 0 0 10px;
					float: left;
					color: #9B9B9B;
					font-size:12px;
				}
				
				.album-nav-header a {
					color: #5F5F5F;
					font-size:12px;
					font-weight: bold;
				}
							
				.sidebar .album-nav-header a:visited { color: #5F5F5F; }
				.sidebar .album-nav-header a:link { color: #5F5F5F; }
				.sidebar .album-nav-header a:hover { color: white; }
				
				.album-nav-widget {
					width: 300px;
					height: 100px;
					background-color: #EBEBEB;
					padding: 10px 0 10px 0;
					text-align: center;
					position: relative;
				}
				
				#album-nav .album-nav-box { height: 83px; }
				
				#album-nav .album-nav-container { margin-left: 13px;}
				#album-nav .album-nav-container img { max-width: 120px; max-height: 100px; vertical-align: middle; }
				#album-nav .album-nav-container a {height:100px;width:100px; margin-right: 10px; }
				#album-nav .album-nav-container a:hover { background-color: transparent; }
				#album-nav .album-nav-preview {background:url('http://img.campus.ua.sapo.pt/ajax-loader_32x32.gif') no-repeat;background-position:34px 34px;}
				
					
				#album-nav a.album-nav-left,
				#album-nav a.album-nav-right,
				#album-nav a.album-nav-close {
					background-image: url(/imgs/campus/sprites_nav.png);
					background-repeat: no-repeat;
					display:block;
					height: 13px;
					width: 13px;
					text-indent: -9999px;
					float: left;
				}
				
					#album-nav a.album-nav-left:hover,
					#album-nav a.album-nav-right:hover,
					#album-nav a.album-nav-close:hover { background-color: transparent; }
				
				#album-nav a.album-nav-left {
					position: absolute;
					background-position: -21px -370px;
					left: 5px;
					top: 45px; 
				}
					#album-nav a.album-nav-left:hover { background-position: -2px -370px; }
					#album-nav a.album-nav-left.inactive { background-position: -2px -370px; }
				
				#album-nav a.album-nav-right {
					position: absolute;
					background-position: -22px -354px; 
					right: 5px;
					top: 45px;
				}
					#album-nav a.album-nav-right:hover { background-position: -3px -354px; }
					#album-nav a.album-nav-right.inactive { background-position: -3px -354px; }
					
				#album-nav a.album-nav-close { background-position: -22px -402px; }
					#album-nav a.album-nav-close:hover { background-position: -3px -402px; }
					
				#album-nav a.shut { background-position: -22px -386px; }
					#album-nav a.shut:hover { background-position: -3px -386px; }
					
				#album-nav-pages {
					float: left;
					color: #5F5F5F;
					font-size: 10px;
					text-align: center;
					width:100px;
					margin-top:5px;
				}
				
				.errormsg {
					background-color:#CC0000;
					color:#FFF;
					font-size:12px;
					padding:5px;
					width:225px;
					display:none;
					font-weight:bold;
					margin-top:15px;
					float:left;
				}
				
				
				
/* END manage fotos.html */
		
/*	handler foto.html */

	/*
	
	novo html + css da widget de navega��o  albuns
	
	*/
	
	#wrappergeral  div.albumNav {
		border: 2px solid rgb(190, 190, 190);
		color: rgb(190, 190, 190);
		float: left;
		width: 100%;
		position: relative;
		margin: 5px 0 5px 0;
	}
	
		#wrappergeral  div.albumNav div.albumNavTitle {
			margin-bottom: 5px;
			position: relative;
		}
		
			#wrappergeral  div.albumNav div.albumNavTitle p{
				margin-left: 20px;
			}
	
			#wrappergeral  div.albumNav div.albumNavTitle span {
				color: rgb(170, 210, 45);
			}
		
		#wrappergeral  div.albumNav div.albumNavContent {
			float: left;
			position: relative;
		}
		
			#wrappergeral div.albumNav div.albumNavContentImages {
				float: left;
			}
		
			#wrappergeral div.albumNav div.albumNavContentImages a {
				float: left;
			}
		
			#wrappergeral  div.albumNav img.albumNavPreview {
				width: 60px;
				float: left;
				margin: 0 2px 5px 2px;
			}
		
			#wrappergeral  div.albumNav div.slideShowInfo {
				float: left;
				font-size: 1em;
				line-height: 1em;
				margin-left: 8px;
			}
		
				#wrappergeral  div.albumNav div.slideShowInfo p {
					text-align: center;
				}
			
				#wrappergeral  div.albumNav div.slideShowInfo span {
					display: block;
					font-size: 1.1em;
					line-height: 1.1em;
					margin: 0;
					padding: 0;
				}
		
				#wrappergeral  div.albumNav div.slideShowInfo img {
					display: block;
					margin: 0;
					padding: 0;
				}
	
		#wrappergeral  div.albumNav a.arrowleft{
			background-image: url(/imgs/campus/sprites.png);
			background-repeat: no-repeat;
			background-position: -340px -20px;
			/*padding-left: 10px;*/
			float: left;
			height: 10px;
			width: 10px;
			margin-left: 4px;
			text-indent: -9999px;
			vertical-align: -3px;
			position: relative;
			top: 15px;
		}
		#wrappergeral  div.albumNav a:hover.arrowleft{
			background-image: url(/imgs/campus/sprites.png);
			background-repeat: no-repeat;
			background-position: -350px -30px;
			float: left;
			position: relative;
			top: 15px;
		}
		
		#wrappergeral  div.albumNav a.arrowright{
			background-image: url(/imgs/campus/sprites.png);
			background-repeat: no-repeat;
			background-position: -340px -30px;
			/*padding-left: 10px;*/
			float: left;
			height: 10px;
			width: 10px;
			margin-left: 4px;
			text-indent: -9999px;
			vertical-align: -3px;
			position: relative;
			top: 15px;
		}
		#wrappergeral  div.albumNav a:hover.arrowright{
			background-image: url(/imgs/campus/sprites.png);
			background-repeat: no-repeat;
			background-position: -350px -20px;
			
			float: left;
			position: relative;
			top: 15px;
		}
		
		#wrappergeral  div.albumNav a.close{
			background-image: url(/imgs/campus/closealbum.png);
			background-repeat: no-repeat;
			background-color: white;
			/*padding-left: 10px;*/
			float: left;
			height: 11px;
			width: 11px;
			margin-right: 4px;
			text-indent: -9999px;
			vertical-align: -3px;
			position: relative;
			top: 4px;
			left: 4px;
		}
		
		#wrappergeral  div.albumNav a:hover.close{
			background-image: url(/imgs/campus/closealbum.png);
			background-repeat: no-repeat;
		}
		
		#wrappergeral  div.albumNav.closed a.close{
			background-position: -370px -10px;
		}
		#wrappergeral  div.albumNav.closed a:hover.close{
			background-position: -340px 0px;
		}
	
	/*
	fim novo widget navega��o albuns
	*/

	#wrappergeral .sidebarcontent div.fotopublicalbumnav p.fotopublicalbumnavtitle, #wrappergeral .sidebarcontent div.fotopublicalbumnav p.fotopublicalbumnavdesc {
		text-align: center;		
		font-size: 1.1em;
		color: #5F5F5F;
	}

	.center {
		text-align: center;	
	}
	
	#albumpage {
		margin-top: 15px;
		margin-bottom:15px;
		padding-top: 10px;
	}
	
	#wrappergeral .sidebarcontent div.fotopublicalbumnav div#panelAlbumList {
		display: block;
		position: relative;
		width: 176px;
		margin-left: 18px;
	}
	
		#wrappergeral .sidebarcontent div.fotopublicalbumnav div#panelAlbumList div#fotopublicalbum {
			width:88px;
			float: left;
		}

	#wrappergeral .sidebarcontent div.fotopublicalbumnav a#navleft_albumList {
		float: left;
		margin: 28px 0 0 5px;
	}
	
	#wrappergeral .sidebarcontent div.fotopublicalbumnav a#navright_albumList {
		float: right;
		margin: 28px 8px 0 0;
	}
	
	#wrappergeral .sidebarcontent div.fotopublicactions {
		margin: 5px 0 0 0;
		float: left;
		font-size: 1.1em;
		padding-bottom: 5px;
	}
	
		#wrappergeral .sidebarcontent div.fotopublicactions div.fotopublicactionsRSS {
			margin: 20px 0 10px 0;
		}
		
		
/*	END handler foto.html */	

/* manage albuns.html */

	/* template */ 
	
	div.editalbum	{
		margin: 0 53px 10px 0;
		width: 112px;
		float: left;
	}
	
	div.editalbum:nth-of-type(4n) {
		margin: 0 0 10px 0;
	}
	
	div.editalbum .lock {
		margin-top: -5px;
	}
	
	div.editalbum .editalbumimg a {
		width: 112px;
		height: 102px;
		display: block;
		background-image: url(/imgs/campus/albumcover.png);
		background-repeat: no-repeat;
		float:left;
		margin-bottom: 10px;
	}
	
	div.editalbum .editalbumimg a:hover {
		background-image: url(/imgs/campus/albumcover2.png);
		background-color: #fff;
	}
	
		div.editalbum .editalbumimg a img {
			height:74px;
			padding:13px 0 0 12px;
			width:89px;
		}
		
		#wrappergeral #cleft div.editalbum .editalbumimg a:hover {
			background-color: transparent;
		}

		div.editalbum div.editalbuminfo {
			margin-top: 10px;
			line-height: 1.1em;
		}
		
			div.editalbum p.editalbumdate{
				margin-top: 5px;
			}
			
			div.editalbum div.editalbuminfo a.editalbumtitle {
				font-size: 1.2em;
				font-weight: bold;
				color: #5F5F5F;
			}
			
			.editalbumText {
				clear:both;
			}
	
	/* END template */
	
	#wrappergeral .sidebarcontent div.fotoeditalbumstags {
		margin-top: 1.25em;
		line-height: 1em;
	}
	
/* END manage albuns.html */

/* manage favoritos.html */
	
	#wrappergeral .sidebarcontent div.fotoeditfavtags {
		margin-top: 1.25em;
		line-height: 1em;
	}

/* END manage favoritos.html */

/* manage foto.html */

	#wrappergeral #cleft div.content div.fotoeditcontent {
		width: 594px;
		
	}
	

		#wrappergeral #cleft div.content div.fotoeditimg {
			/*text-align: center;*/
			width:620px;
		}
		
		
		
		
			.leftColumn {
				float: left;
				width: 275px;
				overflow: hidden;
			}
			.rightColumn {
				float: right;
				width: 275px;
				overflow: hidden;
			}
			
			.borderDiv {
				padding: 0;
				margin: 0;
				border: 1px solid #999;
			}
			/*
			* Caixa de Inserção de Título da Foto
			*/
			#wrappergeral #cleft div.content div.fotoeditcontent div.fotoedittitle {
				margin-bottom: 10px;
			}
			#wrappergeral #cleft div.content div.fotoeditcontent div.fotoedittitle p {
				color: #999;
				font-size: 1em;
				padding: 1px 1px 3px 1px;
				font-size: 12px;
			}
			#wrappergeral #cleft div.content div.fotoeditcontent div.fotoedittitle input {
				color:#666;
				border: 1px solid transparent;
				padding: 5px;
				margin: 0;
				font-size: 11px;
				width: 286px;
				font-family: Arial, Helvetica, "Droid Sans", Sans-Serif;
			}
			#wrappergeral #cleft div.content div.fotoeditcontent div.fotoedittitle input:focus {
				border: 1px solid #999;
			}
			
			
			/*
			* Caixa de Inserção de Tags da Foto
			*/
			#wrappergeral #cleft div.content div.fotoeditdetails div.fotoedittags {
				margin-bottom: 10px;
			}
			#wrappergeral #cleft div.content div.fotoeditdetails div.fotoedittags p {
				color: #999;
				font-size: 1em;
				width: 275px;
				padding: 1px 1px 3px 1px;
				font-size: 12px;
				margin: 0;
			}
			#wrappergeral #cleft div.content div.fotoeditdetails div.fotoedittags textarea {
				color:#666;
				width: 275px;
				border: 1px solid transparent;
				padding: 5px;
				font-size: 11px;
				font-family: Arial, Helvetica, "Droid Sans", Sans-Serif;
				width: 286px;
				margin: 0;
			}
			#wrappergeral #cleft div.content div.fotoeditdetails div.fotoedittags textarea:focus {
				border: 1px solid #999;
			}
			
			/*
			* Caixa de Inserção de Descrição da Foto
			*/
			#wrappergeral #cleft div.content div.fotoeditdetails div.fotoeditdescription {
			}
			#wrappergeral #cleft div.content div.fotoeditdetails div.fotoeditdescription p {
				color: #999;
				font-size: 1em;
				padding: 1px 1px 3px 1px;
				font-size: 12px;
			}
			#wrappergeral #cleft div.content div.fotoeditdetails div.fotoeditdescription textarea {
				color:#666;
				border: 1px solid transparent;
				padding: 5px;
				margin: 0;
				font-size: 11px;
				font-family: Arial, Helvetica, "Droid Sans", Sans-Serif;
				width: 286px;
			}
			#wrappergeral #cleft div.content div.fotoeditdetails div.fotoeditdescription textarea:focus {
				border: 1px solid #999;
			}
			
			/*
			* Área para adição rápida de tags
			*/
			.rightColumn p {
				color: #999;
				padding: 1px 1px 3px 1px;
				font-size: 12px;
				margin-bottom: 6px;
			}
			
			.tagButtons {
				margin-bottom: 37px;
			}
			
			.addTagButton {
				line-height: 14px;
				text-align: center;
				background-color: #bbb;
				color: white;
				padding: 3px;
				width: 87px;
				display: block;
				float: left;
				margin-right: 10px;
				font-size: 11px;
			}
			
			.addTagButton#pessoal {
				margin: 0;
			}
			
			.addTagButton:hover {
				color: white;
				background-color: #999;
			}
			
			.addTagButton.active {
				color: white;
				background-color: #5F5F5F;
			}
			
			/* Example tokeninput style #1: Token vertical list*/
			ul.token-input-list {
			    overflow: hidden; 
			    height: auto !important; 
			    height: 1%;
			    width: 298px;
			    border: 1px solid #999;
			    cursor: text;
			    font-size: 12px;
			    font-family: Verdana;
			    z-index: 999;
			    margin: 3px 0 0 0;
			    padding: 0;
			    background-color: #fff;
			}
			
			ul.token-input-list li {
			    list-style-type: none;
			}
			
			ul.token-input-list li input {
			    border: 0;
			    width: 283px;
			    padding: 3px 8px;
			    background-color: white;
			}
			
			li.token-input-token {
			    overflow: hidden; 
			    height: auto !important; 
			    height: 1%;
			    margin: 3px;
			    padding: 3px 5px;
			    background-color: #5F5F5F;
			    color: white;
			    cursor: default;
			    display: block;
			}
			
			li.token-input-token p {
			    float: left;
			    padding: 0;
			    margin: 0;
			    color: white;
			    font-size: 11px;
			}
			
			li.token-input-token span {
			    float: right;
			    color: white;
			    cursor: pointer;
			}
			
			/*li.token-input-selected-token {
			    background-color: #08844e;
			    color: #fff;
			}
			
			li.token-input-selected-token span {
			    color: #bbb;
			}*/
			
			div.token-input-dropdown {
			    position: absolute;
			    width: 273px;
			    background-color: #fff;
			    overflow: hidden;
			    border-left: 1px solid #ccc;
			    border-right: 1px solid #ccc;
			    border-bottom: 1px solid #ccc;
			    cursor: default;
			    font-size: 12px;
			    font-weight: normal;
			    z-index: 1;
			}
			
			div.token-input-dropdown p {
			    margin: 0;
			    padding: 5px;
			    color: #777;
			}
			
			div.token-input-dropdown ul {
			    margin: 0;
			    padding: 0;
			}
			
			div.token-input-dropdown ul li {
			    background-color: #fff;
			    padding: 3px;
			    list-style-type: none;
			}
			
			div.token-input-dropdown ul li.token-input-dropdown-item {
			    background-color: #fafafa;
			}
			
			div.token-input-dropdown ul li.token-input-dropdown-item2 {
			    background-color: #fff;
			}
			
			div.token-input-dropdown ul li em {
			    font-weight: bold;
			    font-style: normal;
			}
			
			div.token-input-dropdown ul li.token-input-selected-dropdown-item {
			    background-color: #999;
			    color: white;
			}

			
			.cursoAutoComplete {
				margin-bottom: 10px;
			}
			
			#curso {
				border: 1px solid transparent;
				width: 265px;
				padding: 3px;
				font-size: 12px;
				background: transparent;
			}
			
			#curso:focus {
				border: 1px solid #999;
			}
			
			#cursoBorder {
				margin: 0;
				padding: 0;
				border: 1px solid #999;
			}
			
			#cursoLabel {
				padding: 1px 1px 3px 1px;
				font-size: 12px;
			}
			
			
		#wrappergeral div.sidebarcontent  div.fotoeditprivacy {
			padding-top: 10px 
		}
		
		#wrappergeral div.sidebarcontent  div.fotoeditprivacy #div_password{
			margin-left:10px;
		}
		
		
/* PROFILE INFO CSS */
		
		#wrappergeral div.sidebarcontent div.profile {
			margin: 15px 0;
			line-height: 1.3em;
			height: 40px;
		}
		
			#wrappergeral div.sidebarcontent div.profile div.userpic {
				float: left;
				margin-right: 5px;
				display: block;
			}
			
			#wrappergeral div.sidebarcontent div.profile div.userdetails .username {
				font-size: 14px;
				color: #5F5F5F;
				font-weight: bold;
				padding-top: 6px;
				margin-bottom: 5px;
			}
			
			#wrappergeral div.sidebarcontent div.profile div.userdetails a {
				float: left;
				margin-right: 5px;
				display: block;
			}
	
/* end PROFILE INFO CSS */
	
			input.bloglink {
				right: 10px;
				position: absolute;
				width: 100px;
				font-size: 0.9em;
				color: #5F5F5F;
			}
			
			#wrappergeral .sidebarcontent .viewpublic {
				margin: 10px 0;
				font-size: 1.3em;
				color: gray;
				font-weight: bold;
			}
			

/* END manage foto-html */

/* manage comments */

	#wrappergeral #cleft div.content div.fotocommentssection {
		font-size: 1.2em;
		height: 25px;
		width: 100%;
		border-bottom: 1px dotted gray;
		position: relative;
		margin-bottom: 10px;
	}
	
		#wrappergeral #cleft div.content .fotocommentspaginationtop {
			position: absolute;
			right: 0px;
			top: 2px;
		}
		
		#wrappergeral #cleft div.content .fotocommentspaginationbottom {
			margin-bottom: 20px;
		}
		
	/* template */
	
		#wrappergeral #cleft div.content a#closeCommentsReceived { position: absolute; top: 2px; right: 0px; float:right; }
		#wrappergeral #cleft div.content a#closeCommentsMade { position: absolute; top: 2px; right: 0px; float:right; }
		
		#wrappergeral #cleft div.content span#paginationCommentsReceived { margin-right: 20px; float:right; }
		#wrappergeral #cleft div.content span#paginationCommentsMade { margin-right: 20px; float:right; }
	
		#wrappergeral #cleft div.content div.comment {
			height: 140px;
			margin-bottom: 20px;
			font-size: 1.1em;
		}
		
			#wrappergeral #cleft div.content div.comment div.commentImg {
				float: left;
				width: 120px;
			}
			
				#wrappergeral #cleft div.content div.comment div.commentTitle {
					/*margin-bottom: 10px;*/
				}
			
			#wrappergeral #cleft div.content div.comment div.commentText {
				float: left;
				margin: 20px 0 0 10px;
				position: relative;
				width: 455px;
			}
			
			#wrappergeral #cleft div.content div.comment div.commentText p {
				color:#5F5F5F;
			}
			
				#wrappergeral #cleft div.content div.comment div.commentText p.commentBody {
					margin: 15px 0 10px 0;
					color: #2C2C2C;
				}
				
				#wrappergeral #cleft div.content div.comment div.commentText p.commentDelete {
					position: absolute;
					right: 0px;
					top: 0px;
					height: 1em;
				}
				
				#wrappergeral #cleft div.content div.comment div.commentText p.commentDelete .approvebutton {
					display: block;
					position: absolute;
					right: 30px;
					top: 0px;
					height: 1em;
				}
				
				#wrappergeral #cleft div.content div.comment div.commentText p.commentDate {
					font-size: 1em;
					color: #9B9B9B;
				}

/* END manage comments */

/* manage album.html */

	

/* END manage album.html */

/* manage albumNew.html */

	#wrappergeral div#createalbumText {
		width: 585px;
		margin-left: 0px;
	}
	
	#wrappergeral div#createalbumText input { width: 400px; }
	#wrappergeral div#createalbumText textarea { width: 400px; }
	
	#wrappergeral #cleft div.content div.fotoeditcontent {
		width: 594px;
	}
		
		#wrappergeral #cleft div.content div.fotoeditdetails	{
			width: 620px;
			margin-top: 10px;
			float:left;
			overflow: hidden;
		}
		
		
		
			.leftColumn {
				float: left;
				width: 300px;
				overflow: hidden;
			}
			.rightColumn {
				float: right;
				width: 300px;
				overflow: hidden;
			}
			
			.borderDiv {
				padding: 0;
				margin: 0;
				border: 1px solid #999;
			}
			/*
			* Caixa de Inserção de Título da Foto
			*/
			div.fotoedittitle {
				margin-bottom: 10px;
			}
			div.fotoedittitle p {
				color: #999;
				font-size: 1em;
				padding: 1px 1px 3px 1px;
				font-size: 12px;
			}
			div.fotoedittitle input {
				color:#666;
				border: 1px solid transparent;
				padding: 5px;
				margin: 0;
				font-size: 11px;
				width: 286px;
				font-family: Arial, Helvetica, "Droid Sans", Sans-Serif;
			}
			div.fotoedittitle input:focus {
				border: 1px solid #999;
			}
			
			
			/*
			* Caixa de Inserção de Tags da Foto
			*/
			div.fotoedittags {
				margin-bottom: 10px;
			}
			div.fotoedittags p {
				color: #999;
				font-size: 1em;
				width: 275px;
				padding: 1px 1px 3px 1px;
				font-size: 12px;
				margin: 0;
			}
			div.fotoedittags textarea {
				color:#666;
				width: 275px;
				border: 1px solid transparent;
				padding: 5px;
				font-size: 11px;
				font-family: Arial, Helvetica, "Droid Sans", Sans-Serif;
				width: 286px;
				margin: 0;
			}
			div.fotoedittags textarea:focus {
				border: 1px solid #999;
			}
			
			/*
			* Caixa de Inserção de Descrição da Foto
			*/
			div.fotoeditdescription {
			}
			 div.fotoeditdescription p {
				color: #999;
				font-size: 1em;
				padding: 1px 1px 3px 1px;
				font-size: 12px;
			}
			div.fotoeditdescription textarea {
				color:#666;
				border: 1px solid transparent;
				padding: 5px;
				margin: 0;
				font-size: 11px;
				font-family: Arial, Helvetica, "Droid Sans", Sans-Serif;
				width: 286px;
			}
			 div.fotoeditdescription textarea:focus {
				border: 1px solid #999;
			}

	/*
	 ** Fim manage new Album
	*/

	.area .content .line1 {
		float: left;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.area .content .line2 {
		float: left;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.area .content .line3 {
		float: left;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.area .content .leftblock {
		float: left;
		width: 50%;
	}
	
	.area .content .rightblock {
		float: left;
		width: 50%;
		margin-top: 20px;
	}
	
	.area .content .nomargin {
		margin-top: 0px;
	}
	
	.area .content .rightblock li {
		margin: 15px;
	}
	
	.area .content .nomargin li {
		margin: 0px 15px 15px 15px;
	}
	
	.area .rightblock label,.area .rightblock #novoAlbum {
		font-size: 1.3em;
		font-weight: bold;
		color: rgb(95, 95, 95);
		margin-bottom: 3px;
	}
	
	.area .rightblock label.small {
		font-size: 1.2em;
		font-weight: normal;
		color: rgb(95, 95, 95);
	}
	
	.area .rightblock input,
	.area .rightblock textarea,
	.area .rightblock select {
		margin-top: 8px;
	}
	
	.area .rightblock input#tag {
		margin-bottom: 5px;
	}
	
	.area .leftblock h2 {
		float: left;
	}
	
	.area .leftblock h2 strong{
		font-size: 48px;
		font-weight: bold;
	}
	
	.area .leftblock p {
		float: left;
		width: 200px;
		margin-top: 30px;
		font-size: 1.2em;
	}
	
	.area .leftblock p a {
		color: rgb(170, 210, 45);
	}

	#userpage {
		padding-top: 10px;
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.errorimg {
		display: block;
		width: 94px;
		height: 157px;
		background-image: url(/imgs/campus/imgerror_worried.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 0px;
	}
	
	.errortext {
		margin: 0 0 60px 114px;
	}
	
	.errortext p {
		margin: 30px 0 5px 0;
		color: #5F5F5F;
	}
	
	.errortext p, .errortext a {
		font-size:1.2em;
	}
	
	#cleft .comments .fotopubliccommentbody {
		margin: 5px 0 0 5px;
		font-size: 12px;
		color: #5F5F5F;
	}
	
	#statusCounter {
		margin-top:7px;
		display:block;
	}