﻿html,body
{
    margin:0;
    padding:0
}

body
{
    font: 100%/1.5 TrebuchetMS,Arial,sans-serif;
    text-align: left;
    background: #fff;
    padding-bottom:20px
}

a
{
    color: #0066B3; 
    background: inherit; 
}

h1
{
    font: bold 2.1em Arial, Arial, Sans-Serif; 
    color: #036DA7 
}

h2
{
    font: bold 1.4em Arial, Arial, Sans-Serif; 
    line-height:1.5;
    padding: 0; 
    margin: 0; 
}

h3
{
    font: bold 1.2em Arial, Arial, Sans-Serif; 
    line-height:1.5;
    padding: 0; 
    margin: 0; 
}

ul
{
    padding: 0; 
    margin: 0;
}

li  
{
    list-style-type: none;
}

div#header
{
    width:100%;
    overflow:hidden;
    background: #BBD9EE; 
}

div#header h1,div#menu
{
    width:970px;
    margin:0 auto;
    text-align:left
}

div#header h1
{
    padding: 30px 0 20px;
    color: #fff
}

ul#nav,ul#nav li
{
    list-style-type:none;
    margin:0;
    padding:0
}

ul#nav
{
    float:right;
    font-size: 80%
}

ul#nav li
{
    float:left;
    margin-left: 3px;
    text-align: center
}

ul#nav a
{
    float:left;
    width: 95px;
    overflow:hidden;
    padding: 5px 0;
    background: #E7F1F8;
    text-decoration:none;
    color: #666; 
    border-top : 1px solid #fff; 
    border-left : 1px solid #fff; 
    border-right : 1px solid #fff;
}

ul#nav a:hover
{
    background: #fff;
    color: #000
}

ul#nav li.activelink a,ul#nav li.activelink a:hover
{
    background: #FFF;
    color: #003
}

#midsection 
{
	margin: 0 auto;
    padding: 15px;
	background: #fff;	
}

.content 
{
	float: left;
	width: 76%;
	padding: 1em;
	margin-bottom: 1.2em;
	background: #eee;
	text-align: justify;
}

.content ul
{
    padding:10px; 
    margin:10px;
}

.content li  
{
    list-style-type:disc;
}

.navigation 
{
	float: right;
	width: 20%;
	margin: 0 0 10px 0;
}

.navigation .box ul li a {
 display: block;
}

.navigation .box ul li ul li a {
 padding-left: 10px;
}

.navigation .box ul li ul li ul li a {
 padding-left: 20px;
}

.navigation .box ul li ul li ul li ul li a {
 padding-left: 30px;
}

.active {
font-weight: bold;
}

.navigation .box 
{
	padding: 1em;
	margin: 0 0 1em 0;
	background : #FFF6BF;
}

.loginlabel 
{
    font-weight: bold;
    display: block;
}

#footer
{
    clear:both;
}

/* form in box */
.box input
{
	display:inline-block;
	width: auto;
    font-size: 1em;
}


/* form in content */
fieldset 
{
    width:600px;
}

.validator
{
    padding-left:300px;
}

.formfield{
    padding: 5px 0;
}

.formfield label{
	width:280px;
	display:inline-block;
	float:left;
	text-align:right;
    padding: 0 5px;
}

.basic-editor
{
	display:inline-block;
	width:300px;
    font-size: 1em;
}

.formfield input
{
	display:inline-block;
	width:300px;
    font-size: 1em;
}

textarea
{
    font-family: TrebuchetMS,Arial,sans-serif;
    width: 300px;
    height: 4em;
    font-size: 1em;
}

select
{
	width:300px;
    font-size: 1em;
}

.pagesize {
    width:50px;
}

.radiobutton {
    width:300px;
    display:inline-block;
    font-size: 1em;
}

.radiobutton input {
    width:auto;
    float:left;
    font-size: 1em;
}

.radiobutton label {
    width:auto;
    float:left;
	text-align:left;
}

.buttons{
clear:both;
}

.buttons input{
    width:auto;
    margin: 6px;
    padding: 3px;
    font-size: 1em;
    height: 32px;
}

.buttonup
{
    font-weight:bold;
}

.formarea{
    padding: 5px 0;

}

.formarea textarea{
    width: 590px;
}

/* data table in content */


.content table{
border-collapse: collapse;
border-spacing:0;
border: 1px solid #aaa;
margin: 0.1em 0 0.5em 0;
}

.content caption{
  padding: 0 .4em .4em;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
  background: transparent;
  }

.content td, .content th {
  border: 1px solid #aaa;
  padding: .4em;
	font-size: 1em;
  }
  
.content th {
  border: 1px solid #888;
  padding: .4em;
	font-size: 1em;	
	text-align: left;
	font-weight: bold;
	background: #888;
	color: #fff;
  }
	

.content td {
	vertical-align: top;
	text-align: left;
}

tr:hover, tr:focus  {
	background: #FFD;
}

.sitemap table, .sitemap td
{
    border-style: none;
    padding:0;
    margin:0;
}

.sitemap tr:hover, .sitemap tr:focus  {
	background: #eee;
}

.rendertable table, .rendertable tr 
{
    border-style:none;
    border-color:Aqua;
}

.rendertable tr:hover, .rendertable tr:focus  {
	background-color:Transparent;
}

.calendar .ajax__calendar_container
{
    border:1px solid #646464;
    background-color: #fff;
    color: #000;

}
.calendar .ajax__calendar_container td
{
    padding:0;
    margin:0;

}

