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

html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}
					    
#dokuheader {
    width: 702px;
    margin: 30px auto 0 auto;
}

div.dokuwiki {
    //width: 700px;
    margin: 0 auto 0 auto;
    border: solid 1px #ccc;
    border-top: none;
}

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

div.stylehead {
    background: #eee;
    border-bottom: solid 1px #ccc;
}


div.pagename {
    height: 81pt;
    width: 100%;
}
div.pagename a {
    font-size: 18pt;
    line-height: 135pt;
    vertical-align: text-bottom;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    margin-left: 10px;
}


/* ---------------  top and bottom bar ---------------- */
.bar {
	height:25px;
    border-top: solid 1px #ccc;
//	padding:2px;
	padding: 0px 10px 0px 10px;
	margin:0;
    clear: both;
}

.bar-left {
    float:left;
    height:25px;
    width:50%;
    padding-top: 0px;
}

.bar-right {
    float:right;
    height:25px;
    width:50%;
    text-align:right;
    padding-top: 2px;
}


div.stylefoot {
    background: #eee;
    border-top: solid 1px #ccc;
    text-align: center;
}

/* ------------- 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;
/*  height:230px;
  overflow:auto;*/
}

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