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


/* -------------- top row --------------- */
.header {
	height:80px;
	padding:3px 0 2px 2px;
	background-color: #607b8b;
}

.pagename {
	background: #607b8b url(images/logo.png) no-repeat left top;
	height:90px;
	width:206px;
	padding:1px 0 0 1px;
}

.pagename a:link, .pagename a:visited {
  color:#dee7ec;
  display: block;
  height: 100%;
  width: 100%;
  text-decoration:none;
  text-indent: -100em;
  overflow: hidden;
}

.pagename a:hover, .pagename a:active {
  color:#dee7ec;
  background-color:transparent;
  text-decoration:none;
}

.pagename p {
  color:#dee7ec;
  font-variant:small-caps;
  letter-spacing:2pt;
}

form#search {
	position: absolute;
	top: 30px;
	right: 10px;
	margin:0;
}

#search input {
	padding: 1px;
	background-color: #eee;
	border: 1px solid #986601;
}

.logo {
	float:right;
	height:90px;
	font-size:220%;
	font-weight:bolder;
	text-align:right;
	vertical-align:middle;
}

.logo a:link, .logo a:visited, .logo a:hover, .logo a:active {
	color:#dee7ec;
	height:90px;
	text-decoration:none;
	font-variant:small-caps;
	letter-spacing:2pt;
}

/* ---------------  top and bottom bar ---------------- */
.bar {
	height:25px;
/*	border-top:1px solid #8CACBB;
	border-bottom:1px solid #8CACBB;*/
	background:#607b8b;
	padding:2px;
	margin:0;
	clear: both;
}

.bar-left {
	float:left;
}

.bar-right {
  float:right;
  text-align:right;
  font-variant:small-caps;
  letter-spacing:2pt;
  height:30px;
}

.bar-right a {
  color: #dee7ec;
  text-decoration:none;
  margin-right: 10px;
}

.bar-right a:hover {
  color: black;
  text-decoration:none;
  background:#607b8b;
}

#bar_bottom {
  margin-bottom:10px;
}

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

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

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 #8cacbb;
}

.mediaselect-left {
  float:left;
  padding: 0.5em;
  width:30%;
}

.mediaselect-right {
  float:right;
  border-left: 1px solid #8cacbb;
  padding: 0.5em;
  width:65%;
}

div.mediaref_head {
	margin-left:0.5em;
}

div.mediaref .search_result {
	padding-left:1em;
}

.mediaref_ref {
	color:#009900;
}

div.mediaref_hidden {
	margin-top:1em;
	text-align:center;
	font-size:1.2em;
	color:#BB0000;
}

div.mediaref_footer {
	margin-top:1em;
	text-align:center;
}