/* general
------------------------------------------------------------------- */

html {
  height:100%;
}

body {
  height:100%;
  font-family:'Ubuntu',Tahoma,Arial,Helvetica,Sans-Serif;
  font-weight:400;
  font-size:13px;
  margin:0;
  padding:0;
  color:#022936;
  background:#F5ECD8;
  line-height:1.5;
}

a {text-decoration:none; color:#022936;}
a:link {text-decoration:none; color:#022936;}
a:visited {text-decoration:none; color:#022936;}
a:hover {text-decoration:underline; color:#51296E;}
a:active {text-decoration:none; color:#022936;}
a img {border:none; outline:none;}

.clear { clear:both; }

/* header
-------------------------------------------------------------- */

.flash_message {
	color: #fff;
}

.flash_message.flash_error{
	width:100%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-color: red;
}

.flash_message.flash_success{
	width:100%;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background-color: green;
}

#wrapperheader {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height:100px;
	background-color:#F5ECD8;
}

#mainheader{
	text-align:center;
	margin-top: 15px;
}

#version{
	display:block;
	width:980px;	
	margin-left:auto;
	margin-right:auto;
}

#selectversion{
	display:block;
	margin-left:auto;
	margin-right:auto;
	float: left;
}

#versiontype{
	float:left;
	padding-right:5px;
	padding-left:5px;
	margin-left:10px;
	text-align:center;
	background-color:#EFEFEF;
	border:1px solid #C2B59D;
}

#versiontype:hover{
	background-color:#e3dcea;
}

#logout{
	float:right;
	border:1px solid #C2B59D;
	background-color:#EFEFEF;
	padding-left:10px;
	padding-right:10px;
	margin-right:10px;
	margin-bottom:;
}

#logout:hover{
	background-color:#e3dcea;
}

#headerbuttons{
	float:right;
	margin-top: 0;
}

.fancybutton{
    -moz-user-select:none;
    background-color:#7F75AE;
    background-image:-moz-linear-gradient(center top , #7F75AE, #655A96);
    border:1px solid #382B70;
    border-radius:2px 2px 2px 2px;
    color:#FFFFFF !important;
    cursor:default !important;
    display:inline-block;
    font-weight:bold;
    padding:5px;
    text-align:center;
    text-decoration:none !important;
    font-size:14px;
	margin-left: 10px;
}

.fancybutton:hover {
    background-color:#70679C;
    background-image:-moz-linear-gradient(center top , #70679C, #5A5189);
    border:1px solid #382B70;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
}

.fancybutton:focus {
    box-shadow:0 0 0 1px #FFFFFF inset;
    outline:medium none;
}

.fancybutton::-moz-focus-inner {
    border:0 none;
}

.fancybutton:hover:focus {
    box-shadow:0 0 0 1px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}

.fancybutton:active {
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

/* main
-------------------------------------------------------------- */

#wrappermain {
	margin:0;
	padding:0;
	border:0;
	width:100%;	
	background-color:#F5ECD8;
	background-position:bottom; 
}

#main {
	margin:0 auto;
	width:980px;
	background-color:#F5ECD8;
}

#toc_list{
	border:3px solid #C2B59D;
	height:400px;
	overflow:auto;
	margin-bottom:12px;
	padding:8px;
	background-color:#FFFFFF;
}

#toc_list ul, li{
	text-decoration:underline;
	list-style-type:none;
}

#display_content{
	border:3px solid #C2B59D;
	height:618px;
	padding:8px;
	overflow:auto;
	background-color:#FFFFFF;
	margin-bottom:8px;
}

#firstpane{
	padding-left:8px;
	padding-right:8px;
	background-color:#FFFFFF;
	border:3px solid #C2B59D;
	height:300px;
	overflow:auto;
	margin-bottom:5px;
}

#secondpane{
	padding-left:8px;
	padding-right:8px;
	background-color:#FFFFFF;
	border:3px solid #C2B59D;
	height:300px;
	overflow:auto;
	margin-bottom:8px;
}

#images{
	width:75%;
    margin-left:auto;
    margin-right:auto;
}

#bottombar{
	display:block;
	width:980px;
	margin:0 auto;
	margin-bottom:8px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#F5ECD8;
}

#previousnext{
	display:block;
	float:left;
	padding-left:5px;
}

#copyright{
	display:block;
	float:right;
	padding-right:5px;
}

/* login page
-------------------------------------------------------------- */

#roundbox { 
padding: 20px;
margin-bottom: 10px;
background-color: white; 
box-shadow:0px 0px 8px rgba(0, 0, 0, 0.26);
-moz-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.26);
-webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.26);
border-radius: 7px;
-webkit-border-radius: 12px;
-moz-border-radius: 7px; 
}

#roundbox div {
	margin-bottom: 10px;
}

#user {
	font-weight: bold;
	font-size: 14px;
}

#password {
	font-weight: bold;
	font-size: 14px;
}

.error {
	color:red;
}

/* admin table
-------------------------------------------------------------- */

table{
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5em;
}

th{
	text-align: left;
	text-decoration: underline;
	line-height: 1em;
	font-size: 14px;
}

tr{
	border-bottom: 1px dotted #C2B59D;
}

.nocontent{
	background-color: lightgrey;
}

.button {
  display: block;
  width: 80px;
  background: #C2B59D;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
}

/* edit page
-------------------------------------------------------------- */



#header{
	margin-right: 15px;
	margin-bottom: 10px;
	display: block;
	float: left;
}

#title{
	margin-bottom: 10px;
	display: block;
	float: left;
}

#article{
	display: block;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

#submit{
	float:right;
	margin-bottom: 10px;
}

/* footer
-------------------------------------------------------------- */

#wrapperfooter {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	background-color:#F5ECD8;
	color:#342a54;
}

#footer-inner1 {
	width:980px;
	margin:0 auto;
}

#footer-row1 {
	padding-top:5px;
	text-align:center;
}

#footer-inner1 {
	border-top:2px solid #C2B59D;
	font-size:12px;
	padding-top:6px;
	padding-bottom:6px;
}