html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#header {
	background:teal;
	padding:5px 8px 5px 8px;
}

#header img{
	width:180px;
	height:32px;
	vertical-align:middle;
	display:inline;
}

#header .menu { float:right; }

.menu{
margin-top:4px;
display:inline-block;
vertical-align:middle;
}

.menu li{
display:inline;
color:white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
padding-left:1em;
}

ul.menu li a:hover,ul.menu li.active a{
color:black;
}

.menu a{
text-decoration:none;
color:white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#controlbar {
    position:fixed;
    top:145px;/*42px*/
    background:silver;/*#FFBF00; /*EEB422 EEC900*/
    height:32px;/*28px*/
    display:inline-block;
    width:100%;
    z-index:9999;
}

.cmenu {
padding:0px 12px 0px 12px;
display:inline-block;
line-height:24px;
margin:0px;
vertical-align:middle;
text-align: center;
}

.cmenu li{
display:inline;
color:white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
padding-right:20px;
}

ul.cmenu li a:hover,ul.cmenu li.active a{
color:black;
}

.cmenu a{
text-decoration:none;
color:white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#controlbar img {
    vertical-align:middle;
    width:24px;
    height:24px;
  }

/*ul.cmenu li a.add_inc {
 height:26px;
 width:26px;
 display:block;
 background:url('../images/fits/plus_w.png');
}

ul.cmenu li a.add_inc:hover {
   background-image: url('../images/fits/plus_b.png');
}*/

#tablesearch
{
    float: right;
    vertical-align:middle;
    padding:4px 8px 4px 0px!important;
    height:22px!important;
}

.rb {
    padding-top:52px;
}

#body {
   padding-bottom:32px;   /* Height of the footer */
}

#body p{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:black;
text-align:left;
}

#body h1{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:18px;
color:orange;
text-align:left;
}

#body .p1{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:black;
text-align:left;
}

#body .p1{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
color:black;
text-align:left;
}

#body .p2{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:14px;
font-weight:bold;
color:orange;
text-align:left;
}

#body a{
text-decoration:none;
color:grey;
font-weight:bold;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#footer {
   position:fixed;
   bottom:8px;
   width:100%;
   height:32px;   /* Height of the footer */
   background:silver;
   text-align:center;
}

#footer p {
display:inline-block;
line-height:24px;
margin:0;
vertical-align:middle;
color:white;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size:12px;
}

#footerbar {
   position:fixed;
   bottom:0px;
   width:100%;
   height:8px;   /* Height of the footer */
   background:teal;
   text-align:center;
}

table.dataTable tr.odd { background-color: #DEDEDE !important; } 
table.dataTable tr.even { background-color: white !important; }

table.dataTable tr.odd  .sorting_1  { background-color: #DEDEDE !important; }
table.dataTable tr.even .sorting_1 { background-color: white !important; }

#tweettxt {
width:435px;
height:120px;
display:inline-block;
vertical-align:middle;
}

#runningbar {
    background: silver none repeat scroll 0 0;
    display: inline-block;
    height: 48px;
    position: fixed;
    top: 70px;
    width: 100%;
}

#runningbar tbody td {
    padding-left: 8px;
}

#runningbar table {
    margin: 0 auto; /* or margin: 0 auto 0 auto */
}

#doc_content li{
list-style-type: none;
}

#task_list {
    list-style-image: url('http://buttercup.kent-tmc.org.uk/v2/images/fits/CtlBar/tasks_list.png');
}

#tasks_table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 400px;
}

#tasks_table td {
    /*border: 1px solid #000000;*/
    border:none;
    padding: 8px;
}

#tasks_table tr:nth-child(even){background-color: #f2f2f2;}

#tasks_table td.delete {
    width: 24px;
    vertical-align: middle;
}
#tasks_table td.edit {
    width: 24px;
    vertical-align: middle;
}
#tasks_table td.icon {
    width: 24px;
    vertical-align: middle;
}
#tasks_table td.complete {
    width: 24px;
    vertical-align: middle;
}
#tasks_table td.task {
    width: 304px;
    
}

#dt_example {
	width:100%;
	height:87%\9;
/*92*/
	z-index:0;
	left:0;
	top:145px;/*115px*/
/*146*/
	position:absolute;
}

#myInputTextField {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 20px;
    font-size: 1.25rem;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #dddddd;
    height: 45px;
    margin-bottom: 0;
    padding: 0 0 0 10px;
    position: relative;
    width: 380px;
    z-index: 50;
}

#mg {
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: -9999em;
    background: url("http://kent.gov.uk/__data/assets/file/0009/3987/form.svg");
        background-position-x: 0%;
        background-position-y: 0%;
    background-position: 0 -44px;
    border: none;
    padding-top: 41px;
    position: absolute;
    right: 0;
    top: 0;
    width: 53px;
    z-index: 50;
}