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

/* centres dokuwiki */


div#dokuwiki {
        background-color: white;
        width: 800px; /*width: 1000px;*/
	max-width: 800px; /*max-width: 1000px;*/
	margin: 0 auto 0 auto;
	border: solid 1px #ccc;
	position: relative;
	top: 23px;
}

/*--------------- nav and editing location and appearance ----------
positioning absolutely somehow breaks horizontal menus.
positioned instead in index.css  */
/* div#nav {
        position: absolute;
        left: 10px;
        bottom: 18px;
        border: 1px solid black;
       // float: left;
        // z-index: 10000;
}  */


/*see index.css for appearance of dropdown menus*/

div#breadcrumbs {
        position:absolute;
        bottom:-6px;
        left:25px;
	height:20px;
	text-transform: lowercase;
	background: transparent;
}

div#toolbar {
	position:absolute;
	right: 0px;
	bottom:38px;
	width:250px;
	height:50px;
       	border:1px solid #8CACBB;
	background:#DEE7EC;
	padding:0px;
	margin:0;
	clear: both;
}

div#controls {
	position:absolute;
	right: 15px;
	top:5px;
        width: 400px;
        height:100px;
	padding:0px;
	clear: both;
	z-index: 10000;
}

div#controls li {list-style: none; float: left; width: auto;}

div#bar_search {
	position:absolute;
	right: 7px;
	top: 0px;
}
div#bar_admin   {
        position:absolute;
	right: 0px;
	top: 16px;
}
div#bar_edit  {
        position:absolute;
	right: 0px;
	top: 30px;
}
div#bar_addpage  {
        position:absolute;
	right: 7px;
	top: 48px;
}

div#backlinks {
        position: absolute;
	top: 74px;
	left: 28px;
	height:20px;
	width:20px;
	z-index:10001;
}

div#header {
	height:110px;
	padding:0px 0 0px 0px;
	position: relative;
	top: 1px;
	margin: 0 auto 0 auto;
}


div#logo {
        position: absolute;
	top: -25px;
	left: 28px;
	height:110px;
	width:120px;
}

div#top_button {
        position: absolute;
	bottom: 2px;
	right: 10px;;
}

div.title {
        position: absolute;
	top: 35px;
	left: 110px;
	height:30px;
	padding:0px 0px 0px 0px;
	margin: 0 auto 0 auto;
}


div#page {
        min-height: 600px;
        //height: 600px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 0px;
}

div#footer {
        height: 15px;
}

/*-------------- top row --------------- */


.pagename {
        position: absolute;
	height:25px;
	float:left;
	font-size:160%;
	font-weight:bolder;
	color:#DEE7EC;
	text-align:left;
	vertical-align:middle;
	padding:1px 0 0 1px;
	bottom: 50px;
	left: 5px;

}

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

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


div.title {
	font-size:220%;
	font-weight:bolder;
	text-align:right;
	z-index:11001;
}

.title  a:link, .title a:visited, .title a:hover, .title a:active {
	color:#dee7ec;
	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:#DEE7EC;
	padding:2px;
	margin:0;
	clear: both;
}

.bar-left {
	position:absolute;
	right: 5px;
	top: 5px;
}

.bar-right {
   position:absolute;
   right:5px;
   top:30px;

  text-align:right;
}

#bar_bottom {
  margin-bottom:3px;
}

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

div.meta {
  clear: both;
  padding-top: 2px;
  color:#436976;
  font-size:70%;
}

div.meta div.user {
  float: left;
  margin-left:16px;
  margin-bottom:3px;
}

div.meta div.doc{
  text-align:right;
  margin-right:38px;
  margin-bottom:3px;
}

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