/**
 * Tableless Layout for default template
 *
 * @author Andreas Gohr <andi@splitbrain.org>
 * @author moraes <moraes@tipos.com.br>
 */


/* -------------- top row --------------- */
.header {
	height:84px;
	padding: 0 ;
	background-color: #E1E4ED;
}

.pagename {
	float:left;
	font-size:40px;
	font-variant:small-caps;
	font-weight:bolder;
	color:#7298fe;
	margin-top:22px;
	margin-left: 20px;
	text-align:left;
	padding:1px 0 0 1px;  
	vertical-align: middle;

}

.pagename a:link, .pagename a:visited {
   color:#7298fe;
  text-decoration:none;
}

.pagename a:hover, .pagename a:active {
  color:#ad7dbd;
}

.logo {
	float:right;
	font-size:220%;
	font-weight:bolder;
	text-align:right;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-image: url("images/logo.png")

}

.logo a:link, .logo a:visited, .logo a:hover, .logo a:active {
	display: block;
	height:84px;
	width: 329px;
}

/* ---------------  top and bottom bar ---------------- */
.bar {
	height:26px;
	border-top:1px solid #AD7DBD;
	border-bottom:1px solid #AD7DBD;
	background:#DEE7EC;
	padding:0;
	margin:0;
	background-repeat: repeat-y;
	background-position: right bottom;
	background-image: url("images/fondbarre.jpg");

  clear: both;
}

.bar-left {
	float:left;
  width:50%;
}

.bar-right {
  float:right;
  width:50%;
  text-align:right;
}

#bar_bottom {
  margin-bottom:3px;
}
.basdepage {
	position: absolute;
	bottom:0;
}

/* ------------- File Metadata ----------------------- */

div.meta {
  clear: both;
  margin-top: 1em;
  color:#AD7DBD;
  font-size:90%;
}

div.meta div.user {
  float:left;
}

div.meta div.doc{
  text-align:right;
}

/* ---------------  Media Selection  ----------------- */

div.uploadform {
  margin-top: 0.5em;
  border-top: 1px solid #AD7DBD;
}

.mediaselect-left {
  float:left;
  padding: 0.5em;
/*  height:230px;
  overflow:auto;*/
}

.mediaselect-right {
  float:right;
  border-left: 1px solid #AD7DBD;
  padding: 0.5em;
  width: 50%;
  max-width: 50%;
/*  width:350px;
  height:230px;
  overflow:auto;*/
}