/**
    Redefine the html tags
*/

body {
    background-color:        white;
    font-family:            verdana, tahoma, sans-serif;
    font-size:                12px;
    color:                    black;
    margin:                   0px;
    padding:                0px;
    position:   absolute;
    left:   0px;
    width:  1000px;
}

table {
    font-family:            verdana, tahoma, sans-serif;
    font-size:                12px;
    color:                    black;
}

img {
    border:                    0px;
}

form {
    margin:                    0px;
    padding:                0px;
}
a {
    color:                    #0f7cd1;
    text-decoration:        none;
}
a:hover {
    color:                    inherit;
    text-decoration:        underline;
}

input {
    font-size: 12px;
    vertical-align:  top;
}

h1{
    background-image:   url(/halogenweb/images/title.png);
    background-repeat:  no-repeat;
    color:  white;
    font-weight: bold;
    font-size: 14px;
    width:  auto;
    padding:  8px;
    margin: 0;
}

h4{
    color: red;
    font-weight: bolder;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0;
    margin: 3px;
}

form{
    display: inline;
}

button{
    font-size: 12px;
    vertical-align:  top;
}

/**
    Classes and ID's
*/

#header {
        height:                    87px;
        he\ight:                81px;    /* Quirks to Standard mode correction */
        border-bottom:            6px solid #6499cb;
        overflow:                hidden;
}

#left{

        float:                    left;
        height:                    87px;
        width:                    397px;
        padding:                 14px 0px 0px 16px;
        background-image:        url(/halogenweb/images/leftcurves.png);
        background-repeat:        no-repeat;
}

#right{
        float:                    right;
        height:                    81px;
        width:                    363px;
        background-image:        url(/halogenweb/images/rightcurvelogo.png);
        background-repeat:        no-repeat;        
}

#date{
    font-size:                11px;
    color:                    #85b3d7;
    font-weight:            bold;
    position: absolute;
    top: 30px;
}

#toolbar {
    background-color:        #7db2dd;
    height:                    25px;
    padding:                3px 0px 3px 0px;
    border-top:                1px solid #adc8e2;
    border-bottom:            1px solid #4c8ac0;

}

#toolbar #status{
        width:                    162px;
        height:                    16px;
        background-color:        #093;
        border:                    2px solid #c4ddf4;
        border-left:            0px;
        background-image:        url(/halogenweb/images/trafficicon.gif);
        background-repeat:        no-repeat;
        padding:                5px 0px 0px 32px;
        font-size:                11px;
        font-weight:            bold;
        color:                    white;
        float:                    left;
        padding-bottom:           2px;
}


#toolbar #status a{
    color:  white;
}

#toolbar #login {
    float:  right;
    font-size:                11px;
    font-weight:            bold;
    color: white;
    padding: 5px 15px 1px 1px;
}

#toolbar #loggedIn {
    float:  right;
    font-size:                12px;
    font-weight:            bold;
    color: green;
    padding: 5px 15px 1px 1px;
}

.content {
    width:auto;
    min-width:120px;
    margin:0px 210px 20px 190px;
    background-color:white;
    padding:10px;
    z-index:3;
}

.popupcontent {
    width:auto;
    max-width:750px;
    margin:20px 20px 20px 20px;
    background-color:white;
    padding:10px;
    z-index:3;
}

/* Left Side Structure */
#leftside {
    position:absolute;
    width:150px;
    left:0px;
    top: 120px;
    z-index:2;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:128px;
}

#leftside ul {
    padding: 0px;
    list-style-type: none;
    margin-left: 0px;
    margin-top: 3px;
    width: 175px;
    font-size: 98%;
    overflow: hidden;
    background-color: #8fa2b1;
}

#leftside li {
    padding-left: 5px;
    border-bottom: 2px solid #fff;
}


li a{
    display: block;
    background-image: url(/halogenweb/images/arrow.gif);
    background-position:    center left;
    background-repeat:  no-repeat;
    color: #fff;
    width: 175px;
    padding: 2px 2px 2px 12px;
    text-decoration: none;
    color:  #000;
}

.current a{
    font-weight:    bolder;
    display: block;
    background-image: url(/halogenweb/images/arrow_down.gif);
    background-position:    center left;
    background-repeat:  no-repeat;
    width: 175px;
    padding: 2px 2px 2px 12px;
    text-decoration: none;
    color:  #000;
}

#leftside a:hover{
    background-color: #369;
    color: #fff;
}

#leftside li li {
    background-color: #c4ced7;
}

#leftside li li a
{
    display: block;
    color: #000;
    background-image: url();
    width: 175px;
    padding: 3px 12px 1px 8px;
    text-decoration: none;
}

