/*
Colours
links       #0B486B
h1          #3B8686
background  gainsboro
*/


A:link {text-decoration: none; color:#0B486B}
A:visited {text-decoration: none; color:#0B486B}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: #363636;}

html{
    height:100%;
    min-width:1024px;
}

body{
    height:100%;
    font-family:"Open Sans";
    font-size:1em;
    color:#363636;
    margin:0;
    padding:0;
}

h1{
    color:#D84F1A;
    font-weight:normal;
    font-size:1.5em;
    padding:0;
    margin:0 0 10px 0;
}

th {
    text-align:left;
}

.note{
    font-size:.8em;
    font-weight:normal;
    color:grey;
}

select{
    font-size:1em;
}

input{
    font-size:1em;
}

textarea{
    font-size:1em;
    width:100%;
}

.bold{
    font-weight:bold;
}

h2{
    font-weight:normal;
    font-size:1.5em;
    margin:0 0 10px 0;
    padding:0;
    clear:both;
}

h3{
    font-weight:bold;
    font-size:1em;
    margin:0;
    padding:0;
}

ul{
    list-style:none;
    margin:0;
    padding:0;
}

/*
input#submit{
    display:inline-block;
    background:#0B486B;
    color:white;
    border-radius:5px;
    font-family:"Open Sans";
    border:none;
    font-size:1em;
    cursor:pointer;
}
*/

input#submit:hover{
    color:gainsboro;
}


#header{
    background:#0B486B;
    color:white;
    font-size:2em;
    padding:10px 0px;
    text-align:center;
}
#container {
    min-height:100%;
    position:relative;
}

#content{
    padding:0 0 160px 0;
    margin:0 0 0 0;
}
#page{
    margin:10px;
}
#footer{
    position:absolute;
    bottom:0;
    width:100%;
    font-size:.85em;
    text-align:center;
    height:60px;
}


#userbar{
    position:relative;
    width:780px;
    margin:0 auto 0px auto;
}
.pwd{
    position:absolute;
    right:0;
    top:0;
    }
#menubar{
    text-align:center;
}
#menubar li{
    font-size:1em;
    display:inline-block;
    margin:0px 10px 20px 10px;
}



#info{
    list-style:none;
    margin:0 0 20px 0;
    padding:0;
}

.field{
    width:220px;
    display:inline-block;
}
.label{
    width:140px;
    display:inline-block;
}

.errors{
    color:#D84F1A;
}



.enditem{
    display:inline-block;
    font-size:0;
    width:100%;
    height:0;
    padding:0;
    margin:0;
}


.but{
    border-width:0;
    display:inline-block;
    border-radius:5px;
    cursor:pointer;
    background:#0B486B;
    color:white;
    text-align:center;
    padding:8px;
    margin:0 0 10px 0;
}
A.but:link {text-decoration: none; color:white}
A.but:visited {text-decoration: none; color:white}
A.but:active {text-decoration: none}
A.but:hover {text-decoration: none; color: gainsboro;}
.but:hover {text-decoration: none; color: gainsboro;}


.sectionheader{
    display:inline-block;
    font-size:1.5em;
    margin:20px 0 20px 0;
}

.group-title:hover{
    cursor:pointer;
    }
.group-title{
    width:100%;
    color:#0B486B;
    font-size:1.2em;
}
.group-title:hover{
    cursor:pointer;
}

.groupwrapper{
    width:800px;
}
.group{
    display:block;
    background:gainsboro;
    border-radius:5px;
    margin:0 0 10px 0;
    padding:10px;
}
.group a:hover{
    color:#363636;
}
#viewquote .group{
    width:600px;
}
.group ul{
    list-style:none;
    padding:0;
    margin:0;
}


.submit{
    display:block;
}

#wait{
    color:#0B486B;
    display:block;
    padding:10px 0 10px 0;
    
}

table#quote{
    /* this is so it pastes nicely into a word doc */
    width:600px;
    margin:auto;
    color:black;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}


/*
table#products td{
    padding:8px;
}
*/

table{
    border-collapse:collapse;
    margin:0;
    padding:0;
}

td{
    text-align:left;
    vertical-align:top;
    padding:5px;
}

th{
    padding:5px;
}

.cen{
    text-align:center;
}
.top{
vertical-align:top;
}
.right{
    text-align:right;
}

.left{
    text-align:left;
}

.none{
    border-style:none;
    border:0;
    border-collapse:collapse;
}

.rev{
    background:black;
    color:white;
}

.price{
    text-align:center;
}

.colbut{
    color:#0B486B;
}

.tabledesc{
    font-size:0.8em;
}

.bottom2{
    font-weight:bold;
    border-bottom-style:solid;
    border-bottom-width:2px;
}

.bottom1{
    border-top-style:dotted;
    border-top-width:1px;
}


#supoptions{
    background:#0B486B;
    padding:15px;
    border-radius:5px;
    color:white;
    margin-bottom:20px;
}

.supplierinfo.missing{
    background:#0B486B;
    color:white;
}
.supplierinfo.missing h2{
    color:white;
}
.supplierinfo.missing li{
    padding:0;
    margin:0;
}

input#submit.select{
    width:100%;
}
.floatright{
    float:right;
}
.items{
    width:230px;
    margin:0;
    border-radius:5px;
}
.change{
    margin:0 0 10px 0;
}

.items ul{
    padding:0;
    margin:0 0 10px 0;
    list-style:none
}
.items a{
    width:230px;
}

.greytext{
    vertical-align:bottom;
    color:#666666;
}

.middle{
    text-align:center;
}

#viewquote{
    margin:auto;
    width:600px;
}

#viewquote h3{
    margin-top:10px;
}
#viewquote .group-title{
    margin-bottom:10px;
}

#supsearch{
    margin:20px auto 0 auto;
    width:600px;
    text-align:left;
}
#supsearch h1{
    margin-top:20px;
}

#searchbox{
    display:inline-block;
    text-align:left;
}


#userpage{
    width:600px;
    margin:auto;
}

#datapage{
    width:800px;
    margin:auto;
}
#datapage .group{
    width:800px;
}
#datapage table{
    width:100%;
}
#datapage .halfpage{
    width:40%;
    display:inline-block;
}
#datapage td{
    vertical-align:bottom;
}
#datapage .narrow{
    width:10%;
}
#itempage{
    width:400px;
    margin:auto;
}
#itempage .group{
    width:400px;
    padding:10px;
}
#itempage table{
    width:100%;
}
#profilepage{
    width:450px;
    margin:auto;
}
#profilepage .group{
    width:100%;
    padding:20px;
}
#profilepage .label{
    vertical-align:top;
    width:25%;
}
#profilepage li{
    margin-bottom:10px;
}
#profilepage textarea{
    width:100%;
}
#profilepage input{
    width:100%;
}

.page980{
    max-width:980px;
    margin:auto;
}
.page1024{
    width:1004px;
    margin:auto;
}
.unsel{
    background:#0B486B;
    color:gainsboro;
}
.sel{
    background:gainsboro;
    color:#363636;
    font-weight:bold;
}

.unsel:hover{
    color:gainsboro;
}

.sel:hover{
    color:#363636;
}

#tab li{
    text-size:.8em;
    padding:7px;
    min-width:40px;
    border-radius:10px 10px 0 0;
    margin:0;
}
#editpage{
    width:500px;
    margin:auto;
}
#editpage li{
    margin-bottom:10px;
    vertical-align:top;
}
#editpage .group{
    margin-top:10px;
}
#editpage .label{
    vertical-align:top;
}
#id_description{
    height:100px;
}
#editpage .field{
    width:330px;
}

#manageusers{
    width:400px;
    margin:auto;
}
#manageusers .group-title{
    margin-bottom:10px;
}
#manageusers .group-title:hover{
    cursor:auto;
}
#manageusers .greytext{
    margin-bottom:10px;
}
#manageusers .group-title{
    color:#363636;
}
#userdetails{
    width:400px;
    margin:auto;
}
#userdetails .group{
    padding:20px;
}
#userdetails .label{
    width:90px;
}
#userdetails li{
    margin-bottom:10px;
}
.hide{
    font-size:0;
}

#centreoptionscontainer{
    text-align:center;
}
#centreoptionspage{
    text-align:left;
    display:inline-block;
}
#selectoptions{
    display:inline-block;
    vertical-align:top;
    margin-right:10px;
}
#selectoptions .label{
    width:300px;
}

#triggroup{
    vertical-align:top;
    display:inline-block;
    width:420px;
    margin:0;
}
.triggerdescription{
    margin:10px 0 10px 0;
}
.triggerheader{
    margin:10px 0 10px 0;
}



#createtriggerpage{
    width:800px;
    margin:auto;
    text-align:justify;
}
#triggernote{
    margin:10px 0 10px 0;
    width:440px;
}
#triggertext input{
    width:300px;
    margin-bottom:10px;
}
#triggertext textarea{
    height:100px;
    width:300px;
}

#triggerpage{
    width:600px;
    margin:auto;
}

.toggle{
    color:#0B486B;
    cursor:pointer;
}

#supplierdata{
    width:600px;
    margin:auto;
}

#supplierprofile{
    width:600px;
    margin:auto;
}

#supplierprofile .field{
    width:400px;
}
#supplierprofile .label{
    vertical-align:top;
}
#supplierprofile input[type=text]{
    width:100%;
}
#supplierprofile textarea{
    height:100px;
}
#supplierprofile li{
    margin-bottom:10px;
}

#inactivepage{
    width:600px;
    margin:50px auto 0 auto;
}
#loginpage{
    width:400px;
    margin:50px auto 0 auto;
    text-align:left;
}
#login{
    margin:0 auto 10px auto;
    display:inline-block;
}
#loginform{
    list-style:none;
    margin:0 0 0 0;
}
#loginform .label{
    width:400px;
}
#greeting{
    margin-top:50px;
}


#viewquotepage{
    width:600px;
    margin:auto;
}

#quotepage{
    max-width:800px;
    margin:auto;
}
#topgroup{
    list-style:none;
    margin:0;
    padding:0;
    text-align:justify;
}

#quotesave{
    height:30px;
}
#selectpage{
    width:800px;
    margin:auto;
}

.restrictions{
    color:#666666;
    margin-bottom:10px;
}

.kpi_s{
    margin-top:10px;
    margin-bottom:10px;
}


#selectlist{
    display:inline-block;
    width:470px;
    margin:10px 0 0 0;
    padding:0;
}
#select{
    width:300px;
    margin:10px 20px 0 0;
    display:inline-block;
    vertical-align:top;
}
.supplierinfo{
    background:gainsboro;
    border-radius:5px;
    margin:0 0 10px 0;
    padding:10px;
}
#select li{
    padding:5px;
}
.select{
    width:300px;
}
.changebut{
    width:380px;
}
#passwordpage{
    width:410px;
    margin:auto;
}
#passwordpage .group{
    padding:20px;
}

#errorpage{
    width:600px;
    text-align:center;
    margin:50px auto 0 auto;
}
#supportpage{
    width:600px;
    margin:auto;
}
#supviewquote{
    max-width:800px;
    margin:auto;
}
#supviewquote table{
    width:780px;
}
#supviewquote h2:not(.data_centre){
	margin-top:3rem;
}
#supviewquote h3{
	margin-top:1rem;
}
#docspage{
    width:600px;
    margin:auto;
    text-align:justify;
}
#topics ul{
    list-style:disc;
    margin:20px;
    padding:10px;
}

#staffpage{
    width:800px;
    margin:auto;
}

#versionpage{
    width:500px;
    margin:auto;
}

#bandpage{
    max-width:800px;
    margin:auto;
}
#bandpage table{
    width:100%;
}
#editbandpage{
    width:400px;
    margin:auto;
}
#editbandpage .input{
    width:50px;
}
.page400{
    width:400px;
    margin:auto;
}
.page450{
    width:450px;
    margin:auto;
}
.page600{
    width:600px;
    margin:auto;
}
.page780{
    width:780px;
    margin:auto;
}
.page800{
    width:800px;
    margin:auto;
}
.orange{
    color:#D84F1A;
}
.justify{
    text-align:justify;
}
#id_name{
    width:100%;
}
#id_specification{
    height:4em;
    width:100%;
}
#id_section{
    width:100%;
}
#id_tag{
    width:100%;
}
.inline{
    display:inline-block;
    margin-right:20px;
}
.fullwidth{
    width:100%
}
.small{
    font-size:.9em;
}
.justify{
    text-align:justify;
}
.bot{
    vertical-align:bottom;
}

table.nopad td{
    padding:0 1em 0 0;
    margin:0;
}
table.quote td{
    font-size:.95em;
    padding:2px;
    margin:0;
}
.new-inact{
    background:gainsboro;
}
.inact{
    background:#c1c1c1;
}
.active0{
    background:lightyellow;
}
.active1{
    background:lightyellow;
}
.active2{
    background:lightyellow;
}
.new{
    background:#D1F0F0;
}
.susp{
    background:lightpink;
}
.comment{
    margin:10px 0 10px 0;
    padding:10px;
    border-radius:4px;
    background:wheat;
    width:580px;
    position:relative;
}
.comment:before{
    left: 10px;
    top: -22px;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    border-bottom-color: wheat;
    border-width: 11px;
}
br.half{
    line-height:.2em;
}
.width480{
    width:480px;
}
#form tr{
    vertical-align:top;
}
.min100{
    min-width:100px;
}
.pagination{
    display:inline-block;
    margin:20px 0;
    float:right;
    font-size:.9em;
    display:inline-block;
}
.pagination A{
    background:#0B486B;
    color:white;
    padding:3px 6px;
    border-radius:3px;
}
#browse_download{
    margin-top:30px;
		text-align:right;
}
#terms ul{
    list-style:disc;
    margin:20px;
}

/* qag_search */

#qag_search h1{
    margin-bottom:20px;
}
#qag_search h2{
    margin-top:20px;
}
#qag_search .but{
    font-size:.9em;
}
.search_table{
    margin-bottom:15px;
}
.search_table tr.bottom1{
    padding-bottom:10px;
}
.search_table th{
    font-weight:normal;
    padding:2px;
    font-size:.9em;
}
.search_table td{
    padding:2px;
    font-size:.95em;
}
.search_table td .small{
    font-size:.8rem;
    vertical-align:middle;
}
.search_table input[type=text]{
    max-width:320px;
    min-width:320px;
}
.stack{
    display:inline-block;
    vertical-align:top;
    min-width:200px;
}
.result{
        background:#f6f6f6;
        border-radius:10px;
        border:solid 1px #ccc;
        padding:10px;
        margin-bottom:20px;
}
.result_details{
    min-width:50%;
    max-width:50%;
}
.result h3{
    font-weight:normal;
    margin-bottom:10px;
}
.result td{
    font-size:.95em;
}
.regions{
}
.result a.but{
    margin-top:15px;
    padding:5px 8px;
}
.rates{
    background:#D84F1A;
}
#reset_link{
    color:#666666;
}