/* comment backslash hack \*/
html, body{height:100%;}
/* */

/* No borders & width 100% */

html, body, div {
        border: 0px;
        margin: 0px;
}

/* Basic layout */

#container {
        height: 100%;
        min-height: 100%;
        margin-left: 150px;
        margin-right: 150px;
        margin-bottom: -285px;
}

html>body #container{
        height: auto;
} /* For Mozilla as IE treats height as min-height anyway*/

#top {
        position: absolute;
        top: 0px;
        height: 205px;
        width: 100%;
}

#bottom {
        position:relative;
        height: 285px;
        clear:both;
        width: 100%;
}

#cleartop {
        width: 100%;
        height:205px;
} /* Make room for top */

#clearbottom {
        width: 100%;
        clear: both;
        height: 285px;
} /* Make room for bottom */

/* The content */

#content {
        width: 100%;
}

td.content {
        width: 500px;
}

/* The menu's */

#left {
        position: relative; /* IE needs this to float */
        width: 150px;
        float: left;
        margin-left: -149px; /* 1px less than width to push footer down */
        margin-bottom:-70px;
        margin-top: -40px;
}
* html #left { /* Fix gap in IE next to float and clear footer because we've moved float too far left */
        padding-bottom: 285px;
        margin-right: -3px;
}

#right {
        position: relative;/* IE needs this to float */
        width: 150px;
        float: right;
        margin-right: -149px; /* 1px less to push footer down */
        margin-bottom: -70px;
        margin-top: -20px;
}
* html #right { /* Stop float drop in IE */
        padding-bottom: 285px;
        margin-right: -150px;
}

#menu, #rightmenu {
        width: 125px;
        background: #DDDDDD;
        border: 2px solid #999999;
        padding: 16px 5px 16px 5px;
}

/* The bars in #top and #bottom */

#bar-t, #bar-b, #navline-t, #navline-b {
        background: #DDDDDD;
}

#bar-t {
       height: 18px;
}

#bar-b {
        height: 85px;
}

#urlbar-t, #urlbar-b {
        height: 68px;
        background: #66CC99;
}

#navline-t, #navline-b {
        height: 26px;
}

* html #fyformbottom, * html #fyformtop { /* Fix form margin */
	margin: 0px;
}

#contentmenu-t, #contentmenu-b {
        width: 500px;
        text-align: center;
        left: 50%;
}

#contentmenu-t {
        position: relative;
        height: 50px;
        margin-left: -250;
}

#contentmenu-b {
        position: relative;
        top: 0px;
        height: 100px;
        margin-left: -250;
}

#line-t, #line-b {
        background: #999999;
        height: 2px;
        font-size : 0px;
}

/* Colors */

body {
        background: #EEEEEE;
}

td.diff-added {
        background-color: #cfffcf;
        color: #000000;
}

td.diff-removed {
        background-color: #ffffaf;
        color: #000000;
}

/* Some stuff */

* html #content {
        height: 1%;
        margin-bottom: 12px
} /* combat IE's 3 pixel jog */

#content {
        position: relative;
        float: right;
        width: 100%;
        margin: 0 -0.5%;
}

#outerwrap {
        float: left;
        width: 99%;
}

/* Padding */

div.cm-pad, div.nl-pad, div.ub-pad, div.l-pad {
        padding-left: 16px;
        padding-right: 16px;
}

div.cm-pad, div.nl-pad, div.ub-pad {
        padding-top: 4px;
        padding-bottom: 4px;
}

/* Style */

pre, dl, ol, p, blockquote {
        line-height: 130%;
}

body, td {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 14px;
}

a.create:link, a.create:visited {
        color: #660000;
        text-decoration: none;
}

a.create:hover {
        color: #660000;
        text-decoration: underline;
}

a.rootlist:link, a.rootlist:visited {
        color: #111111;
        text-decoration: none;
}

a.rootlist:hover {
        color: #111111;
        text-decoration: underline;
}

a:link {
        color: #3366CC;
        text-decoration: none;
}
a:active {
        color: #333333;
        text-decoration: none;
}
a:visited {
        color: #576B93;
        text-decoration: none;
}
a:hover {
        color: #666666;
        text-decoration: underline;
}

a:link img.create, a:active img.create, a:visited img.create, a:hover img.create{
        border-color: #660000;
}

a:link img, a:active img, a:visited img, a:hover img{
        border-color: #3366CC;
}

a:active img {
        border-color: #333333;
}
a:visited img{
        border-color: #576B93;
}
a:hover img{
        border-color: #666666;
}

dl, ul, ol {
        margin-top:    0px;
        margin-bottom: 0px;
}
		

h1 {
        padding: 0em 1em 0em 1em;
}

h2 {
        margin: 1px;
        margin-bottom: 10px;
}

h3 {
        margin: 1px;
        margin-bottom: 5px;
}

h4, h5, h6
{
        margin: 1px;
        margin-bottom: 1px;
}

#urlbar-t td, #urlbar-b td {
	font-size: 15px;
	color: #330099;
	padding: 0.1em;
}

#ref {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 11px;
}

/* Network bar */

#network_bar {
  border-bottom: solid 3px;
  font-size: 1em;
  line-height: 1.6em;
  text-align: center;
}
#network_bar { color: #818cb0; border-color: #ccccff; }