.subMenu{
    display: none;
    visibility: hidden;
}

.userMenu{
    background-color: #c4ced7;
    font-weight:    bolder;
}

#footer {
 position: relative;
 bottom: 10px;
 width: 100%;
 text-align: center;
}


/* Right Hand Side */
.synopsis {
    width:  150px;
    color:  #000;
    font-size:  11px;
    padding:    2px 2px 25px 2px;
    margin: 20px 8px 20px 8px;
}

#rightside {
    position:   absolute;
    right:      0px;
    top:        115px;
    z-index:    4;
    width:      190px;
    voice-family: "\"}\"";
    voice-family:inherit;
}

.more {
    padding: 0;
    margin-right: 5px;
    background-image:   url(/halogenweb/images/more.png);
    background-position:    bottom right;
    background-repeat:  no-repeat;
    width:  126px;
    height: 10px;
}

.synHeader{
    color:  black;
    font-weight: bold;
    background:   url(/halogenweb/images/right_header.gif) no-repeat top left;
    padding:    7px 0px 0px 26px;
    width:  142px;
    height: 30px;

}

.synMain{
    background:   url(/halogenweb/images/right_main.gif) no-repeat top left;
    padding: 10px 2px 2px 2px;
    width: 142px;
    height: 82px;
    line-height:   15px;
}

.helpSynHeader{
    color:  black;
    font-weight: bold;
    background:   url(/halogenweb/images/left_header.gif) no-repeat top left;
    padding:    7px 0px 0px 26px;
    width: 200px;
    height: 30px;

}

.helpSynMain{
    background:   url(/halogenweb/images/left_main.gif) no-repeat top left;
    padding: 10px 2px 2px 2px;
    width: 200px;
    height: 82px;
    line-height:   15px;
}

.synBottom{
    background:   url(/halogenweb/images/syn_bottom.png) no-repeat bottom right;
    width: 150px;
}

.helpDesk{
    padding: 0px 0px 0px 5px;
    font-weight:900;
    font-size:  14px;
    color:  red;
}

#helpEmail a{
    background:   url(/halogenweb/images/ha_arrow.gif) no-repeat left;
    padding: 0px 0px 0px 30px;
    font-size:  14px;
    color:  red;
}

#helpEmail a:hover{
    background:   url(/halogenweb/images/ha_arrow.gif) no-repeat left;
    padding: 0px 0px 0px 30px;
    color:  blue;
}


.available{
    padding: 5px 0px 0px 6px;
    width: 170px;
    height: 30px;
    font-size: 11px;
    font-weight: bolder;	
   
}

.imageText{
    float: left;
    display:    inline;
    margin: 5px 5px 5px 5px;
    width:  auto;
    border: 1px solid grey;
}

#contactDetails{
    width: 200px;
}

#secureHeader{
    font-weight:    bold;
    padding: 20px;
    font-size: 14px;
}

#statusTable{
    font-size: 11px;
    width: 720px;
}

#statusTable td{
	padding: 5px;
}

#statusTable th{
    background-color: #8fa2b1;
}

#statusTable th a:hover{
    color: #ffff33;
}
#statusTable th a{
    color: black;
}

#statusTable th.sortASC{
    background:   url(/halogenweb/images/order_asc.gif) no-repeat center right;
    background-color: #8fa2b1;
}
#statusTable th.sortDESC{
    background:   url(/halogenweb/images/order_desc.gif) no-repeat center right;
    background-color: #8fa2b1;
}
#statusTable th.none{
    background-image:   none;
}

#statusTable tr.even {
    background-color:   #e2e7ec;
}

#statusTable tr.odd {
    background-color:   #c4ced7;
}

#statusTable span.supplier {
    cursor: help;
}

.supportKey{
    font-size: 11px;
}

.supportKey th{
    background-color: #8fa2b1;
}

.supportKey tr{
    background-color:   #c4ced7;
}

#downloads{
    font-size: 12px;
    width: 550px;
}

#downloads th{
    background-color: #8ea2b2;
    text-align: left;
    padding: 5px;
}

#downloads tr{
    background-color:  #f5f5f5;
    height: 30px;
    padding: 5px;
}


.systemStatusGREEN{
    color: #009933;
    font-weight: bold;
}
.systemStatusAMBER{
    color: #ff9933;
    font-weight: bold;
}
.systemStatusRED{
    color: red;
    font-weight: bold;
}
.systemStatusLegend{
	margin-top: 15px;
	font-size:80%;
	width: 700px;
}
.systemStatusNavigation
{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 700px;
}

.contactUsTable{
	margin-top: 17px;
}

.contactUsTableHr{
	margin: 12px 0px 18px 0px;
}