* html #contentbox {
    position:static
}

* html #infobox .minheight {
    height:165px
}

* html #menu {
    height:279px;
}
#splash-page {
    height:260px;
}

* html #menu li {
    display:inline
}

* html #menu li a,#menu h1 {
    width:175px
}

* html #menu ul,form,#copybox p,#infobox h4,#menu li a,#subinfobox .banner.b2 p.info,#subinfobox li,#subinfobox ul {
    margin:0
}

* html #msg-body {
    height:50px
}

* html #subinfobox .banner {
    height:130px
}

* html input.submit {
    height:1.9em;
    padding:0 0 1px 0
}

* html input.submit,#subinfobox li {
    line-height:130%
}

a:active,a:visited,a {
    color:#17441b
}

a:active,a:visited,a,a:hover,#copybox p a {
    text-decoration:underline
}

a:hover,#subinfobox .banner h4 {
    color:#c00
}

body {
    font:85% verdana,sans-serif normal;
    background:url(/images/background.gif);
    color:#555;
    width:99%
}

body,html {
    height:100%
}

body,#menu {
    text-align:center
}

form,#subinfobox ul {
    padding:0
}

hr {
    display:none
}

input {
    font-size:93%
}

input,input.submit,select {
    vertical-align:middle
}

input.submit {
    background:#55c;
    border:1px solid #fff;
    font:bold 77% Verdana,lucida,sans-serif;
    height:1.8em;
    padding:0 5px 2px 5px
}

input.submit,#menu li a.highlighted,#menu li a:hover {
    color:#fff
}

select {
    font:87% Arial,sans-serif
}

.clr {
    clear:both;
    display:block;
    overflow:hidden
}

.clr,#subinfobox .clr {
    height:1px
}

#copybox {
    height:2em;
    margin-top:1em
}

#copybox p,#copybox p a,#copybox p a:hover {
    color:#999
}

#copybox p,#menu,#splash-page,#subinfobox .banner.b1,#subinfobox .banner.b2,#subinfobox .banner.b3,#subinfobox .banner.b4 {
    float:left
}

#copybox p,#subinfobox .inner.smallfont p {
    font-size:85%
}

#copybox p a:hover,#menu li a {
    text-decoration:none
}

#copybox p.symbio {
    float:right
}

#headbox {
    margin:0 0 0 4px
}

#headbox,#subinfobox {
    /*position:relative*/
}

#headbox,#subinfobox,#subinfobox .clr {
    width:752px
}

#infobox {
    background:url(/images/background01.gif) #fff 0 0 repeat-x;
    margin-bottom:20px;
    width:750px
}

#infobox,#infobox h4 {
    padding-left:2px
}

#infobox .clr,#mainbox,#subinfobox .clr {
    background:#fff
}

#infobox .clr {
    height:4px;
    width:700px
}

#infobox .minheight {
    min-height:165px
}

#infobox h4 {
    color:#333;
    font:100% Tahoma,"Lucida Grande CE",lucida,sans-serif;
    padding:5px
}

#mainbox {
    padding:4px 0 0 0
}

#mainbox,#page {
    width:760px
}

#menu {
    background:#cde1f9;
    min-height:279px;
    width:186px;
    z-index:100
}

#menu,#subinfobox .banner {
    height:auto
}

#menu h1,#menu li a {
    border-bottom:1px solid #fff
}

#menu h1,#page {
    margin:0 auto
}

#menu h1 {
    padding:17px 0 20px
}

#menu img {
    border:0
}

#menu li,#page {
    text-align:left
}

#menu li {
    width:185px
}

#menu li a {
    font:77% verdana,geneva,arial,helvetica,sans-serif bold;
    padding:4px 0 4px 10px
}

#menu li a,#subinfobox p.link a {
    color:#000
}

#menu li a.highlighted {
    background:#79c
}

#menu li a:hover {
    background:#0000a8
}

#pagecontent {
    padding-left:4px;
    font-size:85%
}

#splash-page {
    /*background:url(/images/splash.jpg) 0 0 no-repeat;*/
    margin-left:1px;
    width:565px
}

#subinfobox {
    background:url(/images/background02.gif) left top repeat-y
}

#subinfobox .banner {
    min-height:130px
}

#subinfobox .banner h4 {
    font:132% Tahoma,"Lucida Grande CE",lucida,sans-serif;
    margin:0 0 5px 0
}

#subinfobox .banner.b1,#subinfobox .banner.b2,#subinfobox .banner.b3,#subinfobox .banner.b4 {
    background:url(/images/background_banner.jpg) left top repeat-x
}

#subinfobox .banner.b1,#subinfobox .banner.b2,#subinfobox .banner.b3 {
    margin-right:4px
}

#subinfobox .banner.b1 {
    width:182px
}

#subinfobox .banner.b2 {
    width:188px
}

#subinfobox .banner.b2 p.info,#subinfobox li,#subinfobox p.link a {
    font-size:87%
}

#subinfobox .banner.b2 p.info {
    line-height:120%
}

#subinfobox .banner.b3 {
    width:187px
}

#subinfobox .banner.b4 {
    width:183px
}

#subinfobox .inner {
    padding:7px 10px 5px 10px
}

#subinfobox .inner.smallfont p {
    margin:10px 0
}

#subinfobox a:hover {
    color:#c00 !important
}

#subinfobox form {
    margin:7px 0 0 0
}

#subinfobox li {
    list-style-type:none;
    padding:0 0 0 8px
}

#subinfobox p.info {
    font-size:87% !important;
    margin:5px 0 !important
}

#subinfobox p.link {
    margin:0.6em 0 0 0
}

#subinfobox p.link a {
    font-weight:bold
}

.title td, .title th {
    border-top:10px #FFF solid;
    border-bottom:5px #FFF solid;
    font-weight:bold;
    background-color: #CDE1F9;
    background: url(http://ict.informvm.co.uk/images/sortable/bg_header.jpg);
    color: #333;
    padding:3px;
}


.bold {
    font-weight:bold;
}
.hidden {
    display:none;
}

.toggleMaster {
    cursor:pointer;
}
.styled {
    padding: 5px;
    border: 1px solid #819CD7;
    background: #CDE1F9;
    width:100px;
    font-size:0.9em;
    font-weight:bold;
    text-decoration:none;
    color: #333;

}
button.styled {
    margin:5px;
}
form button {
    border: 1px solid #819CD7;
    background: #CDE1F9;
    font-size:1em;
    font-weight:bold;
    color: #333;
    padding:3px;
    margin-left: 4px;

}
.customerTable {
    border-collapse: collapse;
}

.customerTable td {
    font-family:Verdana,Sans;
    font-size: x-small;
    color:#111;
    border-bottom:1px solid #ddd;
}
.randomBoxContainer { 
    text-align:center;position:absolute;top:300px;width:120px;font-size:normal;font-family:trebuchet ms;font-weight:bold;margin-left:20px;padding:0;
}
.randomBox {
    background:#CDE1F9;border:1px solid #aaccee;padding:4px;margin-top:10px;
}
.randomBox a {
    text-decoration:none;
}
.red td {
    background: #d00;
    color: #fff;
}
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    text-align: left;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip.pretty {
    font-family: Arial;
    border: none;
    width: 210px;
    padding:20px;
    height: 135px;
    background: url(http://ict.informvm.co.uk/images/shadow.png);
    font-size: 8pt;
    text-align: left;
}
#tooltip.pretty h3 {
    margin-bottom: 0.75em;
    font-size: 10pt;
    width: 220px;
    text-align: left;
}

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }