/* Page setup */

html, body
{
    margin: 0px;
    border: 0px;
    padding: 0px;
    height: 100%;
    font-size: 16px;   /* overrides bootstrap */
}

body
{
    font-family: verdana, Arial, Helvetica, sans-serif;
    background: #fff; /*color: #696969;*/
    color: #000000;
    font-size: 75%;
}

h1
{
    color: #1f518a;
    font-size: 20px;
    font-weight: bold;
}
h2
{
    color: #3053c2;
    font-size: 18px;
    font-weight: bold;
}

a:link
{
    color: #0000ff;
    text-decoration: none;
}

a.button:link
{
    color: #2E6E9E;
}

a.button
{
    display: -moz-inline-box;
    display: inline-block;
}

a:visited
{
    color: #0000ff;
    text-decoration: none;
}
a:hover
{
    color: #0000ff;
    text-decoration: underline;
}
a:active
{
    color: #12eb87;
}

a img
{
    border: medium none;
}
/*
hr
{
    color: #1f518a;
    background-color: #1f518a;
}
*/
/*
using jQuery UI buttons

input[type="button"], input[type="submit"], input[type='file'], button
{
    border: 1px solid #666;
    color: #000;
    text-decoration: none; 
}*/
input[type='file']
{
    width: 500px;
}

input[type="text"]
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="number"]
{
    width: 200px;
    border: 1px solid #CCC;
}

.wideemailinput
{
    width: 300px;
}

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

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

/*
.disabledbutton
{
    color: Black;
}

.disabledbutton:active, .disabledbutton:hover
{
    cursor: text;
}
*/
fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend  
{
    font-size: 1.2em;
    font-weight: bold;
    color: #5775d5;
    font-weight: bold;
    width: auto;
    border-bottom: none;
}


legend.smallLegend
{
    font-size: 1.0em;
    font-weight: bold;
    color: #5775d5;
    font-weight: bold;
    width: auto;
    border-bottom: none;
}

input[type="password"]
{
    width: 200px;
    border: 1px solid #CCC;
}

textarea
{
    width: 400px;
    border: 1px solid #CCC;
    overflow: auto;
    
   /* font-family: inherit; */ /*font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;*/
    
    font-family: verdana, Arial, Helvetica, sans-serif;
    font-size: inherit;
}


select
{
    width: 205px; /*height: 8em;*/
    border: 1px solid #CCC;
    overflow: auto;
}

select[multiple="multiple"]
{
    width: 600px;
}



table thead th
{
    /*font-weight: normal;*/
    font-size: 10pt;
    padding: 8px 0px 8px 10px;
    text-align: left;
    background-color: #bdd2ff;
    color: #21578a;
}

td
{
    border-top: #999999 1px solid;
    padding-left: 10px;
    padding-right: 5px;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px; /*line-height: 1.5;*/
}

table
{
    font-size: 11px;
    color: #333333;
    width: 100%;
    border-collapse: collapse; /* won't work in IE6 and below */
}

table caption
{
    display: none;
}

table tbody th
{
    /*font-weight: bold;*/
    background-color: #efefef;
    border-top: #21578a 1px solid;
    height: 2.4em;
    padding-left: 10px;
    text-align: left;
    font-weight: normal;
}

ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    line-height: 1.6; /*     float: left;     max-width: 500px;*/
}
li
{
    /*     display:inline-block;*/ /*     max-width: 500px;     display: inline-block;     */ /* or display: inline-block; */
}

/* specific stuff */

.blockdiv
{
    display: block;
}

.leftblock
{
    float: left;
}

.rightblock
{
    float: left;
}

.topblock
{
 
}

.bottomblock
{
    clear: both;
}

.validatorblock
{
    margin-left: 8px; 
    padding-top: 2px;
}

.cke_contents {
    width: 500px !important;
}

.titleheader
{
    font-size: 1.2em;
    font-weight: bold;   
    color: Blue;
}

.itemStatus
{
    color: #0000ff;
    font-weight: bold;
}

.displayhighlight
{
  /*color: #0000ff; */
    font-weight: bold;
}

.statusdisplay
{
    color:Blue;
    font-weight: bold;
}

.advicedisplay 
{
    color:Red;
    font-weight: bold;
}

.bulletlist
{
    list-style-type: disc;
    padding-left: 2.2em;
}

.subbulletlist
{
    list-style-type: circle;
    padding-left: 2.0em;
}

/*  tooltip  */

.tip, .bigtip, .biggesttip, .manualtip, instructionaltooltip
{
    /*float: right;*/
    /*table-layout: fixed;*/
    background: transparent Url('../Images/tooltip/HelpOff.png');
    width: 18px;
    height: 18px;
    margin-left: 5px;
    margin-top: 2px;
    
    
}

.tip:active, .bigtip:active, .biggesttip:active, .manualtip:active, .instructionaltooltip:active
{
    background: transparent Url('../Images/tooltip/HelpOn.png');
}

.tip:hover, .bigtip:hover, .biggesttip:hover, .manualtip:hover, .instructionaltooltip:hover
{
    background: transparent Url('../Images/tooltip/HelpOn.png');
}

.tooltip
{
    display: none;
    background: transparent Url('../Images/tooltip/white.png');
    background-color: transparent;
    font-size: 12px;
    height: 59px;
    width: 160px;
    padding: 25px;
    color: #000000;
    vertical-align: top;
}

.bigtooltip
{
    display: none;
    background: transparent Url('../Images/tooltip/white_bigger.png');
    background-color: transparent;
    font-size: 12px;
    height: 75px;
    padding: 25px;
    width: 195px;
    color: #000000;
    vertical-align: bottom;
}

.biggesttooltip
{
    display: none;
    background: transparent Url('../Images/tooltip/white_big.png');
    background-color: transparent;
    font-size: 12px;
    height: 140px;
    padding: 25px;
    width: 315px;
    color: #000000;
}

.instructionaltooltip
{
    display: none;
    /*background: transparent Url('../Images/tooltip/white_big.png');*/
    background: transparent Url('../Images/tooltip/white_instruction.png');
    background-color: transparent;
    font-size: 12px;
    height: 400px;
    padding: 25px;
    width: 750px;
    color: #000000;
}

/*  end tooltip  */

.testbackground
{
    background-image: Url(/Images/Background/training.gif); /*     background-attachment: fixed;     background-repeat: no-repeat;     background-position: center;     */
}

