/* Body ---------------------------------- */
body {
    margin: 0px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    color: #000000;
    background: #EA1C2C;
   /*background-image: url(images/bg_tile_CProcure1.gif);*/
    background-position: top;
    background-repeat: no-repeat;
    text-align: -moz-center;
    text-align: center;
}

.sub-head {
    font-family: Century Gothic, Arial,Verdana;
    font-size: 16px;
}


a.link {
    text-decoration: underline;
    color: #EA1C2C;
}

a.active {
    text-decoration: underline;
    color: #EA1C2C;
}

a.visited {
    text-decoration: underline;
    color: #EA1C2C;
}

a.hover {
    text-decoration: none;
    color: #000000;
}

.fadebg {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: gray;
    z-index: 10000;
    opacity: .70;
    filter: alpha(opacity = 70);
}



HR {
    color: #EEE;
    height: 1px;
    width: 100%;
    background: #E8E8E8;
    border: 0;
}

.important {
    color: Red;
}

.searchtermdesc {
    max-height: 100px;
    max-width: 160px;
    overflow: auto;
    text-align: center;
}

.ProgressUpdate1 {
    border: 0px solid Gray;
    text-align: center;
    vertical-align: middle;
    background-color: Transparent;
    width: 200px;
    height: 20px;
    z-index: 10;
    color: #000000;
    position: absolute;
    top: 375px;
    left: 50%;
}


.Loading {
    font-size: 14pt;
    color: #EA1C2C;
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    font-family:Century Gothic, Arial,Verdana ;
}