.withdrawnbackground
{
    background-image: url(/Images/Background/withdrawn.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

.notawardedbackground
{
    background-image: url(/Images/Background/NotAwarded.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
}

.xlargeselect
{
    /*width: 40em;*/
    width: 400px;
}

.multiselect
{
    width: 400px;
}

.largemultiselect
{
    width: 600px;
}

.multiselect-display-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 110%;
}

.multiselect-display-item {
    /* Icon from http://pinvoke.com/ */
    background: #fff no-repeat right center;
    border-left: solid 1px #eee;
    border-top: solid 1px #eee;
    border-right: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
    cursor: pointer;
    padding: 0.2em 0.3em;
    margin: 1px 0;
}

div.ui-dialog.ui-widget input, div.ui-dialog.ui-widget select, div.ui-dialog.ui-widget textarea, div.ui-dialog.ui-widget button {
    font-family: verdana, Arial, Helvetica, sans-serif;
}

input[type="text"].xlargetextbox
{
    width: 400px;
}

/*  Ajax loading  */

.smallAjaxLoader
{
    margin-left: 2px;
    margin-top: 2px;
    float: right;
    display: none;
}

/*  end Ajax loading  */

/* table and boxes */

.buttonbox
{
    margin-left: 1.4em;
    min-width: 1200px;
    padding-bottom: 2.4em;
    padding-top: 1.4em;
    text-align: center;
}

.tableInformationBox
{
    border: #21578a 1px solid;
}

.tableInformationBox .tableInformationBoxHeader
{
    background-color: #21578a;
    color: White;
    padding: 5px 0px 5px 10px;
    font-weight: bold;
    font-size: 11pt;
}

.tableinitemrow
{
    margin: 0px 15px 10px 15px;
}

.tableinitemrow .tableInformationBox
{
    border-color: #999999;
}

.tableinitemrow .tableInformationBox table tbody th
{
    border-top-style: none;
}

/*
.togglePlus
{
    background-image:url(/Images/Icon/icon_plus.png);
}

.toggleMin
{
    background-image:url(/Images/Icon/icon_min.png);
}
*/
.legendtogglelink, .legendtogglelink:hover
{
    text-decoration: none;
}

.legendtogglelink:active, .legendtogglelink:hover
{
    color: Black;
}

#mainContainer
{
    min-width: 900px; 
    width: expression(document.body.clientWidth < 900 ? "900px": "auto" ); 
}

#wrap_outer
{
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#wrap_inner
{
    float: left;
    margin-top: 135px;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
}

#wrap_inner #tempMessage
{
    /*     width: 550px;     font-family: Verdana;     font-size: 14px;     color: #FF0000;     margin: 10px auto;     padding: 10px;     background: #FFFFCC;     border: 2px solid #FF0000;               display: none;     */
}

#spacer
{
    float: left;
    height: 100%;
    margin-bottom: -101px;
    margin-right: -1px;
    position: relative;
    width: 1px;
}

#content
{
    /* margin: 0px 5px; */
    margin: 0px 10px 5px 10px;
}

/* only in content */

.content .speciala:link
{
    color: #0000ff; /*color: #505abc;*/
    text-decoration: none;
    font-weight: bold;
}

.content .speciala:visited
{
    color: #0000ff; /*color: #505abc;*/
    text-decoration: none;
    font-weight: bold;
}
.content .speciala:hover
{
    color: #0000ff; /*color: #505abc;*/
    text-decoration: underline;
    font-weight: bold;
}
.content .speciala:active
{
    color: #12eb87;
    font-weight: bold;
}



/* end only in content */


/* Header definitions */

#TG-header
{
    position: absolute;
    width: 100%;
    height: 102px;
    left: 0px;
    top: 0px;
    background-color: #fff;
    z-index: 3;
}

#TG-title-wog
{
    float: left;
    width: 530px;
}

#TG-logoRow
{
    float: left;
    height: 84px;
    max-height: 84px;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    font-size: 13px;
}

#TG-logoRow h1
{
    font-size: 19px;
}

#TG-logoRow a
{
    text-decoration: none;
}

#TG-title-wog a
{
    text-decoration: none;
}

#TG-header > #TG-logoRow
{
    overflow: hidden;
}

#TG-logo
{
    border-right: 1px solid #000000;
    display: block;
    float: left;
    margin-top: 6px;
    padding: 0pt 7px 8px;
    width: 92px;
}

#TG-spot
{
    float: right;
    margin: 0px;
    width: 250px;
}

#TG-tag-home
{
    float: left;
    width: 106px;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    border-right: 1px solid #fff;
    text-transform: none;
}

#TG-taglineRow
{
    background: #21578a none repeat scroll 0%;
    border-top-color: #000000;
    border-bottom-color: #ffffff;
    border-style: solid none;
    border-width: 1px medium;
    color: #FFFFFF;
    line-height: 15px;
    padding-bottom: 2px;
    text-align: right;
    font-size: 12px;
    width: 100%;
}

#TG-taglineRow a
{
    color: #FFFFFF;
    text-decoration: none;
}

#TG-taglineRow a:hover
{
    color: #DDDDDD;
}

#TG-taglineRow-right
{
    color: #FFFFFF;
    margin: 0pt 3px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10pt;
    float: right;
}

#TG-taglineRow-centre
{
    text-align: left;
    color: #FFFFFF;
    margin: 0pt 0px 0px 20px;
    text-decoration: none;
    font-size: 9pt;
    float: left;
}

#TG-tag-username
{
    text-transform: none;
}

#TG-title
{
    float: left;
    margin: 52px 0px 0px 10px;
    width: 400px;
}

#TG-title-wog, #TG-title-department, #TG-title-division
{
    float: left;
    width: 530px;
}

#TG-title-wog a, #TG-title-department a, #TG-title-division a
{
    text-decoration: none;
}

#TG-title-wog h1
{
    margin: 0pt 0pt 0pt 0px;
}

.clearfloat
{
    clear: both;
}

.nn
{
    clear: both;
}

/* Footer definitions */

#TG-footer
{
    background: #EEEEEE none repeat scroll 0%;
    border: 1px none #333333;
    border-top: 1px solid #000000;
    clear: both;
    color: #666666; /*height: 100px;*/ /* padding:1em; */
    overflow: hidden;
    position: relative;
    font-size: 10px;
    width: 100%;
}

#TG-footer .logo
{
    display: block;
    float: right;
    margin: 5px 5px 0px 0px;
    width: 92px;
}

#TG-footer hr
{
    display: none;
}

#TG-footer p
{
    margin: 5px 0px 10px 5px;
}

#TG-footer a
{
    color: #000000;
}

#TG-footer .links
{
    color: #000000;
}

#TG-footer .links a
{
    margin: 0pt 3px;
}

#TG-footer a:hover
{
    color: #CC3300;
}

#menucontainer
{
    position: relative;
}
#breadcrumb
{
    /*margin-left: 20px;*/
    font-size: 0.9em;
    margin: 5px 0px 10px 20px;
}

#searchcontainer
{
    background-color: #bdd2ff; /*padding-top: 0.75em;*/ /*padding-bottom: 0.75em;*/
    height: 2.6em;
    text-align: right;
    padding-right: 1.0em;
    
    display: block;
}

#searchcontainer input
{
    margin-top: 0.45em; 
}

#searchcontainer input[type="text"]
{
    width: 100px;
    margin-right: 0.3em;
    border-color: #13a;
}

#searchcontainer .ui-button .ui-button-text
{
    line-height: 1.2em; 
}

#searchcontainer .ui-button-text, .ui-button-text-only
{
    padding-bottom: 0.2em;
}

/* footer disclaimer for tenders and futureoppertunities */

.tender_footer_disclaimer
{
    background: #EEEEEE none repeat scroll 0%;
    border: 1px solid #696969;
    font-size: 9px;
    padding: 5px;
    margin-top: 15px;
}

/* footer disclaimer for tenders and futureoppertunities */

/*  adobe instructions  */

.adobe_footer_instructions
{
    border: 1px solid #eeeeee;
    font-size: 9px;
    padding: 5px;
    margin-top: 15px;
    color: #666666;
}

.adobe_footer_instructions .adobeImageBox
{
}

.adobe_footer_instructions .adobeImageFooterText
{
    page-break-before: always;
    margin-left: 20px;
}

.adobe_footer_instructions .adobeInstructionText
{
    margin-top: 10px;
    margin-left: 20px;
}

.adobe_footer_instructions .adobeInstructionText ul
{
    margin-top: 2.5px;
}

/*  end adobe instructions  */


/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

.errorbox
{
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.recaptcha-errors {
    font-weight: bold;
    color: #ff0000;
}


/* Styles for editor and display helpers
----------------------------------------------------------*/

.info-message-alert {
    font-weight: bold;
    color: #ff0000;
}

.info-message-success {
    font-weight: bold;
    color: Green;
}

.listitem-label-success {
    color: green
}

.listitem-label-warning {
    color: darkorange
}

.listitem-label-danger {
    color: #ff0000
}


.itemrow
{
    margin-bottom: 2.5px;
    padding-bottom: 1px;
    display: table;
    min-height: 20px; /* do we want this? */
    width: 100%; /* we don't want stuff to fall off! */
}

.firstitemrow
{
    margin-top: 10px;
}

.editor-label-narrow, .display-label-narrow {
    float: left;
    clear: left;
    width: 150px; /* 110px */
    display: table-cell;
    padding-right: 5px;
}

.editor-label, .display-label
{
    float: left;
    clear: left;
    width: 200px; /* 110px */
    display: table-cell;
    padding-right: 5px;
}

.editor-label-extra-wide, .display-label-extra-wide
{
    float: left;
    clear: left;
    width: 650px; /* 110px */
    display: table-cell;
}

.editor-label-medium-wide, .display-label-medium-wide
{
    float: left;
    clear: left;
    width: 515px; /* 110px */
    display: table-cell;
}

.editor-label-right, .display-label-right
{
    float: left;
    clear: none;
    width: 200px; /* 110px */
    display: table-cell;
    padding-right: 5px;
}

.editor-label-rightjustbold
{
    float: left;
    clear: none;
    width: 200px; /* 110px */
    display: table-cell;
    padding-right: 5px;
    text-align: right;
    font-weight: bold;
}


.editor-field, .display-field
{
    float: left;
    clear: right;
    display: table-cell; /*max-width: 100%;*/
    max-width: 75%;
    padding-left: 5px;
}

.display-field .richTextDisplay ul, .editor-field .richTextDisplay ul
{
    list-style-type: disc;
    padding-left: 40px;
}

.display-field .richTextDisplay p, .editor-field .richTextDisplay p
{
    margin-top: 3px;
    margin-bottom: 3px;
}


.editor-field text
{
    margin: 2 0 0 2;
}

.editor-box
{
    float: left;
    display: table-cell;
    clear: right;
    padding-bottom: 3px;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.editor-field-list-box
{
    width: 500px;
}

/* tender display */

.tendersdisplay .downloadImagesCell
{
    display: block;
    width: 50px;
}
.tendersdisplay .downloadImagesCell #leftDiv
{
    float: left;
}
.tendersdisplay .downloadImagesCell #rightDiv
{
    float: right;
}
.tendersdisplay h1
{
    margin-top: 5px;
    margin-bottom: 4px;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
}

.tendersdisplay .FilesCell
{
    width: 50px;
}

.tendersdisplay .unopenditem
{
    background-color: #E6F0A5 /* #FCFCE3;*/;
}

.tendersdisplay .tableInformationBox ul
{
    line-height: 2em;
}

.tendersdisplay .tableInformationBox .richTextDisplay
{
     line-height: 1em;
}

.tendersdisplay .tableInformationBox .richTextDisplay h1,.tendersdisplay .tableInformationBox .richTextDisplay h2,.tendersdisplay .tableInformationBox .richTextDisplay h3
{
    color:darkolivegreen;
    margin-top: 1px;
    margin-bottom: 1px;
}

.tendersdisplay .tableInformationBox .richTextDisplay h3
{
    font-size: 11px;
}

.tendersdisplay .tableInformationBox .richTextDisplay h2
{
    font-size: 12px;
}

.tendersdisplay .tableInformationBox .richTextDisplay h1
{
    font-size: 13px;
}


.tendersdisplay .tableInformationBox .richTextDisplay ul
{
    line-height: 1em;    
    padding-left: 20px;
    list-style-type: disc;
}

.tendersdisplay .tableInformationBox .richTextDisplay ol
{
    padding-left: 20px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.tendersdisplay .tableInformationBox .richTextDisplay p
{
    margin-top: 1px;
    margin-bottom: 1px;
}


.tendersdisplay .titlecolumnitem
{
    clear: both;
    float: left;
    min-width: 33%;
}

.tendersdisplay .titlecolumnitem .imagecell
{
    float: left;
    width: 40px;
}

.tendersdisplay .titlecolumnitem .titlecell
{
    float: left;
}

/*
.tendersdisplay table
{
    font-family: arial, helvetica, geneva, sans-serif;
    font-size: 11px;
    color: #333333;
    border: #21578A 1px solid;
    width: auto;
    border-collapse: collapse;
}

.tendersdisplay th
{
    font-weight: bold;
    font-size: 9pt;
    padding-bottom: 2px;
    color: white;
    padding-top: 2px;
    font-family: arial, helvetica, geneva, sans-serif;
    text-align: left;
    padding-left: 10px;
    background-color: #21578A;
}


td.tenderCategory
{
    font-weight: bold;
    background-color: #cccccc;
    border-top: solid 1px #999999;
    height: 2.4em;
    padding-left: 10px;
}
td.tenderViewEntry
{
    border-top: #999999 1px solid;
    padding-left: 10px;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px;
}
*/

/* begin Agency */

.agency .addbox
{
    margin: 10px 0px 10px 0px;
    line-height: 2em;
    height: 30px;
}

.agency .addbox .leftlink
{
    float: left;
    margin-left: 5px;
}

.agency .addbox .rightlink
{
    float: right;
    margin-right: 250px;
}

/*
#agency th.tableHeader
{
    font-weight: bold;
    font-size: 11pt;
    padding: 5px 0px 5px 10px;
    color: white;
    background-color: #996b32; 
    text-align: left;
    padding-left: 10px;
}
#agency th.tableSecondHeader
{
    font-weight: normal;
    font-size: 10pt;
    padding: 8px 0px 8px 10px;
    text-align: left;
    background-color: #bdd2ff;
    color: #21578a;
}

#agency td.agencyListItem
{
    border-top: #999999 1px solid;
    padding-left: 10px;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px;
}

#agency table
{
    font-size: 11px;
    color: #333333;
    width: 100%;
}

.agency .AgencyInformationBox
{
    border: #21578a 1px solid;
}
.agency .AgencyInformationBox .AgencyInformationBoxHeader
{
    background-color: #21578a;
    color: White;
    padding: 5px 0px 5px 10px;
    font-weight: bold;
    font-size: 11pt;
}
*/
/* end Agency */

/*  agencyuserregigistration  */

.agencyuserregigistration .addbox
{
    margin: 10px 0px 10px 0px;
    line-height: 2em;
    height: 30px;
}

.agencyuserregigistration .addbox .leftlink
{
    float: left;
    margin-left: 5px;
}

.agencyuserregigistration .addbox .rightlink
{
    float: right;
    margin-right: 250px;
}

/* end agencyuserregigistration  */


/* begin SystemManagementMain */

.SystemManagementBody
{
    min-width: 630px; /* 2x (LC fullwidth +                             CC padding) + RC fullwidth */
}
.SystemManagementBody #container
{
    padding-left: 310px; /* LC fullwidth */
    padding-right: 0px; /* RC fullwidth + CC padding */
}
.SystemManagementBody #container .column
{
    position: relative;
    float: left;
}
.SystemManagementBody #center
{
    /*padding: 10px 20px;*/ /* CC padding */
    width: 100%;
}
.SystemManagementBody #left
{
    width: 300px; /* LC width */
    padding: 0 10px 0 0; /* LC padding */
    right: 310px; /* LC fullwidth + CC padding */
    margin-left: -100%;
}
.SystemManagementBody #right
{
    width: 0px; /* RC width */ /* padding: 0 10px; */ /* RC padding */
    margin-right: -0px; /* RC fullwidth + CC padding */
}
.SystemManagementBody #footer
{
    clear: both;
}

/*** IE Fix ***/
.SystemManagementBody * html #left
{
    left: 150px; /* RC fullwidth */
}

.SystemManagementBody .tenderActionListText
{
    padding: 7px 20px 0px 7px;
}

.SystemManagementBody .tenderActionListText ul
{
    line-height: 1em; /*margin-bottom: 0px;*/
    list-style-type: disc;
    padding: 5px;
    margin: 5px;
}

.SystemManagementBody .tenderActionListText li
{
    margin-left: 10px;
}

.SystemManagementBody .actionimagecontainer
{
    min-width: 310px;
    width: auto !important;
    width: 310px;
}

.SystemManagementBody #container #left #noticeboarditems
{
    margin-top: 120px;
}

/* table definition for systemManagement */
/*
.SystemManagementBody table thead th
{
    background-color: #b6ccbe;  
    color: #009eb8;
}

.SystemManagementBody  table
{
    color: #333333;  
}

.SystemManagementBody table tbody th
{
    background-color: #efefef;  
    border-top-color: #009eb8; 
}

.SystemManagementBody .tableInformationBox
{
    border-color: #009eb8;
}

.SystemManagementBody .tableInformationBox .tableInformationBoxHeader
{
    background-color: #009eb8;  
    color: White;
}
*/

/* test */

.SystemManagementBody table thead th
{
    border: #b7c3cc 1px solid;
    background: url(/Images/table/table_header_background.gif) #e2eaf0 repeat-x left top;
    padding: 8px 0px 8px 10px;
    text-align: left;
    font: 16px palantino, georgia, serif /*     font-weight: normal;     font-size: 10pt;          background-color: #bdd2ff;     color: #21578a;     */;
}

.SystemManagementBody .prequaltd td
{
    background: #FFFFFF;
}

.SystemManagementBody td
{
    background: #f2f5f8;
    border: #ddd 1px solid; /*     border-top: #999999 1px solid;     padding-left: 10px;     padding-right: 5px;     vertical-align: top;     padding-top: 7px;     padding-bottom: 7px;     */
}

.SystemManagementBody td a:link
{
    color: #1b5d83;
}
/*
.SystemManagementBody td a
{
    font: 11px/14px arial, sans-serif;
}
*/
.SystemManagementBody .oddtd
{
    background: #FFFFFF;
}


.SystemManagementBody table
{
    font-size: 11px;
    color: #333333;
    width: 100%;
    border-collapse: collapse; /* won't work in IE6 and below */
}

.SystemManagementBody table caption
{
    display: none;
}



.SystemManagementBody table tbody tr .prequalsubhead1
{
    font: 16px palantino, georgia, serif;
    font-weight: bold;
}

.SystemManagementBody table tbody tr .prequalsubhead2
{
    background: #f2f5f8;
}
   

.SystemManagementBody table tbody th
{
    /*font-weight: bold;*/
    background-color: #e2eaf0;
    border: #c6d2da 1px solid;
    color: #2f4450;
    vertical-align: middle;
    font-weight: bold; /*     border-top: #21578a 1px solid;      height: 2.4em;     padding-left: 10px;     text-align: left;     font-weight: normal;     */
}




/* end test */

.SystemManagementBody #container #left #actionimagecontainer a
{
    border-style: solid;
    color: #21578a;
    border-width: 1px;
    float: left;
    width: 90px;
    height: 85px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    padding: 12px 4px 4px 4px;
    background-color: #bdd2ff;
    vertical-align: middle;
    border-color: #21578a;
}

.SystemManagementBody #container #left #actionimagecontainer a:link
{
    /*     border-style: solid;     border-width : 1px;     text-decoration : none;     padding: 10px 4px 4px 4px;     border-color : #69f #00f #00f #69f; */
}

.SystemManagementBody #container #left #actionimagecontainer a:hover
{
    border-color: #21578a;
    background-color: #21578a;
    color: White;
}




.SystemManagementBody table tbody tr td ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    line-height: 2em;
}

.SystemManagementBody table tbody tr td ul li
{
}

/* end SystemManagementMain */

/* may be we could create different editForm style?

.editForm
{
    margin: 0 150px 0 100px;
}

*/



/* Notices */
.Notice .NoticeDisplayHeader
{
    display: inline-block;
    width: 100%;
    padding: 15px 0px 15px 0px;
}

.Notice .NoticeDisplayHeader .NoticeDisplayLeftHeader
{
    color: #1f518a;
    font-size: 20px;
    font-weight: bold;
    width: 50%;
    float: left;
    min-width: 510px; /*  to make sure the header stays as 1 line.  */
}

.Notice .NoticeDisplayHeader .NoticeDisplayRightHeader
{
    font-size: 12px;
    font-weight: bold;
    color: #505abc;
    float: right;
    width: 50%;
}
.Notice .NoticeDisplayHeader .NoticeDisplayRightHeader .addButton
{
    float: right;
    margin-right: 5px;
}


/* end FutureOpportunities */




/*  tender  */
.tender
{
}

.tender .tender_eLodgement
{
}

.tender #elodgementbox
{
    margin-top: 2px;
    margin-bottom: 5px;
    float: left;
}

/*  end tender  */

/*  tenderpressadvertisement  */
.tenderpressadvertisement #elodgementbox
{
    margin-top: 2px;
    margin-bottom: 5px;
    width: 400px;
}


/*  end tenderpressadvertisement  */


/* FutureOpportunities */
.FutureOpportunities .FutureOpportunityDisplayHeader
{
    display: inline-block;
    width: 100%;
    padding: 15px 0px 15px 0px;
}
/*
.FutureOpportunities .FutureOpportunityDisplayHeader .addButton
{
    float: right;
    margin-right: 5px;
}
*/
.FutureOpportunities .FutureOpportunityDisplayHeader .FutureOpportunityDisplayLeftHeader
{
    /*color: #333333;*/
    font-size: 20px;
    font-weight: bold;
    width: 40%;
    float: left; /*min-width: 650px;*/
    color: #1f518a;
}

.FutureOpportunities .FutureOpportunityDisplayHeader .FutureOpportunityDisplayRightHeader
{
    font-size: 12px;
    font-weight: bold;
    color: #505abc;
    float: right;
    width: 60%;
}
.FutureOpportunities .FutureOpportunityDisplayHeader .FutureOpportunityDisplayRightHeader .addButton
{
    float: right;
    margin-right: 5px;
}


/* end FutureOpportunities */



/* Prequalifier */

.PrequalifierHighlight
{
    font-weight: bold;
}

.PrequalifierAlert
{
    color:red;
}

.PrequalifierAlertBold 
{
    color: red;
    font-weight: bold;
}

.PrequalifierBold {
    font-weight: bold;
}

.PrequalifierNonConsenting
{
    color:darkorange;
}


.PrequalifierPending
{
    color: green;
}

.PrequalifierMessaging
{
    color: red;
    font-size: 11px;
}

.PrequalifierMessaging ul
{
    margin-left: 30px;
    list-style: disc;
}

.Prequalifiers .PrequalifierDisplayHeader
{
    display: inline-block;
    width: 100%;
    padding: 15px 0px 15px 0px;
}

.Prequalifiers .PrequalifierDisplayHeader .PrequalifierDisplayLeftHeader
{
    /*color: #333333;*/
    font-size: 16px;
    font-weight: bold;
    width: 40%;
    float: left; /*min-width: 650px;*/
    color: #1f518a;
}

.Prequalifiers .PrequalifierDisplayHeader .PrequalifierDisplayRightHeader
{
    font-size: 12px;
    font-weight: bold;
    color: #505abc;
    float: right;
    width: 60%;
}
.Prequalifiers .PrequalifierDisplayHeader .PrequalifierDisplayRightHeader .addButton
{
    float: right;
    margin-right: 5px;
}

.Prequalifiers .PrequalSearch select
{
    width: 300px;
}

.Prequalifiers .PrequalSearch td
{
    border-top: none;
}

.Prequalifiers td td
{
    border-top: none;
}

.Prequalifiers .reminder {
    color: red;
    font-style: italic;
}

.category_settings_display
{
    padding-left: 10px;
    font-size: 10px;
    font-weight:bold;
    color: Black;
    width: 300px;
}

/* end Prequalifier */

/* MultiUseList */

.MultiUseListHighlight {
    font-weight: bold;
}

.MultiUseListAlert {
    color: red;
}

.MultiUseListDraft {
    color: darkorange;
}

.MultiUseListDeleted {
    color: red;
}

.MultiUseListMessaging {
    color: red;
    font-size: 11px;
}

.MultiUseListMessaging ul {
    margin-left: 30px;
    list-style: disc;
}

.MultiUseLists .MultiUseListDisplayHeader {
    display: inline-block;
    width: 100%;
    padding: 15px 0px 15px 0px;
}

.MultiUseLists .MultiUseListDisplayHeader .MultiUseListDisplayLeftHeader {
    font-size: 16px;
    font-weight: bold;
    width: 40%;
    float: left; /*min-width: 650px;*/
    color: #1f518a;
}

.MultiUseLists .MultiUseListDisplayHeader .MultiUseListDisplayLeftButtonHeader {
    font-size: 12px;
    font-weight: bold;
    width: 40%;
    float: left; /*min-width: 650px;*/
    color: #1f518a;
}

.MultiUseLists .MultiUseListDisplayHeader .MultiUseListDisplayLeftButtonHeader {
    font-size: 12px;
    font-weight: bold;
    width: 40%;
    float: left; /*min-width: 650px;*/
    color: #1f518a;
}


.MultiUseLists .MultiUseListDisplayHeader .MultiUseListDisplayRightHeader {
    font-size: 12px;
    font-weight: bold;
    color: #505abc;
    float: right;
    width: 60%;
}

.MultiUseLists .MultiUseListDisplayHeader .MultiUseListDisplayRightHeader .addButton {
    float: right;
    margin-right: 5px;
}

.MultiUseLists .MultiUseListSearch select {
    width: 300px;
}

.MultiUseLists .MultiUseListSearch td {
    border-top: none;
}

.MultiUseLists td td {
    border-top: none;
}


/* end MultiUseList */


/* JQuery UI DatePicker */

.noDays table
{
    display: none;
    color: Green;
}
button.ui-datepicker-current
{
    display: none;
}

/* JQuery UI DatePicker */

/* ContactUs */

.contactus
{
}
.contactus ul
{
    margin-left: 20px;
}
/* end ContactUs */

/*  registration  */

.registration
{
    margin: 15px 15px 15px 15px;
}

.registration .bottombox
{
    margin: 25px 200px 45px 20px;
    width: 65em;
}
.registration .bottombox .leftitem
{
    float: left;
}
.registration .bottombox .rightitem
{
    float: right;
}
/*  end registration  */

/*  confirmation  */

.confirmation
{
}
.confirmation .bottomparagraph
{
    margin: 25px 0px 20px 0px;
}
/*  end confirmation  */
/*  Login  */

.login p
{
    line-height: 1.2em;
    margin: 10px 0px 10px 0px;
}

.login #forgottenUserNames
{
    display: none;
    margin-left: 35px;
    margin-bottom: 10px;
}

.login #forgottenPassword
{
    display: none;
    margin-left: 35px;
    margin-bottom: 10px;
}

/*  End Login  */

/*  start futureopportunitypreview  */

.futureopportunity .future_opportunity_footer_contact
{
    font-size: 10px;
    background-color: #FFFFFF;
    border: none;
    margin-top: 10px;
    font-weight: bold;
}

.futureopportunitypreview h2.published
{
    color: Green;
}

.futureopportunitypreview h2.unpublished
{
    color: Red;
}

/* DPC 17/4/2012
.futureopportunitypreview fieldset
{
    border: none;
}
.futureopportunitypreview fieldset legend
{
    display: none;
}
 end futureopportunitypreview    */


/*  start tenderpreview  */

.tender .tender_footer_contact
{
    font-size: 10px;
    background-color: #FFFFFF;
    border: none;
    margin-top: 10px;
    font-weight: bold;
}

.tenderpreview h2.published
{
    color: Green;
}

.tenderpreview h2.unpublished
{
    color: Red;
}


/*  end tenderpreview  */


/* awardedcontractpreview */

.awardedcontract .awardedcontract_footer_contact
{
    font-size: 10px;
    background-color: #FFFFFF;
    border: none;
    margin-top: 10px;
    font-weight: bold;
}

.awardedcontractpreview h2.published
{
    color: Green;
}

.awardedcontractpreview h2.unpublished
{
    color: Red;
}

/*  make the labels londer on this notice type:  */

.awardedcontractpreview .editor-label, .awardedcontractpreview .display-label
{
    width: 320px; /* 110px */
}

/* end awardedcontractpreview */


/* fileuploader */

.fileuploader input[type='file']
{
    margin-bottom: 0.2em;
    page-break-after: always;
}

.fileuploader .topbox
{
    float: left;
}
.fileuploader .bottombox
{
    float: left;
    clear: left;
}
/* end fileuploader */

/* public openforbids view */

.publicopenforbidsview .electronicLodgementAndDownloadFilesItemRow
{
    margin-bottom: 2em;
    margin-top: 2em;
    padding-bottom: 1px;
    display: table;
    height: 5.0em;
    width: 100%;
    border: #BDD2FF 1px solid; /*#21578A*/
    background-color: #F2F6FF;
}

.publicopenforbidsview .electronicLodgementAndDownloadFilesItemRow .downloadFilesItem
{
    width: 50%;
    text-align: center;
    vertical-align: middle;
    float: left;
}

.publicopenforbidsview .electronicLodgementAndDownloadFilesItemRow .electronicLodgementItem
{
    width: 50%;
    text-align: center;
    vertical-align: middle;
    float: right;
}

.publicopenforbidsview .electronicLodgementAndDownloadFilesItemRow .image
{
    margin-top: 0.8em;
}
.publicopenforbidsview .electronicLodgementAndDownloadFilesItemRow .linktext
{
    /*margin-top: 0.8em;*/
}

/* end public openforbids view */

/*  fileuploadcontrol  */

.fileuploadinputwrapper
{
    display: block;
    width: 510px;
    height: 7.8em;   /*2.6em;*/
    /*overflow: visible;*/
}


.fileuploadcontrol .fileuploadinputwrapper input[type=file]
{
    /*     width: 0px;     height: 0px;     */ /*     visibility: hidden;     display: none;     */
    /* font-size: 40px;  */
    width: 510px;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  /* first! */
    -filter: alpha(opacity=0);  /* second! */
    opacity: 0; 
    -moz-opacity: 0; 
    position: relative;
    top: -40px;
    left: -20px;
    z-index: 2;
    top: -27px;
    left: -3px;
}

.fileuploadcontrol input[type=text]
{
    /*height: 1.6em;*/
    width: 400px;
}
.fileuploadcontrol input[type=button]
{
}
/*  end fileuploadcontrol  */


/* Business User Form */

.businessuserform .editboxforcategories
{
    padding-top: 10px;
    padding-bottom: 20px;
    display: table-cell;
}

.businessuserform .editboxforradiobuttons
{
    padding-top: 20px;
    padding-bottom: 1px;
    display: table-cell;
}

.businessuserform .editor-label-extra-wide
{
    float:none;
}

.businessuserform .manualtip
{
    margin-right: 5px;
}

/* end Business User Form */

.tenderResponseReceipt .tenderSubmitReceiptHeader
{
    margin-bottom: 2em;
    margin-top: 2em;
    padding-bottom: 4px;
    padding-top: 4px;
    display: table;
    height: 8.0em;
    width: 100%;
    border: #BDD2FF 1px solid; /*#21578A*/
    background-color: #F2F6FF;
    vertical-align: middle;
    text-align: center;
}

/*  tendersubmission  */

.tendersubmission .tenderSubmitReceiptHeader
{
    margin-bottom: 2em;
    margin-top: 2em;
    padding-bottom: 4px;
    padding-top: 4px;
    display: table;
    height: 5.0em;
    width: 100%;
    border: #BDD2FF 1px solid; /*#21578A*/
    background-color: #F2F6FF;
    vertical-align: middle;
    text-align: center;
}

.tendersubmission #tenderClosingDateCurrentDatePlaceHolder
{
    margin-left: 35px;
}

.tendersubmission #tenderresponsesubmissionafterclosedate
{
    display: none;
}

.largerGreenMessage 
{
    color: Green;
    font-size: larger;
    margin-bottom: 2em;
}

.xlargeRedMessage
{
    color: Red;
    font-size: x-large;
    margin-bottom: 2em;
}

.xlargeGreenMessage {
    color: Green;
    font-size: x-large;
    margin-bottom: 2em;
}

.superBald
{
    font-weight: 900;
    font-size: larger;
}

.tenderSubmitReceiptHeader .bluefatheadertext
{
    font-size: large;
    color: #21578A;
    font-weight: bolder;
}

/*  end tendersubmission  */

/*  conditions of use tender submission  */

.submitConditionsOfUse ul.numberlist
{
    list-style-type: decimal;
}

.submitConditionsOfUse .conditionBox
{
    margin-top: 5px;
    margin-bottom: 5px;
    border: #BDD2FF 1px solid;
    padding-bottom: 1.5em;
    padding-left: 1em;
    padding-right: 1em;
}

.submitConditionsOfUse .conditionBox p.greenitalic
{
    color: Green;
    font-style: italic;
    font-weight: bold;
}

.submitConditionsOfUse .conditionBox ol.linespacinglist
{
    /*line-height: 2.4em;*/
}

.submitConditionsOfUse .conditionBox ol.linespacinglist li
{
    margin: 0 0 1.5em 0px; /*top left bottom right*/
}

.submitConditionsOfUse .conditionBox ol.romanlist li
{
    list-style-type: upper-roman; /*    line-height: 1.2em;*/
    margin: 0 0 0 0;
}

.submitConditionsOfUse .conditionFooterTextBox
{
    margin-top: 7px;
    font-weight: bold;
    text-align: center;
}

.submitConditionsOfUse .conditionButtonTextBox
{
    text-align: center;
    margin-top: 1.2em;
}

/*  end conditions of use tender submission  */
.blueHeader
{
    margin-bottom: 2em;
    margin-top: 2em;
    padding-bottom: 4px;
    padding-top: 4px;
    display: table;
    width: 100%;
    border: #BDD2FF 1px solid; /*#21578A*/
    background-color: #F2F6FF;
    vertical-align: middle;
    text-align: center;
}

.bluefatheadertext
{
    font-size: large;
    color: #21578A;
    font-weight: bolder;
}

/* end Business User Form */

/* awardedcontracts */
.AwardedContract #superintendentdetails
{
    padding-top: 10px;
}

.AwardedContract #agencydetails
{
    padding-top: 10px;
}

.AwardedContract #IsBCorRBContract
{
    padding-top: 10px;
}

.AwardedContract #contractcontrol
{
    padding-top: 10px;
}

.AwardedContract #lblTotalContractValue
{
    font-weight: bold;
}


/* end awardedcontracts */

/*  awardedcontract_suppliers  */
.awardedcontract_suppliers input[type=text]
{
    width: 400px;
}

.allocatedvalue input[type=text]
{
    width: 150px;
}

.awardedcontractaddsupplierbutton input[type=button]
{
    margin-left: 21em;
}

.awardedcontractaddadditionalsupplierbutton input[type=button]
{
    margin-left: 12em;
}

.awardedcontractdeletesupplierbutton input[type=button]
{
    margin-left: 25em;
}

/*  end awardedcontract_suppliers  */

/* multiuselistsupplier_reps*/

.multiuselistsupplierdeleterepbutton input[type=button] {
    margin-left: 25em;
}

.multiuselist_supplierreps input[type=text] {
    width: 400px;
}

/* end of multiuselistsupplier_reps*/

/*  fileHelpPartialView  */
.fileHelpPartialView
{
    margin-top: 1.2em;
    margin-bottom: 1.2em;
}

/*  end fileHelpPartialView  */

/*  tenderBox  */
.tenderBox .firstTopLabel
{
    float: left;
    margin-bottom: 7.5px;
}

.tenderBox .secondTopLabel
{
    float: left;
    margin-left: 344px;
    margin-bottom: 7.5px;
}

/*  end tenderBox  */


/*  tenderBoxOpeningReport  */
.tenderBoxOpeningReport
{
}

.tenderBoxOpeningReport .responseLogItem
{
}


.tenderBoxOpeningReport .responselogfieldset
{
}

/*  end tenderBoxOpeningReport  */

/*  awardedcontractinsuranceemailpreview  */
.awardedcontractinsuranceemailpreview #bottombuttonbox
{
    text-align: center;
    font-weight: bold;
}

.awardedcontractinsuranceemailpreview #bottombuttonbox #buttonbox
{
    margin-top: 15px;
}

/*  end awardedcontractinsuranceemailpreview  */


/*  webactivitygrid  */

.webactivitygrid
{
}

.webactivitygrid #filterDropdownContainer
{
    margin-bottom: 5px;
}
/*  end webactivitygrid  */

/*  configtextmaintainance  */

table thead th.configtexttablecodecolumn
{
    width: 45px;
}

table th .configtexttabledescriptioncolumn
{
}

table thead th.configtexttabletextcolumn
{
}

/*  end  configtextmaintainance  */

/*  noticeboarditems  */

.noticeboarditems .bluefatheadertext
{
    font-size: large;
    color: #21578A;
    font-weight: bolder;
    background-color: #D5E0E8;
    height: 1.8em;
    text-align: center;
    padding-top: 7px;
    border: #999999 1px solid;
    margin-bottom: 2px;
}

/*  end noticeboarditems  */

/*  Home Page  */
.homepage
{
    margin: 0;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #fff;
    min-width: 600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */
    font-size: 90%;
}

/* column container */
.homepage .colmask
{
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    border-top: #1F518A 1px solid; /*    */
}
/* common column settings */
.homepage .colright, .homepage .colmid, .homepage .colleft
{
    float: left;
    width: 100%; /* width of page */
    position: relative;
}
.homepage .col1, .homepage .col2, .homepage .col3
{
    float: left;
    position: relative;
    padding: 0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead  					only padding top and bottom is included here, make it whatever value you need */
    overflow: hidden;
}
/* 3 Column settings */
.homepage .threecol
{
    background: #eee; /* right column background colour */
}
.homepage .threecol .colmid
{
    right: 25%; /* width of the right column */
    background: #fff; /* center column background colour */
}
.homepage .threecol .colleft
{
    right: 50%; /* width of the middle column */
    background: #f4f4f4; /* left column background colour */
}
.homepage .threecol .col1
{
    width: 46%; /* width of center column content (column width minus padding on either side) */
    left: 102%; /* 100% plus left padding of center column */
}

.homepage .col2_lastweeks_items
{
    line-height:200%
}

.homepage .threecol .col1 #mainimage
{
    text-align: center;
}
.homepage .threecol .col1 #middlecolumnlinks
{
    text-align: center;
}
.homepage .threecol .col1 #middlecolumnlinks li
{
    font-size: larger;
    font-weight: bold;
}
.homepage .threecol .col2
{
    width: 21%; /* Width of left column content (column width minus padding on either side) */
    left: 31%; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.homepage .threecol .col3
{
    width: 21%; /* Width of right column content (column width minus padding on either side) */
    left: 85%; /* Please make note of the brackets here: 					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.homepage .threecol .col3 #rightcolumnquicklinks ul
{
    line-height: 2;   /*3.2*/
    
}

.homepage .threecol .col3 #rightcolumnusefulinfo ul {
    line-height: 1;
    font-weight: bold;
}

.homepage .threecol .col2 .col2_lastweeks_items
{
    line-height: 1;
}

.homepage .threecol .col3 #rightcolumnquicklinks a
{
    font-weight: bold;
}

/*  end Home Page  */

/*  pagedlistpager  */


.pagedlistpager ul, .pagedlistpager ol
{
    padding: 0;
    margin: 0 0 9px 25px;
}
.pagedlistpager ul ul, .pagedlistpager ul ol, .pagedlistpager ol ol, .pagedlistpager ol ul
{
    margin-bottom: 0;
}
.pagedlistpager ul
{
    list-style: disc;
}
.pagedlistpager ol
{
    list-style: decimal;
}
.pagedlistpager li
{
    line-height: 18px;
}
.pagedlistpager ul.unstyled, .pagedlistpager ol.unstyled
{
    margin-left: 0;
    list-style: none;
}

.pagedlistpager .pagination
{
    height: 36px;
    margin: 18px 0;
}

.pagedlistpager .pagination ul
{
    display: inline-block; /* *display: inline; */ /* IE7 inline-block hack */ /* *zoom: 1;*/
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagedlistpager .pagination li
{
    display: inline;
}
.pagedlistpager .pagination a
{
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagedlistpager .pagination a:hover, .pagedlistpager .pagination .active a
{
    background-color: #f5f5f5;
}
.pagedlistpager .pagination .active a
{
    color: #999999;
    cursor: default;
}
.pagedlistpager .pagination .disabled span, .pagedlistpager .pagination .disabled a, .pagedlistpager .pagination .disabled a:hover
{
    color: #999999;
    background-color: transparent;
    cursor: default;
}
.pagedlistpager .pagination li:first-child a
{
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.pagedlistpager .pagination li:last-child a
{
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.pagedlistpager .pagedlistpager .pagination-centered
{
    text-align: center;
}
.pagedlistpager .pagination-right
{
    text-align: right;
}
.pagedlistpager .pager
{
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
    text-align: center; 
    zoom: 1;
}
.pagedlistpager .pager:before, .pagedlistpager .pager:after
{
    display: table;
    content: "";
}
.pagedlistpager .pager:after
{
    clear: both;
}
.pagedlistpager .pagedlistpager .pager li
{
    display: inline;
}
.pagedlistpager .pager a
{
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.pagedlistpager .pager a:hover
{
    text-decoration: none;
    background-color: #f5f5f5;
}
.pagedlistpager .pager .next a
{
    float: right;
}
.pagedlistpager .pager .previous a
{
    float: left;
}
.pagedlistpager .pager .disabled a, .pagedlistpager .pager .disabled a:hover
{
    color: #999999;
    background-color: #fff;
    cursor: default;
}


/*  end pagedlistpager  */

/*  linkspage  */
#linkspage
{
}

#linkspage .linkcontainer
{
    display: table;
    width: 100%;
}

#linkspage .linkitems
{
    padding-left: 5px;
}

#linkspage .linkitems .linkHeader
{
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 3px;
}

#linkspage .tableHeader
{
    background-color: #bdd2ff;
    color: #21578a;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 0px 8px 5px;
    margin-bottom: 5px;
}

#linkspage .linkcontainer .leftSide
{
    float: left;
    width: 50%;
}

#linkspage .linkcontainer .rightSide
{
    float: left;
    width: 50%;
}

/*  end linkspage  */

/*  news  */
#news .newsblock
{
    padding: 5px 0px 5px 0px;
}
/*  end news  */


/* please wait loader spinner*/

#loading-div-background 
{
        display:none;
        position:fixed;
        top:0;
        left:0;
        background:black;
        width:100%;
        height:100%;
}
     
 #loading-div
{
         width: 500px;
         height: 300px;
         background-color: white;
         text-align:center;
         position:absolute;
         left: 50%;
         top: 50%;
         margin-left: -250px;
         margin-top: -150px;
}
     
 .loader 
{
         border: 16px solid #c2c2c2;
         border-radius: 50%;
         border-top: 16px solid #3498db;
         width: 120px;
         height: 120px;
         -webkit-animation: spin ease 1s infinite;
         animation: spin linear 2s infinite;
}

#loading-div hr 
{
        border-top: 1px solid grey;
}

#loading-spinner-div-background 
    {
        display:none;
        position:fixed;
        top:0;
        left:0;
        background:black;
        width:100%;
        height:100%;
     }
     
 #loading-spinner-div
    {
         width: 120px;
         height: 120px;
         text-align: center;
         position: absolute;
         left: 50%;
         top: 50%;
         margin-left: -60px;
         margin-top: -60px;
     }
     
 .loader-spinner {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin linear 2s infinite;
  animation: spin linear 2s infinite;
}     

@-webkit-keyframes spin 
{
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin 
{
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
}
     
.highlight-item-ok {
    background-color: lemonchiffon;
    margin-left: 4px;
}

.highlight-item-warning { 
    background-color: palevioletred;
    color: white;
    margin-left: 4px;
}

.highlight-item-yellow {
    background-color: yellow;
    color: black;
    margin-left: 4px;
}


.suppliers-loading {
    color: black;
    background-color: lightgray;
    font-size: 18px;
    font-weight: bold;
}