/*modalpop*/
.bg1 {
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

.modalPopup {
    text-align: center;
    padding-top: 30px;
    border-style: solid;
    border-width: 0px;
    border-color: #808080;
    background-color: White;
    width: 300px;
    height: 50px;
}

.progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: White;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

/* Auto complete ---------------------------------- */
.CompletionListCssClass {
    font-size: 9pt;
    font-family:Century Gothic, Arial,Verdana ;
    border: 1px solid #999;
    padding: 3px;
    background: #fff;
    float: left;
    z-index: 101;
    position: absolute;
    overflow: hidden;
    text-align: left;
    visibility: hidden;
    margin: 0px !important;
    text-transform: lowercase;
}

.autocomplete_completionListElement {
    margin-top: 7px;
    margin-left: 10px !important;
    background-color: white;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #6693B2;
    overflow: auto;
    text-align: left;
    list-style-type: none;
}


.autocomplete_highlightedListItem {
    color: #000000;
    background-color: #EEEEEE;
    cursor: pointer;
    padding: 1px;
}

.autocomplete_listItem {
    background-color: white;
    color: #204968;
    padding: 1px;
}


.paging {
    background-color: White;
    color: #EA1C2C;
    font-size: 13px;
    font-family:Century Gothic, Arial,Verdana ;
    text-decoration: none;
}


.pagingitem {
    border: 1px solid #d4d4d4;
    background-color: White;
    color: #EA1C2C;
    font-size: 13px;
    font-family:Century Gothic, Arial,Verdana ;
    text-decoration: none;
    padding: 2px;
}

.pagingitemcurrent {
    border: 1px solid #EA1C2C;
    background-color: #EA1C2C;
    color: white;
    font-size: 13px;
    font-family:Century Gothic, Arial,Verdana ;
    text-decoration: none;
    font-weight: bold;
    padding: 1px;
}

.pagingitemdot {
    color: #EA1C2C;
    font-size: 13px;
    font-family:Century Gothic, Arial,Verdana ;
    text-decoration: none;
}

.heading1 {
    color: White;
    font-size: 13px;
    font-family:Century Gothic, Arial,Verdana ;
    font-weight: bold;
    text-transform: uppercase;
}

.heading1red {
    color: #EA1C2C;
    font-size: 18px;
    font-family:Century Gothic, Arial,Verdana ;
    font-weight: bold;
    text-transform: uppercase;
}


.compdesc {
    max-height: 600px;
    overflow: auto;
}

.compdescprice {
    max-height: 200px;
    overflow: auto;
}

.complist {
    max-height: 700px;
    max-width: 705px;
    overflow: auto;
}

.compgridedit {
    max-width: 1080px;
    overflow: auto;
}


.titleheader {
    color: white;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 20px;
    text-decoration: none;
}



.titleheaderc {
    color: #EA1C2C;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 15px;
    font-weight:bold;
    text-decoration: none;
    text-transform:uppercase;


}




.title {
    color: #EA1C2C;
    font-weight: bold;
    font-size: 14px;
}



.tables {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    color: #000000;
}

.link {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    color: #EA1C2C;
}


.linkToAnchor {
      font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    color: #EA1C2C;
}

a.link:hover {
    text-decoration: underline;
    color: black;
    font-size: 13px;
}



.link2 {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    color: #EA1C2C;
    text-decoration: none;
}

a.link2:hover {
    text-decoration: underline;
}

.contactlink {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    color: #EA1C2C;
}

.main-cell {
    background: White;
    font-size: 13px;
}

.MultiPage {
    background-color: White;
    position: relative;
    padding: 10px;
    top: -3px;
    left: 1px;
    z-index: 98;
}

.PageContent {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    text-align: left;
}


.tabs {
    padding-left: 9px;
}



.tabitem {
    cursor: pointer;
}

.nolink {
    color: #000000;
    text-decoration: none;
}

.popcom {
    max-width: 300px;
    max-height: 800px;
    background-color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    border: 2px solid #d4d4d4;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 14;
    visibility: hidden;
    font-size: 13px;
    font-family:Century Gothic, Arial,Verdana ;
    color: #000000;
    text-align: left;
    line-height: 13px;
    border-radius: 10px;
    box-shadow: 0px 5px 5px gray;
}


.balloon a:link span {
    display: none;
}

.balloon a:visited span {
    display: none;
}

.balloon a:hover span {
    position: absolute;
    background-color: #FFFFFF;
    max-width: 300px;
    max-height: 800px;
    border: 2px solid #d4d4d4;
    font-size: 13px;
    font-family:Century Gothic, Arial,Verdana ;
    text-decoration: none;
    color: #000000;
    text-align: left;
    display: block;
    line-height: 13px;
    padding: 10px 10px 10px 10px;
}

.fieldsetthin {
    padding: 5px;
    border-width: 2px;
    border-style: solid;
    border-color: #F5F5F5;
}

.legendthin {
    border: 6px solid #F6F4F4;
    padding: 5px;
    font: 13pxCentury Gothic, Arial,Verdana ;
    background-color: #F6F4F4;
    top: -13px;
}



fieldset {
    padding: 5px;
    border-width: 6px;
    border-style: solid;
    border-color: #F5F5F5;
}

legend {
    border: 6px solid #F5F5F5;
    padding: 5px;
    font: bold 13px Century Gothic, Arial,Verdana ;
    background-color: #F5F5F5;
    top: -13px;
    color: #EA1C2C;
}


/**menu**/

.TopGroup {
    background-color: transparent;
}


.Group {
    border: solid 1px #d4d4d4;
    color: Gray;
    background-color: white;
    cursor: pointer;
    margin-top: 7px;
}


.TopMenuItem {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 16px;
    background-color: transparent;
    font-weight: normal;
    padding-left: 25px;
    height: 35px;
    color: White;
    margin-left: 13px;
    border-right: solid 0px #FFFFFF;
    text-align: center;
    text-transform:uppercase;
    width: 64px;
    cursor: pointer;
}

.TopMenuItemHover {
    background-color: White;
    font-family: 6entury Gothic, Arial,Verdana;
    font-size: 16px;
    font-weight: normal;
    padding-left: 25px;
    height: 35px;
    color: #EA1C2C;
    margin-left: 13px;
    border-right: solid 1px #FFFFFF;
    text-align: center;
    width: 64px;
    cursor: pointer;
    text-transform: uppercase;
}

.TopMenuItemSpecial {
    font-family: Century Gothic, Arial,Verdana;
    font-size: 16px;
    background-color: transparent;
    font-weight: normal;
    padding-left: 25px;
    height: 35px;
    color: White;
    margin-left: 13px;
    border-right: solid 0px #FFFFFF;
    text-align: center;
    width: 64px;
    cursor: pointer;
    text-transform: uppercase;
}

.TopMenuItemHoverSpecial {
    background-color: White;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 16px;
    font-weight: normal;
    padding-left: 25px;
    height: 35px;
    color: #EA1C2C;
    margin-left: 13px;
    border-right: solid 0px #FFFFFF;
    text-align: center;
    width: 64px;
    cursor: pointer;
    text-transform: uppercase;
}

.TopMenuItemSpecialR {
    font-family: Century Gothic, Arial,Verdana;
    font-size: 16px;
    background-color: transparent;
    font-weight: normal;
    padding-left: 25px;
    height: 35px;
    color: White;
    margin-left: 13px;
    text-align: center;
    width: 64px;
    cursor: pointer;
    text-transform: uppercase;
}

.TopMenuItemHoverSpecialR {
    background-color: White;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 16px;
    font-weight: normal;
    padding-left: 25px;
    height: 35px;
    color: #EA1C2C;
    margin-left: 13px;
    text-align: center;
    width: 64px;
    cursor: pointer;
    text-transform: uppercase;
}






/* Default item styles ------------------------------------ */

.Item {
    border-top: solid 1px #d4d4d4;
    color: #000000;
    padding-left: 13px;
    padding-right: 13px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 15px;
    text-transform: capitalize;
}

.BulletinItem {
    border-top: solid 1px #d4d4d4;
    color: green;
    padding-left: 13px;
    padding-right: 13px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
}




.ItemHover {
    border-top: solid 0pt #d4d4d4;
    margin-top: 1px;
    background-color: #EA1C2C;
    color: white;
    padding-left: 13px;
    padding-right: 13px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 15px;
    text-transform: capitalize;
}

.ItemBold {
    border-top: solid 1px #d4d4d4;
    color: #000000;
    padding-left: 13px;
    padding-right: 13px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 15px;
    text-transform: capitalize;
    font-weight:bold;
}

.ItemHoverBold {
    border-top: solid 0pt #d4d4d4;
    margin-top: 1px;
    background-color: #EA1C2C;
    color: white;
    padding-left: 13px;
    padding-right: 13px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: bold;
}


.BuyerItem {
    border-top: solid 1pt #d4d4d4;
    margin-top: 1px;
    cursor: default;
    color: orange;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    text-transform: capitalize;
}


.SupplierItem {
    border-top: solid 1pt #d4d4d4;
    margin-top: 1px;
    cursor: default;
    color: #cc171e;
    padding-left: 15px;
    padding-right: 15px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    text-transform: capitalize;
}




/**end menu**/

/***/

.subheading {
    color: #EA1C2C;
    font-weight: bold;
    margin-bottom: 3px;
    text-align: center;
}

.greyline {
    height: 1px;
    width: 100%;
    border-top: 1px solid #D4D4D4;
}

a.linx {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

    a.linx:hover {
        color: #EA1C2C;
        font-weight: bold;
        text-decoration: underline;
    }

ul.redbullet {
    list-style-image: url(images/red_bullet_small.gif);
}

ol.decimal li {
    list-style: decimal;
    list-style-image: none;
    background-image: none;
}

/***/





/*CA GRID */
.Grid {
    background-color: #FFFFFF; /*cursor: pointer;*/
    font-family: Century Gothic, Arial,Verdana;
    border: 1px solid #EAE9E1;
    word-wrap: break-word;
  
}

.HeadingCell {
    border-right: 1px solid gray; /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F3F3F3',EndColorStr='#E2E2E2');*/
    background-color: gray;
    padding: 3px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
}

.HeadingCellBig {
    border-right: 1px solid gray; /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F3F3F3',EndColorStr='#E2E2E2');*/
    background-color: gray;
    padding: 3px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
}


.DataCell {
    cursor: default;
    padding: 3px;
    border-right: 1px solid #EAE9E1;
    border-bottom: 1px solid #EAE9E1;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 12px;
    vertical-align: top;
}

.DataCellBig {
    cursor: default;
    padding: 3px;
    border-right: 1px solid #EAE9E1;
    border-bottom: 1px solid #EAE9E1;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    vertical-align: middle;
}



.GridFooter a {
    border-style: solid;
    border-width: 1px;
    border-color: #d4d4d4;
    background-color: White;
    color: #EA1C2C;
    font-size: 13px;
    font-family:Century Gothic, Arial,Verdana ;
    text-decoration: none;
    font-weight: bold;
}

.PagerText {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    color: gray;
}



.AlternatingRow {
    background-color: White;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    cursor: default;
}

.AlternatingRowBig {
    background-color: #F5F5F5;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    cursor: default;
}



.SelectedRow td.DataCell {
    cursor: default;
    padding: 2px;
    padding-left: 3px;
    padding-bottom: 3px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    border-bottom: 1px solid #4B4B6F;
    border-top: 1px solid #4B4B6F;
    border-right: 0px;
}






.GridHeader {
    /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#c2cad9');*/
    background-color: #F5F5F5;
    color: black;
    border-bottom: 1px solid #57566F;
    height: 28px;
    padding-left: 3px;
    cursor: default;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
}


.GroupHeading {
    color: #EA1C2C;
    background-color: #FFFFFF;
    font-family: Century Gothic, Arial,Verdana;
    font-weight: bold;
    font-size: 13px;
    border-bottom: 0px solid #000000;
    padding-top: 4px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.GridHeaderText {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    padding-right: 5px;
}

.HeadingRow {
    /*background-color: #E2E2E2;*/
    background-color: #8A95A7;
}

.RedBack {
    background-color: #FF6666;
}



.Green {
    color: Green;
}

.Maroon {
    color: Maroon;
}




.HeadingCellText1 {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    font-weight: bold;
    color: white;
    text-align: center;
}



.GroupByText {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    padding-right: 5px;
    font-family:Century Gothic, Arial,Verdana ;
}

.HoverRow {
    cursor: default;
}


.AlternatingRow {
    cursor: default;
}

.DataRow {
    background-color: #F7F6F3;
}




.AlternatingRow td.FirstDataCell {
    background-color: #F6F6F8;
    cursor: default;
    font-family:Century Gothic, Arial,Verdana ;
}


.EditDataCell {
    font-family:Century Gothic, Arial,Verdana ;
    padding: 0px !important;
    background-color: #E2E2E2;
    border-width: 0px !important;
    vertical-align: top;
}

.EditDataField {
    padding: 0px;
    padding-left: 1px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    height: 19px;
    width: 98% !important;
    vertical-align: top;
}

.DataRow td.FirstDataCell {
    padding-left: 2px;
}

.SelectedRow {
    background-color: #FFEEC2;
}

.HoverRow {
    background-color: lightgray;
}


.SelectorCell {
    background-color: #E2E2E2;
    border: 1px solid #FFFFFF;
    border-right-color: #B5B5B5;
    border-bottom-color: #B5B5B5;
}

.GridFooter {
    background-color: #F5F5F5;
    cursor: default;
    padding: 5px;
    text-align: center;
    vertical-align: bottom;
}




/*MS GRIDS */

.gridCSS {
    background-color: #F7F6F3;
    color: #333333;
    cursor: default;
}

    .gridCSS td {
        border-right: #EAE9E1 1px solid;
        border-top: #EAE9E1 1px solid;
        border-left: #EAE9E1 1px solid;
        border-bottom: #EAE9E1 1px solid;
    }

    .gridCSS:hover {
        background-color: lightgray;
    }

.gridAlternateCSS {
    background-color: #f5f5f5;
    cursor: default;
}

    .gridAlternateCSS td {
        border-right: #EAE9E1 1px solid;
        border-top: #EAE9E1 1px solid;
        border-left: #EAE9E1 1px solid;
        border-bottom: #EAE9E1 1px solid;
    }



    .gridAlternateCSS:hover {
        background-color: #d3e4ed;
    }

.GridPagerSelectedItem span {
    color: #b1b1b1;
    text-decoration: none;
}




.but {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
     padding-top: 1px ;
      padding-bottom: 0px ;
    padding-left: 8px ;
    padding-right:8px;
    border: 0px solid #000000;
    border-radius: 5px;
    background: #EA1C2C;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#EA1C2C), to(#00ADEF));
    background: -moz-linear-gradient(top, #EA1C2C, #00ADEF);
    background: linear-gradient(to bottom, #EA1C2C, #00ADEF);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.6),inset 0 0 10px rgba(255,255,255,0.6);*/
    font: normal normal 13pxCentury Gothic, Arial,Verdana ;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    height: 22px;
    text-transform:lowercase;
}




.but:link {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 1px;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    border: 0px solid #000000;
    border-radius: 5px;
    background: #EA1C2C;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#EA1C2C), to(#00ADEF));
    background: -moz-linear-gradient(top, #EA1C2C, #00ADEF);
    background: linear-gradient(to bottom, #EA1C2C, #00ADEF);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.6),inset 0 0 10px rgba(255,255,255,0.6);*/
    font: normal normal 13pxCentury Gothic, Arial,Verdana;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    height: 22px;
    text-transform: lowercase;
}



.but:hover,
.but:focus {
  
    background: #00ADEF;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ADEF), to(#1f6272));
    background: -moz-linear-gradient(top, #00ADEF, #1f6272);
    background: linear-gradient(to bottom, #00ADEF, #1f6272);
    color: #ffffff;
    text-decoration: none;
}
.but:active {
    background: #00ADEF;
    background: -webkit-gradient(linear, left top, left bottom, from(#00ADEF), to(#00ADEF));
    background: -moz-linear-gradient(top, #00ADEF, #00ADEF);
    background: linear-gradient(to bottom, #00ADEF, #00ADEF);
}





.butsmall {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font: normal normal 11px verdana;
    height: 15px;
    border: 0px solid #000000;
    border-radius: 5px;
    background: #EA1C2C;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#EA1C2C), to(#00ADEF));
    background: -moz-linear-gradient(top, #EA1C2C, #00ADEF);
    background: linear-gradient(to bottom, #EA1C2C, #00ADEF);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.6),inset 0 0 10px rgba(255,255,255,0.6);*/
   
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
   
    text-transform: lowercase;
}



.butsmall:link {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 5px;
    font: normal normal 11px verdana;
    height: 15px;
    border: 0px solid #000000;
    border-radius: 5px;
    background: #EA1C2C;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#EA1C2C), to(#00ADEF));
    background: -moz-linear-gradient(top, #EA1C2C, #00ADEF);
    background: linear-gradient(to bottom, #EA1C2C, #00ADEF);
    box-shadow: 2px 2px 2px rgba(0,0,0,0.6),inset 0 0 10px rgba(255,255,255,0.6);*/
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    text-transform: lowercase;
}

    .butsmall:hover,
    .butsmall:focus {
        background: #00ADEF;
        background: -webkit-gradient(linear, left top, left bottom, from(#00ADEF), to(#1f6272));
        background: -moz-linear-gradient(top, #00ADEF, #1f6272);
        background: linear-gradient(to bottom, #00ADEF, #1f6272);
        color: #ffffff;
        text-decoration: none;
    }

    .butsmall:active {
        background: #00ADEF;
        background: -webkit-gradient(linear, left top, left bottom, from(#00ADEF), to(#00ADEF));
        background: -moz-linear-gradient(top, #00ADEF, #00ADEF);
        background: linear-gradient(to bottom, #00ADEF, #00ADEF);
    }



















.input {
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
    color: #000000;
    margin-bottom: 0px;
    border: 1px solid #BBB;
    padding: 3px;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
}

.FormsInput {
    border-color: #D4D4D4;
    border-style: Solid;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
    color: #000000;
    margin-bottom: 0px;
    width: 350px;
    border-width: 2px;
    border: 1px solid #BBB;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
}


.ddlFormsInput {
    border-color: #D4D4D4;
    border-style: Solid;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
    color: #000000;
    margin-bottom: 0px;
    width: 362px;
    border-width: 2px;
    border: 1px solid #BBB;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
}

.txtFormsInput {
    border-color: #D4D4D4;
    border-style: Solid;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
    color: #000000;
    margin-bottom: 0px;
    width: 350px;
    border-width: 2px;
    border: 1px solid #BBB;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
}

.PopUpInput {
    border-color: #D4D4D4;
    border-style: Solid;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
    color: #000000;
    margin-bottom: 0px;
    width: 255px;
    border-width: 2px;
    border: 1px solid #BBB;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
}

.ddlPopUpInput {
    border-color: #D4D4D4;
    border-style: Solid;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
    color: #000000;
    margin-bottom: 0px;
    width: 264px;
    border-width: 2px;
    border: 1px solid #BBB;
    padding-left: 2px;
    padding-right: 2px;
    margin-right: 2px;
    border-style: solid;
    margin-bottom: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0, 0.2);
}



.ContentCenter {
    width: 500px;
    margin: 0px auto;
    text-align: left;
    padding: 5px;
}

.trRow {
    background-color: #f5f5f5;
}


.trAltRow {
    background-color: #f7f6f3;
}

.watermarkbig {
    font-family:Century Gothic, Arial,Verdana ;
    color: #CAC1C3;
    background-color: #F5F5F5;
    font-size: 13px;
    padding: 8px 0px 8px 5px;
    width: 500px;
    border-width: 3px;
    border-color: #D4D4D4;
    border-style: solid;
}

.watermark {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    color: #CAC1C3;
    background-color: #F5F5F5;
}

.watermarksmall {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    color: #CAC1C3;
    background-color: #F5F5F5;
}

.wmark_box {
    position: relative;
    display: block;
}

img.watermarkbo {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 0;
}


/* Accordion */
.accHeader {
    border: 1px solid #8A95A7;
    color: white;
    background-color: gray;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-transform: uppercase;
    background-image: url(images/plusimage.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.accHeaderSelected {
    border: 1px solid #EA1C2C;
    color: white;
    background-color: #EA1C2C;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    text-transform: uppercase;
    background-image: url(images/plusimage.gif);
    background-position: right;
    background-repeat: no-repeat;
}

.accContent {
    border: 1px solid #D4D4D4;
    border-top: none;
    padding: 5px;
    padding-top: 5px;
}



#master_content .accHeader a {
    color: red;
    background-color: #8A95A7;
    text-decoration: none;
}

    #master_content .accHeader a:hover {
        background: none;
        text-decoration: underline;
    }



#master_content .accHeaderSelected a {
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

    #master_content .accHeaderSelected a:hover {
        background: none;
        text-decoration: underline;
    }


.desc {
    padding: 10px;
    border-right: gray 1px dashed;
    border-top: gray 1px dashed;
    border-left: gray 1px dashed;
    border-bottom: gray 1px dashed;
    margin: 2px 5px 13px 2px;
    background-color: #F8F8F8;
}
.descbox {
     
    BORDER-RIGHT: #eeeeee 1px dotted;
    BORDER-TOP: #eeeeee 1px dotted;
    BORDER-LEFT: #eeeeee 1px dotted;
    BORDER-BOTTOM: #eeeeee 1px dotted;
    
    margin: 5px 5px 5px 5px;
    box-shadow: 1px 5px 5px #eee;
    border-radius: 2px;
 
 

}
.tdborder {
    border-right: #B5ADAD 1px dashed;
    border-top: #B5ADAD 1px dashed;
    border-left: #B5ADAD 1px dashed;
    border-bottom: #B5ADAD 1px dashed;
    padding: 5px;
}

/** TABLES **/

.Tabletd_Grey {
    background-color: #8A95A7;
    padding-right: 10px;
    padding-left: 10px;
    border-right: #f5f5f5 1px solid;
    border-left: #f5f5f5 1px solid;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    height: 35px;
}

.Tabletd_White {
    background-color: #FFFFFF;
    padding-right: 10px;
    padding-left: 10px;
    border-right: #f5f5f5 1px solid;
    border-left: #f5f5f5 1px solid;
    height: 35px;
}

.Tabletd_LightGrey {
    background-color: #f5f5f5;
    padding-right: 10px;
    padding-left: 10px;
    border-right: #f5f5f5 1px solid;
    border-left: #f5f5f5 1px solid;
    height: 35px;
}

.fadedtext {
    color: #8A95A7;
}

.redlink {
    text-decoration: none;
    color: #EA1C2C;
}

.whitelink {
    text-decoration: none;
    color: White;
}


.GroupByCell {
    cursor: pointer;
}

.GroupByText {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
    padding-right: 5px;
}

.Over {
    background-color: #EA1C2C;
    color: Black;
    cursor: pointer;
    border-right: white 2px solid;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
}

.OverRight {
    background-color: #EA1C2C;
    color: Black;
    cursor: pointer;
    width: 121px;
    border-right: #EA1C2C 2px solid;
    margin-right: 10px;
    padding-left: 3px;
}

.Menutd_Red {
    border-right: white 2px solid;
    background-color: #EA1C2C;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
}

.Menutd_RedEdge {
    border-right: white 2px solid;
    background-color: #EA1C2C;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}


.Menutd_Grey {
    border-right: white 2px solid;
    background-color: gray;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
}

.Menutd_GreyEdge {
    border-right: white 2px solid;
    background-color: gray;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}


.Menutd_Grey_Right {
    border-right: gray 2px solid;
    background-color: gray;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
}

.Menutd_Grey_RightEdge {
    border-right: gray 2px solid;
    background-color: gray;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}


.Menutd_Red_Right {
    border-right: #EA1C2C 2px solid;
    background-color: #EA1C2C;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
}

.Menutd_Grey_Left {
    border-right: white 2px solid;
    background-color: #EA1C2C;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
}

.ModalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.50;
}

.homeinput {
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 0px 8px 5px;
    width: 500px;
    border-width: 3px;
    border-color: #D4D4D4;
    border-style: solid;
}

/*company index page start*/

.industry_list {
    color: #EA1C2C;
    border: 1px solid #ccc;
    width: 220px;
    line-height: 30px;
    padding-left: 6px;
}

.industry_first {
    color: #676767;
    border: 1px solid #ccc;
    line-height: 30px;
    padding-left: 6px;
}

.panel {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.panel_name {
    background-image: url(images/panel_bg.png);
    background-repeat: repeat-x;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    padding-left: 10px;
    border-top: 1px solid #ccc;
}

    .panel_name a {
        color: #000;
        text-decoration: none;
        font-weight: bold;
    }

.panel_content {
    padding: 10px;
    background-color: #fdfdfd;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#fbfbfb');
}

.allink {
    color: #EA1C2C;
    border: 1px solid #ccc;
    line-height: 30px;
    font-weight: bold;
    padding-left: 3pt;
    padding-right: 3pt;
    margin-right: 2.5pt;
}

.alselected {
    color: white;
    border: 1px solid #ccc;
    background-color: #EA1C2C;
    line-height: 30px;
    font-weight: bold;
    padding-left: 3pt;
    padding-right: 3pt;
}

.aldisabled {
    color: #C6C6C6;
    border: 1px solid #ccc;
    line-height: 30px;
    font-weight: bold;
    padding-left: 3pt;
    padding-right: 3pt;
    margin-right: 2.5pt;
}

.meter-wrap {
    position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 147px;
    height: 18px;
}

.meter-wrap {
      border-radius:6px;
       height: 20px;
       
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+100;Grey+Flat */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

.meter-value {
    /*background: #eeeeee url(images/meter-outline1.png) top left no-repeat;*/
    height: 20px;
    border-radius: 6px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
    background: #f2f5f6; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}

.meter-text {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 3px;
    font-size: 10px;
    color: black;
    text-align: center;
    width: 100%;
     border-radius:13px;
}

.BannerBorders {
    display: block;
    padding: 8px;
    border: solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    background-color: white;
}

.footerback {
    background: url(images/footer_CProcure2020.png);
}

.whitelinkfooter {
    color: White;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    text-transform:uppercase;
}


.whitelinkfooter.hover {
    color: black;
    text-decoration: none;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
}




/*carousalnews*/
.list_carousel {
    margin: 0px 0px 0px 0px;
}

    .list_carousel ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

    .list_carousel li {
        font-size: 13px;
        text-align: left;
        background-color: #ffffff;
        border: 1px dotted #999;
        width: 343px;
        height: 150px;
        padding: 0;
        margin: 5px;
        display: block;
        float: left;
    }

    .list_carousel.responsive {
        width: auto;
        margin-left: 0;
    }




/*carousalwide*/
.list_carousel1 {
    margin: 0px 0px 0px 0px;
}

    .list_carousel1 ul {
        margin: 0;
        padding: 0;
        list-style: none;
        display: block;
    }

    .list_carousel1 li {
        font-size: 13px;
        text-align: left;
        background-color: #ffffff;
        border: 1px dotted #999;
        width: 99%;
        padding: 0;
        margin: 5px;
        display: block;
        float: left;
    }

    .list_carousel1.responsive {
        width: auto;
        margin-left: 0;
    }
/*carousal*/


    label.checkbox-label input[type=checkbox]{
        position: relative;
        vertical-align: middle;
        bottom: 1px;
    }


.txtFontSmall {
    font-size: 13px;
}

.newsScrolerHeader {
    font-weight: bold;
    color: #EA1C2C;
    font-size: 13px;
}

.newsScrolerDesc {
    font-size: 13px;
}




.searchsection {
    background-color: #EA1C2C;
    color: White;
    font-weight: bold;
}



.HeadingBranch {
    background-color: orange;
}


.BranchContact {
    background-color: gray;
}


.profilepopup {
    background-color: #EA1C2C;
    width: 95%;
    color: #FFFFFF;
    font-size: 16px;
    font-family:Century Gothic, Arial,Verdana ;
    height: 40px;
}

.profilepopupclose {
    background-color: #EA1C2C;
    width: 1%;
    height: 40px;
    padding-right: 3px;
}

.buyRegRight {
    background-color: gray;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}


.buyRegLeft {
    background-color: #EA1C2C;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}


.buyDashboard {
    background-color: gray;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}

.buyDashboardSelected {
    background-color: #EA1C2C;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}


.buyDocLibrary {
    background-color: gray;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}

.buyDocLibrarySelected {
    background-color: #EA1C2C;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}

.buyMyAccount {
    background-color: gray;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}

.buyMyAccountSelected {
    background-color: #EA1C2C;
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #F5F5F5;
    font-family: Century Gothic, Arial,Verdana;
    font-size: 13px;
}



.titleheader16 {
    color: #EA1C2C;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
}

a.titleheader16:hover {
    text-decoration: underline;
}


#confirmationaccept {
    background: #e5f7e3 url(Images/check.gif) no-repeat;
    background-position: 7px 7px;
    border: 1px solid #c5e1c8;
    font-weight: 700;
    color: #005e20;
    padding: 8px 8px 8px 28px;
}

#confirmationerror {
    background: #ffebeb url(Images/x.gif) no-repeat;
    background-position: 7px 7px;
    border: 1px solid #f5c1c2;
    font-weight: 700;
    color: #9e0b0f;
    padding: 8px 8px 8px 28px;
}

#confirmationwarning {
    background: #fffeeb url(Images/warning.gif) no-repeat;
    background-position: 7px 7px;
    border: 1px solid #e6e5d8;
    font-weight: 700;
    color: #555;
    padding: 8px 8px 8px 28px;
}

#confirmationquestion {
    background: #e8f8fe url(Images/question.gif) no-repeat;
    background-position: 7px 7px;
    border: 1px solid #cfdfe5;
    font-weight: 700;
    color: #004a80;
    padding: 8px 8px 8px 28px;
}


/*homepagepopup*/
#popup {
    /*center
    left: 50%;
    top: 50%;
    height: 270px;
    margin-top: -200px;
    margin-left: -300px;*/
    /*top
      top:20px;
   */
    position: fixed;
    z-index: 100;
    width: 350px;
    padding: 13px 31px;
    bottom: 20px;
    right: 20px;
    border: 1px solid #e4e4e4;
    border-radius: 16px;
    background-color: white;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.6),inset 0 0 10px rgba(255,255,255,0.6);
    background-image: linear-gradient(bottom, #EEEEEE 15%, #FFFFFF 58%);
    background-image: -o-linear-gradient(bottom, #EEEEEE 15%, #FFFFFF 58%);
    background-image: -moz-linear-gradient(bottom, #EEEEEE 15%, #FFFFFF 58%);
    background-image: -webkit-linear-gradient(bottom, #EEEEEE 15%, #FFFFFF 58%);
    background-image: -ms-linear-gradient(bottom, #EEEEEE 15%, #FFFFFF 58%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.15, #EEEEEE), color-stop(0.58, #FFFFFF) );
    font-size: 12pt;
    color: black;
    font-family: Calibri;
}

    #popup h4 {
        margin-top: 0;
    }

#popupClose {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 16px;
    width: 16px;
    background-color: gray;
    border-radius: 2px;
    box-shadow: inset 0 0 4px rgba(0,0,0,1.0),0 0 10px rgba(0,0,0,0.4);
    font-size: 0.85em;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
}

    #popupClose:hover {
        background-color: black;
    }

.hide {
    display: none;
}
/*end homepagepopup*/


.containerShort {
    background-color: white;
    width: 3em;
    border-style: solid;
    border-width: thin;
    border-color: #c0c0c0;

}

.containerBorder {
    
}

.containerBorderSlider {
}

.containerBorderSliderR {

     /*background-color: #D4D4D4;
    width: 6px;*/
}

.header3 {
    background-image: url(images/headerTopSO_cprocure.png);
    background-repeat: no-repeat;
    height: 85px;
    width: 1200px;
}

.headerlogoBG {
    background-image: url(images/headerLogoBG_Cprocure3.png);
    background-repeat: no-repeat;
    height: 167px;
    width: 1200px;
}


.headermenuBG {
    background-image: url(images/headermenu_cProcure1.png);
    background-repeat: no-repeat;
    height: 63px;
    width: 1200px;
}

#ctl00_cprocureboxlink {
    position: absolute;
    top: 140px;
    left: 360px;
    width: 723px;
    height: 93px;
    background-color: transparent;
    border: 0px solid white;
}



.bgtile {
    background-image: url(images/bg_tile_CProcure1.png);
    background-repeat: repeat-y;
}



.facebooktop {
    padding-right: 15px;
    padding-top: 15px;
}


.loginheader1 {
    padding-top: 5px;
    padding-right: 5px;
}


.loginheader2 {
    padding-top: 5px;
    padding-right: 85px;
}

.welcomeheader1 {
    padding-top: 5px;
    padding-bottom: 2px;
  
    padding-right: 5px;
}

.welcomeheader2 {
    padding-top: 5px;
    padding-bottom: 2px;
   
    padding-right: 15px;
}

.WhoWhatContainer {
    background-image: url(images/topSearchCProcure.png);
    height: 39px;
}

.WhoWhat {
    background-color: #f7f9fa;
    width: 3em;
    border-style: solid;
    border-width: thin;
    border-left-color: #c0c0c0;
    border-right-color: #c0c0c0;
    border-bottom-color: #c0c0c0;
    border-top-color: #f7f9fa;
    padding: 45px;
    width: 100px;
}

.whowhatborder_searchome 
{
       width: 6px;
    background-color: #d4d4d4;
}


.WhoWhatSmall {
    width: 100%;
    margin-top: 10px;
}



.whowhatborder_searchome 
{
    width: 6px;
    background-color: #d4d4d4;  
}



.whowhatborder {
    width: 6px;
    background-color: #d4d4d4;
}

.headerback {
    background-image: url(images/title1105a.gif);
    background-repeat: no-repeat;
    width: 1105px;
    height: 46px;
    color: white;
    text-transform: uppercase;
}


.titleheaderSearchResult {
    color: #CC171E;
    font-family:Century Gothic, Arial,Verdana ;
    font-size: 20px;
    text-decoration: none;
    text-transform: lowercase;
    margin-top: 10px;
    display: inline-block;
}



.searchresultheader1 {
    background-image: url(images/titles745.png);
    background-repeat: no-repeat;
    width: 745px;
    height: 46px;
    margin-top: 10px;
    display: inline-block;
}




.WhoWhatSearchDetail {
}

.whowhatbordersearchdetaill {
    width: 6px;
    background-color: #d4d4d4;
}

.whowhatbordersearchdetaillr {
    width: 6px;
    background-color: #d4d4d4;
}


.howtoback {
    background-repeat: no-repeat;
    background-image: url(images/banner_feedback.gif);
}


/* Arrow for pTooltip*/
   .arrow:after {
        background: white;
        border: 2px solid white;
    }
    .ui-tooltip {
        border: 2px solid white;
        border-radius: 15px;
        box-shadow: 0 0 7px black;
    }
    .arrow {
        width: 70px;
        height: 16px;
        overflow: hidden;
        position: absolute;
        left: 50%;
        margin-left: -25px;
        bottom: -16px;
    }
    .arrow.top {
        top: -16px;
        bottom: auto;
    }
    .arrow.left {
        left: 80%;
    }
    .arrow:after {
        content: "";
        position: absolute;
        left: 20px;
        top: -22px;
        width: 25px;
        height: 25px;
        box-shadow: 6px 5px 9px -9px black;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .arrow.top:after {
        bottom: -20px;
        top: auto;
    }


  


.ErrorControl
    {
        background-color: #FBE3E4;
        border: solid 2px #FBE3E4;
    }


.menu-down {
    background: #F9F9F9;
    padding: 10px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #eeeeee;
    box-shadow: 1px 1px 1px lightgray;
}	
    

 #stickySCNMembership
    {
  
    width:1100px;
    }



 .tablea { border: 1px #eeeeee solid; width:100% }
.tda { border: 1px #eeeeee solid ; }
.tdac { border: 1px #eeeeee solid ;text-align:center }




/*Search box on deals  related*/
.field {
    display: flex;
    position: realtive;
    width: 400px;
    flex-direction: row;
    font-family: Verdana;
}

    .field > input[type=text],
    .field > input[type="submit"] {
        display: block;
    }

    .field > input[type=text] {
        flex: 1;
        padding: 1.0em;
        border: 0.1em solid #c4c6cf;
        margin: 0;
        font-family: Verdana;
        Width: 390px
    }

    .field > input[type="submit"] {
        padding: 0.6em 0.8em;
        background-color: #cc171e;
        color: white;
        border: none;
        cursor: pointer;
        margin: 0;
    }

.watermarksd {
    font-family: Verdana;
    color: #CAC1C3;
}

.titleheaderd {
    color: #CC171E;
    font-family: Verdana;
    font-weight: bold;
    font-size: 13px;
}

.inputd {
    border-color: #D4D4D4;
    border-style: Solid;
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    border-width: 2px;
    margin-bottom: 0px;
    border-radius: 2px;
    padding: 2px;
}



.balloonstyle {
    position: absolute;
    top: -500px;
    left: 0;
    padding: 5px;
    visibility: hidden;
    border: 0px solid #000000;
    font: normal 12px Verdana;
    border-radius: 10PX;
    z-index: 100;
    background-color: #F5F5F5;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead {
    z-index: 99;
    position: absolute;
    top: -500px;
    left: 0;
    visibility: hidden;
}




.Tabletd_Grey_QuestionBlock {
    background-color: #8A95A7;
    border-right: #f5f5f5 1px solid;
    border-left: #f5f5f5 1px solid;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    height: 100px;
}


.Tabletd_Grey_Questions {
    background-color: #8A95A7;
    padding-right: 0px;
    padding-left: 10px;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 13px;
    height: 100px;
    width:350px;
}



.Tabletd_LightGrey_CommentsBlock {
    background-color: #f5f5f5;
    border-right: #f5f5f5 1px solid;
    border-left: #f5f5f5 1px solid;
    height: 100px;
}

.Tabletd_LightGrey_Comments {
    
    border: #f5f5f5 1px solid;
    width:200px;
    height: 100px;
}


.profilepending {
    color: white;
    text-decoration: none;
    padding-right: 6px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 5px;
    border-radius: 5px;
    background-color: gray;
}

.membertype {
    color: black;
    text-decoration: none;
    padding-right: 6px;
    padding-left: 8px;
    padding-top: 4px;
    padding-bottom: 5px;
    border-radius: 5px;
    border: lightgray 1px solid;
    background-color: #F8F8F6;
    cursor: pointer;
}


.divSearchGlass {
    position: absolute;
    top: 230px;
    width: 1088px;
    color: white;
    background-color: #00334C;
    text-align: center;
    left: 52%;
    padding: 12px;
    z-index: 2;
    display: none;
    box-shadow: gray 2px 2px 5px 0px;
    border-radius: 5px;
    -webkit-transform: translateX(-51%);
    -moz-transform: translateX(-51%);
    -ms-transform: translateX(-51%);
    -o-transform: translateX(-51%);
    transform: translateX(-51%);
}







/*ERFQ STYLES */
a.linx {
    color: #3973bf;
    font-weight: bold;
    text-decoration: none;
}


    a.linx:hover {
        color: #333;
        font-weight: bold;
        text-decoration: underline;
    }

a.linxred {
    color: red;
    font-weight: bold;
    text-decoration: none;
}



.erfxtitleheader {
    color: #CC171E;
    font-family: Verdana;
    font-size: 20px;
    text-decoration: none;
}

.erfxtitle {
    color: #CC171E;
    font-weight: bold;
    font-size: 14px;
}


.erfxMenutd_Red {
    border-right: white 2px solid;
    background-color: #CC171E;
    width: 121px;
    margin-right: 10px;
    padding-left: 3px;
}

.erfxsubheading {
    color: #CC171E;
    font-weight: bold;
    margin-bottom: 3px;
    text-align: center;
}

.erfxheading1red {
    color: #CC171E;
    font-size: 14px;
    font-family: Verdana;
    font-weight: bold;
    text-transform: uppercase;
}


.AddExistingButtonClass {
    background-image: url('images/btn_addfromexisting.png');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 170px;
    height: 22px;
}

.AddNewButtonClass {
    background-image: url('images/btn_addnew.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 85px;
    height: 22px;
}

.SearchSuppliersButtonClass {
    background-image: url('images/btn_search.png');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 85px;
    height: 22px;
}

.BackButtonClass {
    background-image: url('images/btn_back.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 85px;
    height: 22px;
}

.NextButtonClass {
    background-image: url('images/btn_next.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 85px;
    height: 22px;
}


.SaveButtonClass {
    background-image: url('images/btn_save.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 55px;
    height: 22px;
}

.ClearButtonClass {
    background-image: url('images/btn_clear.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 55px;
    height: 22px;
}

.ExportButtonClass {
    background-image: url('images/export.png');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 55px;
    height: 22px;
}


.SaveNextButtonClass {
    background-image: url('images/btn_savenext.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 125px;
    height: 22px;
}

.SaveExitButtonClass {
    background-image: url('images/btn_savexit.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 117px;
    height: 22px;
}


.ViewTotalsButtonClass {
    background-image: url('images/btn_viewtotals.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 117px;
    height: 22px;
}

.SubmitButtonClass {
    background-image: url('images/btn_submit.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 117px;
    height: 22px;
}


.erfxradiotopleft {
    background: url('images/radio_left_red.gif');
    height: 10px;
    width: 12px;
}

.erfxradiotopright {
    background: url('images/radio_right_red.gif');
    height: 10px;
    width: 12px;
}

.erfxradiocolor {
    background-color: #cc171e;
}

.erfxradiobottomleft {
    background: url('images/radio_left_red.gif');
    background-position: 50% 100%;
    height: 10px;
    width: 12px;
}

.erfxradiobottomright {
    background: url('images/radio_right_red.gif');
    background-position: 50% 100%;
    height: 10px;
    width: 12px;
}

.CancelButtonClass {
    background-image: url('images/btn_cancel.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 65px;
    height: 22px;
}

.UploadButtonClass {
    background-image: url('images/btn_upload.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 85px;
    height: 22px;
}

.UploadAttributeButtonClass {
    background-image: url('images/btn_upload_Attributes.gif');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
    width: 120px;
    height: 22px;
}