@charset "utf-8";

/* CSS Document */

/****************************************************************************
*																			*
*	2014 / 06 / 25 Created by Jessica Park 									*
*																			*
*	00. Global,																*
*	01. Main,																*
*	02. Bid Scope,															*
*	03. Bid Document														*
*																			*
*****************************************************************************/

/********************** 00. Global /*****************************************
*	00-01 HEAADER															*
*	00-02 NAVIGATION														*
*	00-03 BREADCRUMB														*
*	00-04 FOOTER															*
*	00-05 BUTTON															*
*****************************************************************************/
@media print {
    .example-screen {
        display: none;
    }
    .example-print {
        display: block;
    }
    .test11{display:none;
    }
}

body.errorBg{
    margin:0 auto;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
    height:auto;
    border-top: 5px solid #457acd;

}

a {
    color: #0050BF;
    cursor: pointer;
}

a:hover {
    color: #FF5C00; /* orange */
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

ol, ul {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.count {
    font-size: 10px;
    color: #999999
}

.date_format {
    font-size: 10px;
    color: #797f8a
}

.bold {
    font-weight: bold
}

.orange {
    color: #FF5C00;
}

.green {
    color: #9bc736;
}

.red {
    color: red;
}
.darkRed { color:#cc3333; }
.dark_blue {
    color: #24395C;
}

.black {
    color: black
}

.p10 {
    padding: 10px
}

.p20 {
    padding: 20px
}

.p30 {
    padding: 30px
}

.pTop10 {
    padding-top: 10px
}
.center {
    text-align:center
}
.left {
    text-align:left
}

header,
nav,
.content_container {
    clear: both
}

.floatRgt {
    float:right
}

textarea {
    width:98%;
}

td {
    vertical-align: top;
}

/********************** 00-01 HEADER  /**************************************
*																			*
*****************************************************************************/
.logo.ebidding {
    float: left;
    padding: 3px 0 0 10px;
}


.page_header {
    width: 1170px;
    margin: 0 auto;
    height: 85px;
}

.page_header a {
    text-decoration: none
}

.logo {
    float: left;
    padding: 15px 0 0 5px;
}

.user_info {
    text-align: right;
    padding-top: 15px;
    padding-right:10px;
}

.user_info p {
    margin:0 5px 8px 0;
}

.user_info_Subscription {
    font-size: 14px;
    font-weight: bold;
    color: #24395c;
}

.user_info_menu {
    list-style: none;
    font-size: 11px;
    margin-right:5px;
}


.user_info_menu a {
    list-style: none;
    font-size: 11px;
    margin-right:5px;
    text-decoration:underline;
}

.user_info_menu li {
    float: right;
    position: relative;
    padding-right: 30px
}

.user_info_menu li:first-child {
    padding: 0
}

.user_info_menu li:first-child:before {
    border: none;
}

.user_info_menu li:before {
    position: absolute;
    content: "";
    top: 1px;
    height: 10px;
    right: 15px;
    border-right: 1px solid #d8d8d8;
    clear: both
}

/********************** 00-02 NAVIGATION  /**********************************
*																			*
*****************************************************************************/


.navigation {
    /*background: #f68343;  Old browsers
    background: -moz-linear-gradient(top, #f68343 0%, #e06929 100%); /* FF3.6+
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f68343), color-stop(100%, #e06929)); /* Chrome,Safari4+
    background: -webkit-linear-gradient(top, #f68343 0%, #e06929 100%); /* Chrome10+,Safari5.1+
    background: -o-linear-gradient(top, #f68343 0%, #e06929 100%); /* Opera 11.10+
    background: -ms-linear-gradient(top, #f68343 0%, #e06929 100%); /* IE10+
    background: linear-gradient(to bottom, #f68343 0%, #e06929 100%); /* W3C
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68343', endColorstr='#e06929', GradientType=0 ); /* IE6-9
    height: 42px;
    border-top: 1px solid #eb7635;
    border-bottom: 1px solid #d65f1f*/
    background: #FF6E2F;
    height: 42px;
}

.error_navigation {
    background: #f68343; /* Old browsers */
    background: -moz-linear-gradient(top, #f68343 0%, #e06929 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f68343), color-stop(100%, #e06929)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f68343 0%, #e06929 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f68343 0%, #e06929 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f68343 0%, #e06929 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f68343 0%, #e06929 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68343', endColorstr='#e06929', GradientType=0 ); /* IE6-9 */
    height: 82px;
    border-top: 1px solid #eb7635;
    border-bottom: 1px solid #d65f1f
}



.navigation a {
    color: white;
    text-decoration: none;
    height: inherit;
    line-height: 42px;
    padding: 0 40px;
    display: block;
    /*background: url(../images/menu_line.png) right center no-repeat*/
}

.navigation ul {
    /*background: url(../images/menu_line.png) left center no-repeat*/
}

.navigation a:hover {
    /* background:#26344C; */
    /*background: #9f422c*/
}

.paynow {
    float:right;
    margin-top:3px;
}

.floatingPayMeNow {
    position: absolute;
    z-index: 1;
    right: 70px;
    top: 85px;
}

.navigation ul {
    /*width: 1170px;*/
    width: 1285px;
    margin: 0 auto;
    font-size: 14px;
    font-weight: bold;
    height: inherit
}

.navigation ul li {
    /* float: left; */
    height: inherit;
}

.page_container {

}


.menu-current.eRespHome{
    background-color: #26344C;
    border-right: 5px solid #FF6E2F;
    border-left: 5px solid #FF6E2F;
}


/********************** 00-03  BREADCRUMB /**********************************
*																			*
*****************************************************************************/


.breadcrumb_container {
    border-bottom: 1px solid #eeeeee;
    font-size: 11px;
    overflow: auto
}

.breadcrumb {
    width: 1170px;
    margin: 0 auto;
    list-style: none;
    font-weight: bold;
}

.breadcrumb li {
    position: relative;
    float: left;
    padding: 10px 20px 10px 5px;
}

.breadcrumb li a {
    font-weight: normal
}

.breadcrumb li a:after {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    top: 50%;
    margin-top: -4px;
    right: 5px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #CCC;
    clear: both;
}

li.breadcrumb-last-child {
    padding: 5px !important;
}

li.breadcrumb-last-child a:after {
    content: "";
    border: 0;
}

.download-btn-sm {
    width: 220px;
    color: #fff;
    background: #3f4857;
    padding: 0.5em;
    text-align: center;
    border-radius: 3px;
    font-weight: 700;
}

.download-btn-sm:hover {
    opacity: .9;
}

/********************** 00-04  FOOTER /**************************************
*																			*
*****************************************************************************/

.page_footer {
    width: 1170px;
    margin: 0 auto;
    font-size: 11px;
    text-align: center;
    padding-bottom: 5px
}

.page_footer p.copyright {
    padding: 5px 0
}

.page_footer p.copyright_list a {
    padding: 0 8px;
    position: relative
}

.page_footer p.copyright_list a:after {
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    top: 15%;
    left: -3px;
    background: #c0c0c0;
    clear: both;
}

.page_footer p.copyright_list a:first-child:after {
    background: none
}


/********************** 00-05 BUTTON /*************************************
*																			*
*****************************************************************************/

.button { /* Default color = > GREEN */
    position:relative;
    display: inline-block;
    border:1px solid #7ba917;
    background: #8dbd25;
    font-size:12px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.printbutton { /* Default color = > GREEN */
    position:relative;
    display: inline-block;
    border:1px solid #7ba917;
    background: #8dbd25;
    font-size:12px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


.button-reviewVert { /* Default color = > GREEN */
    position:relative;
    display: inline-block;
    border:1px solid #7ba917;
    background: #8dbd25;
    font-size:12px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 5px;
    margin-right: 5px;
}

.button-reviewVert a {
    display:block;
    border-top: 1px solid #9bc736;
    border-left: 1px solid #8fbc2f;
    border-right: 1px solid #8fbc2f;
    border-bottom: 1px solid #87b327;
    background: -moz-linear-gradient(top, #93c228 0%, #80af19 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93c228), color-stop(80%, #80af19) );
    background: -webkit-linear-gradient(top, #93c228 0%, #80af19 80%);
    background: -o-linear-gradient(top, #93c228 0%, #80af19 80%);
    background: linear-gradient(to bottom, #93c228 0%, #80af19 80%);
    padding:6px 15px;
    color:white;
    text-decoration:none;
    font-weight: bold;
    line-height:100%;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.button-reviewVert.arrow a {
    padding: 6px 45px 6px 15px;
}


.button-reviewVert.arrow:after {
    content: "";
    position: absolute;
    top: 16%;
    width: 25px;
    right: 10px;
    height: 70%;
    background: url(../images/button-arrow.png) center no-repeat;
}



.button a {
    display:block;
    border-top: 1px solid #9bc736;
    border-left: 1px solid #8fbc2f;
    border-right: 1px solid #8fbc2f;
    border-bottom: 1px solid #87b327;
    background: -moz-linear-gradient(top, #93c228 0%, #80af19 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93c228), color-stop(80%, #80af19) );
    background: -webkit-linear-gradient(top, #93c228 0%, #80af19 80%);
    background: -o-linear-gradient(top, #93c228 0%, #80af19 80%);
    background: linear-gradient(to bottom, #93c228 0%, #80af19 80%);
    padding:6px 15px;
    color:white;
    text-decoration:none;
    font-weight: bold;
    line-height:100%;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.button.full_size {
    float: none
}


.button.gray {
    border:1px solid #dddddd;
    background: #dddddd;
    color: #333333;
}

.button.gray a {
    color: #444;
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e3e3e3;
    background: -moz-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(80%, #dcdcdc) );
    background: -webkit-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -o-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: linear-gradient(to bottom, #ededed 0%, #dcdcdc 80%);
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
}

.button.disabledBtn{
    border:1px solid #dddddd;
    background: #dddddd;
    color: #333333;
}

.button.disabledBtn a {
    color:#BEBDBD;
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e3e3e3;
    background: -moz-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(80%, #dcdcdc) );
    background: -webkit-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -o-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: linear-gradient(to bottom, #ededed 0%, #dcdcdc 80%);
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
    cursor: default;
}


.button.blue {
    border:1px solid #2c5e9d;
    background: #2c5e9d;
    color: white;
}

.button.blue a {
    color: white;
    border-top: 1px solid #2c5e9d;
    border-left: 1px solid #2c5e9d;
    border-right: 1px solid #2c5e9d;
    border-bottom: 1px solid #2c5e9d;
    background: -moz-linear-gradient(top, #ededed 0%, #2c5e9d 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2c5e9d), color-stop(80%, #2c5e9d) );
    background: -webkit-linear-gradient(top, #2c5e9d 0%, #2c5e9d 80%);
    background: -o-linear-gradient(top, #2c5e9d 0%, #2c5e9d 80%);
    background: linear-gradient(to bottom, #2c5e9d 0%, #2c5e9d 80%);
}


.button.grayBack {
    border:1px solid #dddddd;
    background: #dddddd;
    color: #333333;
    text-align: right;
}

.button.grayBack a {
    color: #444;
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e3e3e3;
    background: -moz-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(80%, #dcdcdc) );
    background: -webkit-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -o-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: linear-gradient(to bottom, #ededed 0%, #dcdcdc 80%);
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
    padding-left: 45px;
}


.button.printGrayBack {
    border:1px solid #dddddd;
    background: #dddddd;
    color: #333333;
    width:85px;
    text-align: right;
}

.button.printGrayBack a {
    color: #444;
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e3e3e3;
    background: -moz-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(80%, #dcdcdc) );
    background: -webkit-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -o-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: linear-gradient(to bottom, #ededed 0%, #dcdcdc 80%);
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
}

.button.printBlueBack {
    border:1px solid #9CBDCC;
    text-align: right;
}

.button.printBlueBack a {
    color: #444;
    border-top: 1px solid #D5E9FD;
    border-left: 1px solid #C2E4FE;
    border-right: 1px solid #BFE2FB;
    border-bottom: 1px solid #ADDAFD;
    background: -moz-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #72C1EE), color-stop(80%, #78CFEF) );
    background: -webkit-linear-gradient(top, #DAEAF2 0%, #B7D2E6 80%);
    background: -o-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: linear-gradient(to bottom, #C2E2F9 0%, #9BC4FB 80%);
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
    padding-left: 35px;
}



.button.red {
    border:1px solid #b01611;
    background: #b7201a;
}

.button.red a {
    border-top: 1px solid #c73631;
    border-left: 1px solid #bf312b;
    border-right: 1px solid #bf312b;
    border-bottom: 1px solid #b62925;
    background: -moz-linear-gradient(top, #c12923 0%, #b21b16 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c12923), color-stop(80%, #b21b16) );
    background: -webkit-linear-gradient(top, #c12923 0%, #b21b16 80%);
    background: -o-linear-gradient(top, #c12923 0%, #b21b16 80%);
    background: linear-gradient(to bottom, #c12923 0%, #b21b16 80%);
}

.button.large {
    font-size: 13px;
}

.button.large a {
    padding:9px 18px;
}

.button.disable {
    border:1px solid #333333;
    background: #333333;
}

.button.disable a {
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    background: -moz-linear-gradient(top, #333333 0%, #333333 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(80%, #333333) );
    background: -webkit-linear-gradient(top, #333333 0%, #333333 80%);
    background: -o-linear-gradient(top, #333333 0%, #333333 80%);
    background: linear-gradient(to bottom, #333333 0%, #333333 80%);
}



.button.arrow a {
    padding:6px 45px 6px 15px;
}


.button.arrow.large a {
    padding:9px 50px 9px 15px
}

.button.arrow:after {
    content: "";
    position: absolute;
    top: 16%;
    width: 25px;
    right: 10px;
    height: 70%;
    background: url(../images/button-arrow.png) center no-repeat;
}

.small_button { /* Default color = > GREEN */
    padding: 2px 10px 2px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #92bc26;
    border: 1px solid #8cb32b;
    text-decoration: none
}

.small_button.orange {
    background: #ec7535;
    border: 1px solid #e16a2a;
}


.small_button.gray {
    border:1px solid #c3c3c3;
    background: #dddddd;
}

.small_button.red {
    background: red;
    border: 1px solid #e16a2a;
}

.small_button.blue {
    background: #3C33FF;
    border: 1px solid #3C33FF;
}

.small_button.darkBlue {
    border:1px solid #2c5e9d;
    background: #2c5e9d;
    color: white;
}

.small_button:hover {
    color: white
}


/********************** 01. Main /*******************************************
*	01-04 MAIN SECTION														*
*****************************************************************************/


/********************** 01-04 MAIN SECTION /*************************************
*	01-04-01 PAGE ASIDE															*
*	01-04-02 PAGE SECTION														*
*	01-04-02-01 MAIN TABLE														*
*********************************************************************************/


.content_container {
    width: 1170px;
    margin: 0 auto;
    padding: 10px 0;
}



/* 01-04-01 PAGE ASIDE */

/********************** 01-04-01 PAGE ASIDE original /*************************************
.page_aside {
	position: relative;
	float:left;
	width: 200px;
	margin-right: 17px;
	padding: 20px 17px;
	border: 5px solid #eeeeed;
	-moz-border-radius: 8px;
	border-radius: 8px;
}														*
*********************************************************************************/

.page_aside-Left {
    position: relative;
    margin-bottom:10px;
    width: 220px;
    margin-right: 17px;
    padding: 20px 17px;
    border: 5px solid #eeeeed;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.page_aside-Left:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #dddddd;
    -moz-border-radius: 4px;
    border-radius: 4px;
}




.page_aside {
    position: relative;
    width: 220px;
    margin-right: 17px;
    padding: 20px 17px;
    border: 5px solid #eeeeed;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.page_aside:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #dddddd;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.menu_container_nobg {
    position: relative;
    margin-top:10px;
}

.menu_container_nobg:first-child {
    margin-top: 0
}

.menu_container_nobg:after {
    content: " ";
    position: absolute;
    top: -32px;
    width: 100%;
    left: -2px;
    height: 15px;

}

.menu_container:first-child:after {
    background: none
}


.menu_container {
    position: relative;
    margin-top: 45px;
}

.menu_container:first-child {
    margin-top: 0
}

.menu_container:after {
    content: " ";
    position: absolute;
    top: -32px;
    width: 100%;
    left: -2px;
    height: 15px;
    background: url(../images/left_menu_bg.png) center no-repeat;
}

.menu_container:first-child:after {
    background: none
}

.menu_container h2 {
    font-size: 14px;
    color: #363636;
    margin-bottom: 10px;
}

ul.menu_list {
    list-style: none;
    padding:0
}

ul.menu_list li {
    overflow: auto;
    padding: 4px 0;
    clear: both;
}

ul.menu_list a {
    position: relative;
    cursor: pointer;
    margin-right: 13px;
    font-weight: bold;
    color: #24395c;
}

ul.menu_list a:after {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    top: 50%;
    margin-top: -2px;
    right: -11px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #888C94;
    clear: both
}

ul.menu_list a:hover {
    color: #FF5C00;
}

ul.menu_list a.selected {
    color: #ff5c00;
    margin-right: 13px;
}

ul.menu_list a.selected:after {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    top: 50%;
    margin-top: -2px;
    right: -11px;
    border:none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #999;
    clear: both
}

ul.menu_list input {
    float: left;
}

ul.menu_list label {
    float: left;
    padding-left: 5px;
    width: 182px;
}

ul.menu_sub_list {
    margin-top: 18px;
    font-size: 11px;
    margin-left: 3px;
    padding:0;
    width: 97%;
    position:relative;
}



ul.menu_sub_list li {
    position: relative;
    border-left: 1px solid #dadada;
    padding-left: 10px;
}

ul.menu_sub_list li:first-child {
    padding-top: 8px;
}

ul.menu_sub_list li:last-child {
    position: relative;
    border-left: none;
    padding-left: 10px;
}

ul.menu_sub_list li:last-child:after {
    position: absolute;
    content: "";
    height: 10px;
    width: 1px;
    top: 0;
    left: 0;
    background: #dadada;
    clear: both
}

ul.menu_sub_list li:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 7px;
    top: 12px;
    margin-top: -2px;
    left: 0;
    background: #d9dadd;
    clear: both
}

ul.menu_sub_list li:first-child:before {
    top: 16px;
}

.menu_sub_list li label {
    width: 165px;
    position: relative
}

/********************** 01-04-02 PAGE SECTION /**********************************

*********************************************************************************/


.page_section {
    width: auto;
    overflow: hidden;
    position:relative
}

.page_section_timer {
    width:50%;
    overflow: hidden;
    position:relative;
    float:left;
}

.closedBid {
    width: 15%;
    float: left;
    padding: 10px 10px 30px 30px;
    text-align: right;
    font-weight: bold;
}

.page_section_timer h1 {
    font-size: 20px;
    margin: 10px 0 14px;
}

.page_section_timer-r ul{
    list-style-type: none;
}

.page_section_timer-r li{
    float: left;
}

.page_section_timer-r{

    float:right;

}


.page_section h1 {
    font-size: 20px;
    margin: 10px 0 14px;
}


.searchbox {
    padding: 17px;
    border: 1px solid #d8d7d5;
    background: #ebebeb;
    display: block;
    margin-bottom: 15px;
}

.searchbox label {
    float: left;
    width: 200px;
    text-align: right;
    padding: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #243043;
    text-shadow: 0px 1px 1px #fff;
}

.searchbox input {
    border: 1px solid #a8abac;
    padding: 2px;
}

.searchbox span {
    float: left;
    text-align: right;
    padding-top: 5px;
    font-size: 11px;
    font-weight: bold;
    color: #243043;
    text-shadow: 0px 1px 1px #fff;
}

.searchbox .row {
    padding: 2px;
}

.searchbox input.long {
    width: 371px;
}

.searchbox input.date {
    width: 176px;
}

.searchbox .small_button {
    margin-left: 3px;
    padding: 4px 10px;
    display: inline-block;
}

a.advanced-srarch {
    color: #24395c;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 3px;
    display: inline-block;
    margin-bottom: 3px;
    vertical-align: bottom;
}

a.advanced-srarch:hover {
    color: #ff5c00
}


/********************** 01-04-02-01 MAIN TABLE /**********************************

*********************************************************************************/

.table_main {
    width: 100%
}

.table_main a {
    color: #24395c;
}

.table_main th a {
    color: #ffffff;
}

.table_main a:hover {
    color: #FF5C00;
}

.table_main th {
    background: #3f4857;
    font-size: 11px;
    color: #ffffff;
    padding: 8px 4px;
    text-align: center;
    font-weight: normal;
    position: relative
}

.table_main th:before {
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    top: 15%;
    left: 0;
    background: #6a7280;
    clear: both
}

.table_main th:first-child:before {
    background: none;
}

.table_main tr:nth-child(even) {
    background: #f1f5f0;
}

.table_main td {
    padding: 12px 6px;
    border-bottom: 1px solid #c4cac2
}

.table_main td.bidname a {
    display: block;
    margin-bottom: 3px
}

.table_main td.bidname img {
    float: left;
    margin-left: -2px;
    margin-right: 3px;
}

.table_main td.bidname div {
    overflow: hidden;
}

.table_main input[type=text] {
    width:90%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.table_footer {
    padding: 10px 5px;
    overflow: auto;
    font-size: 11px
}

.table_footer ul {
    list-style: none;
    line-height: 20px;
    padding: 0;
    margin: 0
}

.data_info {
    padding:0
}

.table_navi {
    padding:0
}

.data_info li {
    position: relative;
    float: left;
    margin-right: 20px;
}

.data-info li:first-child {
    margin-left: 0
}

.data_info li:after {
    position: absolute;
    content: "";
    height: 50%;
    width: 1px;
    top: 25%;
    left: -10px;
    background: #c0c0c0;
    clear: both
}

.data_info li:first-child:after {
    background: none
}

.table_navi {
    float: right
}

.table_navi li {
    float: left;
    padding: 0 3px
}

.table_navi li a {
    font-weight: bold;
    color: #24395c;
}

.table_navi li a:hover {
    color: #FF5C00;
}

.table_navi li a.current {
    color: red;
}



/* TABLE LIST */

.table_list tr:nth-child(even) {
    background: none;
}

.table_list .parent {
    background: #f1f5f0!important;
}

.deleted {
    /* background: #cccccc !important; */
    background:#E4E4E4 !important;
}

.deleted input {
    background:#DFDFDF;
}

.lineThrough {
    text-decoration: line-through;
}

.addendumTitle {
    color: red;
}

.table_list .parent > td {
    /* background: #f1f5f0!important; */
}



.table_list th{
    padding:7px 4px;
    line-height:120%;
}

.table_list td{
    font-size: 11px;
    padding:6px 4px;
    border-bottom: 1px solid #dbdbdb;
    line-height:140%;
    vertical-align:top
}

.table_list .parent {
    font-weight:bold
}


.table_list td img {
    margin-bottom: -2px
}

.table_list td .button_wrap {
    float:right
}

.table_list td .bidname_wrap {
    float:left
}

.table_list .small_button {
    float:right;
    margin-left:4px;
    line-height:100%;
    font-size:10px;
    padding:2px 4px 3px;
    text-align:center;
    width:50px;
    color:white
}

.table_list .small_button:hover {
    color:white
}

.table_list .attach_file {
    float: right;
    padding-right: 5px;
    margin-top:1px
}

.table_list .small_button:last-child {
    margin-left:0
}

.table_list tr.sub_th th {
    background: #5c6370;
    border-top: 1px solid white
}

.table_list tr.sub_th1 th {
    background: #446DB4;
    border-top: 1px solid white
}

/********************** 02 Bid Scope /****************************************
* 02-00. BID SCOP ASIDE														*
* 02-01. BID HEADER															*
* 02-02. BID SCOPE															*
* 02-99. Bid Document CSS FROM OLD Biddingo.COM								*
*****************************************************************************/

.section_document_button {
    position:absolute;
    top:0;
    right:0
}

.section_document_buttonForm {
    top:0;
    right:0;
    padding-top:30px;
}

/* 02-00. BID SCOP ASIDE */

.sub_menu_container {
    position:relative;
    padding: 5px 0 20px;
}

.sub_menu_container:after {
    position: absolute;
    content: "";
    height: 0;
    width: 96%;
    bottom: 8px;
    border-bottom: 1px dotted #9b9b9b;
    left:2%;
    clear:both
}

.sub_menu_container:last-child{
    padding-bottom: 5px
}


.sub_menu_container:last-child:after{
    border:none
}

.sub_menu_container h3 {
    font-size: 12px;
    line-height:160%;
    color: #0050bf;
    margin-bottom: 10px;
}

.sub_menu_container h3 a{
    color: #0050BF;

}

.sub_menu_container h3 img {
    margin:3px 3px -4px 1px;
}

ul.menu_list_bid_info {
    font-size: 11px;
    list-style:none;
    margin-bottom:5px;
    padding:0
}

ul.menu_list_bid_info li {
    position:relative;
    padding:2px 0 2px 16px;
}

ul.menu_list_bid_info li:before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    top:50%;
    margin-top:-5px;
    left:5px;
    border-top:4px solid transparent;
    border-bottom:4px solid transparent;
    border-left:4px solid #a4a4b2;
    clear:both
}

ul.menu_list_category {
    font-size: 11px;
    list-style:none;
    padding:0
}

ul.menu_list_category li {
    position:relative;
    padding:3px 0 5px 16px;
}

ul.menu_list_category li:before {
    content: "";
    position: absolute;
    top: 0px;
    width: 25px;
    left: -6px;
    height: 15px;
    background: url(../images/checkedMark.gif) center no-repeat;
}

/* 02-01. BID HEADER */

.bid_header {
    padding: 20px;
    border:1px solid #dddddd;
    margin-bottom:15px;
}


.bid_header_viewVerif {
    padding: 0px;
    border:1px solid #dddddd;
    margin-bottom:15px;
}

.bid_header_viewVerif h2{
    padding-bottom:15px;
    color: #459900;
    font-size: 14px;
    border-bottom: 1px dotted #666666;
    margin-bottom:13px
}


.bid_header h2{
    padding-bottom:15px;
    color: #459900;
    font-size: 18px;
    border-bottom: 1px dotted #666666;
    margin-bottom:13px
}

.bid_header_table {
    width: 100%;

}

.bid_header_table th, .bid_header_table td {
    padding: 4px;
    line-height: 120%;
}

.bid_header_table th {
    width: 20%;
    text-align: right;
    font-weight: bold;
    color: black
}


.bid_header_table td {
    padding-left: 5px;
}

.icon_bid_type {
    margin-bottom: -4px
}


/* 02-02. BID SCOPE	*/
.bid_scope {
    border: 1px solid #d1d1d1;
    position:relative
}

.bid_scopeSection{
    text-align:center;
    position:relative;
    height:80px;
}

h2.bid_scope_title {
    border-left: 7px solid #ff6603;
    border-bottom: 1px solid #d1d1d1;
    padding:7px 8px 6px;
    color: black;
    background: #e7e7ec; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8fa), color-stop(100%, #e7e7ec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8fa 0%, #e7e7ec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8fa', endColorstr='#e7e7ec', GradientType=0 ); /* IE6-9 */
}


.bid_scope_detail {
    padding: 35px 25px 25px;
    position:relative
}


.float_right_menu {
    position:absolute;
    right:5px;
    top:6px
}

.float_right_menuPrint {
    right:5px;
    float: right;
}


.float_right_menu_goTo {
    text-align: right;
    width: 40%;
    float: right;
    padding-top: 1px;
}

.float_right_menu img {
    margin-bottom: -4px
}

.float_right_menu a {
    font-weight:bold
}


.bid_closing_date {
    position:absolute;
    top: 20px;
    right: 20px;
    font-weight: bold;
}
.bid_closing_date img {
    margin-bottom: -3px
}

.bid_closing_date .time {
    font-size: 22px;
    color: #FF5C00

}

/********************** 02-99. Bid Document CSS FROM OLD Biddingo.COM START /***********************************/

.ownerNameValue {
    font: bold 16pt Arial, Helvetica, sans-serif;
    color: #124801;
    text-align: center;
    margin-bottom: 0px;
    margin-top:0px;
}

.bidNoValue {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #C00;
    text-align: center;
    margin-top:5px;
    margin-bottom:20px;
}

.descriptionValue {
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #3B7908;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px #AFBFA3 solid;
    margin-bottom: 0px;
    margin-top: 15px;
}

.bidLabel, .closingDate {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #3B7908;
    /* padding-left: 6px; */
}

.closingDateValue {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #C00;
}

.bidValue {
    font: normal 14pt Arial, Helvetica, Verdana, sans-serif;
    padding-left: 20px;
}

.bidBg {
    width: 100%
}

.div_attach_view {
    width:auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top:10px
}

/********************** 03-99. Bid Document CSS FROM OLD Biddingo.COM END /***********************************/



/********************** 03. Bid Document /***********************************
* 03-00. BID DOCUMENT GLOBAL - Change content width to be 100%				*																				* 03-01. DOCUMENT VIEW - LIST												*
* 03-02. DOCUMENT VIEW - BID DETAIL											*
*****************************************************************************/

/* 03-00. BID DOCUMENT GLOBAL - Change content width to 100%	*/
.page_container_for_document_view .page_header,
.page_container_for_document_view .navigation ul,
.page_container_for_document_view .breadcrumb,
.page_container_for_document_view .page_footer,
.page_container_for_document_view .content_container {
    width: 100%;
    padding:0
}

.page_container_for_document_view .page_section {
    position:relative;
    padding: 10px;
    padding-bottom: 5px;
}

.page_container_for_document_view .section_document_button {
    position: absolute;
    right: 11px;
    top: 10px
}

.section_bid_button {
    position:absolute;
    top: 50%;
    left:7;
    height:51px;
    width:14px;
    margin-top:-15px;
    cursor:pointer;
    background:url(../images/button-show.png) no-repeat;
}

.section_bid_button.hide {
    background:url(../images/button-hide.png) no-repeat;
}



.section_document_bg {
    position:relative;
    display:table-cell;
    padding:5px;
    /* padding-top:35px; */
    background:#eeeeed;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.section_document_bgDoc {
    position:relative;
    display:table-cell;
    padding:5px;
    padding-top:35px;
    background:#fff;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

ul.section_document_tab {
    position:absolute;
    list-style:none;
    top:6px;
    padding-left:0px;
    margin:0
}

ul.section_document_tab li {
    float:left;
    margin-right: 3px;
    padding: 10px 15px 7px;
    background:white;
    font-weight:bold;
    border: 1px solid #d1d1d0;
    border-bottom: none;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
}

ul.section_document_tab li input {
    height: 16px;
    margin: -5px 0 -5px -5px ;
    border:1px solid #cecece;
    background: #eeeeed;
}

ul.section_document_tab li img {
    margin: -4px -6px -4px 0px;
    cursor:pointer
}

ul.section_document_tab li.inactive {
    padding:8px 3px;
    border:0;
    background:none
}

ul.section_document_tab li.inactive .small_button {
    padding: 1px 5px 2px
}


ul.section_document_legend {
    position:absolute;
    list-style:none;
    top:16px;
    right: 10px;
    font-size: 9px;
    margin:0
}

ul.section_document_legend li {
    float:right;
    margin-right: 3px;
    padding-left:5px
}

ul.section_document_legend li img {
    margin-bottom: -2px
}

.section_document_content_wrap {
    border:1px solid #d1d1d0;
    padding:7px;
    background:white;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top-left-radius:0;
    overflow:auto
}

.faq_section_document_content_wrap {
    border:1px solid #d1d1d0;
    padding:7px;
    background:white;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-top-left-radius:0;
    overflow:auto;
    min-height:450px;
}

/* 03-01. DOCUMENT VIEW - LIST */

.section_document_list {
    float:left;
    width:32%;
    max-width:470px;
    margin-right: 10px;
}


.section_document_view {
    clear:both;
    width:auto;



}


/* 03-02. DOCUMENT VIEW - BID DETAIL */

.showErrorsOnResponse {
    display: none;
    float: right;
}

.section_document_view .table_list .parent td {
    font-size: 12px;
    position:relative
}

.section_document_view .table_list a {
    font-weight: bold;
}

.section_document_view .table_list ul.section_bid_detail_menu {
    top:7px;
    right:5px;
    font-weight: normal;
}

.section_document_view .table_list ul.section_bid_detail_menu a{
    color: #0050BF;
    font-weight: normal;
    text-decoration:underline
}

.section_document_view .table_list ul.section_bid_detail_menu a:hover {
    color:#FF5C00
}


.section_document_view .table_list .alt {
    border-left: 1px dotted #efefef;
    border-right: 1px dotted #efefef;
}

.section_document_view .table_list .entry {
    background-color: #D4EBCE;
    /* border-bottom: 1px solid #C6C7C6; */
}


ul.section_bid_detail_menu {
    position:absolute;
    list-style: none;
    top: 13px;
    right: 30px;
    margin:0;
    margin-right: 30px;
    padding:0
}

ul.section_bid_detail_menu:before {
    position: absolute;
    content: "]";
    top: -1px;
    right: 0px;
    clear: both
}

ul.section_bid_detail_menu:after {
    position: absolute;
    content: "[";
    top: -1px;
    left: 0px;
    clear: both
}


ul.section_bid_detail_menu li {
    position:relative;
    float: right;
    padding:0px 7px;
}

ul.section_bid_detail_menu li img {
    margin-top:-3px;
    margin-bottom: -3px;
    margin-right: 2px
}

ul.section_bid_detail_menu li:after {
    position: absolute;
    content: "";
    height: 80%;
    width: 1px;
    top: 10%;
    right: 0px;
    background: #c0c0c0;
    clear: both
}

ul.section_bid_detail_submitted_Time {
    position: absolute;
    list-style: none;
    top: 50px;
    right: 10px;
    margin: 0;
    padding: 0;
}

ul.section_bid_detail_menu li:first-child:after{
    background: none
}

.section_document_view.view_only {
    display:block
}

.for_width {
    line-height: 0px;
    height:0px;
    margin:0;
    padding:0
}


.box {
    background: #f1f1f1;
    border:1px solid #e7e7e6;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:30px;
}

/* IN the TABLE LIST */


.bid_detail {
    padding: 25px;
    font-size:12px;
    line-height:140%;
}


.bid_detail h1 {
    font-size: 24px;
    margin: 10px 0;
}


.bid_detail h2 {
    font-size: 20px;
    margin: 10px 0;
}

.bid_detail h3 {
    font-size: 16px;
    margin: 7px 0;
}



.button_wrap {
    text-align:center
}

.button_wrap-reviewVert{
    text-align:center;
    padding-left:30px;


}

.button_wrap-checkPreC{
    float:right;
    width:49%;
    padding-left:30px;


}


.chcekPreButton a {
    display: block;
    border-top: 1px solid #F3CD08;
    border-left: 1px solid #E49128;
    border-right: 1px solid #C4933B;
    border-bottom: 1px solid #F38A4E;
    background: linear-gradient(to bottom, #FA6D10 0%, #FD7A22 80%);
    color: white;
    text-decoration: none;
    font-weight: bold;
    line-height: 100%;
    border-radius: 2px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);


}


.chcekPreButton {
    position: relative;
    display: inline-block;
    border: 1px solid #FC9860;
    background: #DF1E1E;
    font-size: 12px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-left: 10px;
    margin-right: 5px
}

.chcekPreButton.arrow a {
    padding: 6px 45px 6px 15px;
}


.chcekPreButton.arrow:after {
    content: "";
    position: absolute;
    top: 16%;
    width: 25px;
    right: 10px;
    height: 70%;
    background: url(../images/button-arrow.png) center no-repeat;
}

.bid_document_bottom{
    padding-top: 10px;
}

.bid_document_bottom .button {
    margin-left: 7px
}

.bid_document_bottom .button:first-child {
    margin-left: 0
}

p.withdraw {
    text-align:center;
    font-size:11px;
    font-weight: bold;
    line-height:22px;
    color: red;
    clear:both;
    margin:0;
    padding:0
}


/********************** Show Message /****************************************
* 	Show Message																	*
*****************************************************************************/
/** ARLAT MESSAGE **/
/** ARLAT MESSAGE **/
.alert-box {
    z-index: 1000;
    display: block;
    position: absolute;
    padding: 2px;
    width: 400px;
    -moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.alert-box h1 {
    position: relative;
    margin: 0;
    padding: 9px 3px 9px 7px;
    font-size: 12px;
    color: #fff;
    text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.5);
}

.alert-box h1 img {
    margin-top: -2px;
    padding-right: 5px;
    padding-left: 3px;
}

.alert-close {
    position: absolute;
    right: 0px;
    top: 5px;
    cursor: pointer
}

.alert-content {
    width: 100%;
    background: #fff;
    height: inherit;
    padding:18px 0px;
}

.alert-content p {
    margin: 0;
    padding: 0px 20px 15px 20px;
    line-height:15px;
}

.alert-type-info {
    background: #ff7e00;
}

.alert-type-info h1 {
    background: #f68343;
}

.alert-type-warning {
    background: #ff7e00;
}

.alert-type-warning h1 {
    background: #f68343;
}

.alert-type-error {
    background: #ab1408;
}

.alert-type-error h1 {
    background: #f68343;
}

/** for dialog ui css **/
.dialog_class {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; /* future proofing */
    -khtml-border-radius: 0px; /* for old Konqueror browsers */
    border: 2px solid #f68343;
    padding: 0;
}

.dialog_class .ui-widget-header {
    border: none;
    padding: 8px 10px;
    background: #f68343!important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; /* future proofing */
    -khtml-border-radius: 0px; /* for old Konqueror browsers */
    color: white;
    font-size: 13px!important

}

.dialog_class .ui-widget-header button {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /* future proofing */
    -khtml-border-radius: 2px; /* for old Konqueror browsers */
    margin-right: 3px
}

.dialog_class .ui-dialog-content {
    padding: 12px 20px 10px;
}

.dialog_class .ui-widget-content {
    border-color: #D5D5D5;
}

.dialog_class .ui-dialog-buttonpane {
    padding: 5px 0 0;
    margin: 7px 20px;
}
/********************** UI Block /****************************************
* 	UI Block																	*
*****************************************************************************/

.layer-wrapper .widget {
    margin: 0;
    border: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.layer-wrapper .table {
    width: 100%;
    font-size: 11px;
    border-bottom: 1px solid #6b6b6b;
}

.layer-wrapper .table th,
.layer-wrapper .table tbody td
{
    padding: 7px;
}

.layer-wrapper .table th {
    color: #333;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
    border-left: 1px solid #cccccc;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #ffffff 30%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #ffffff),
    color-stop(100%, #e5e5e5) );
    background: -webkit-linear-gradient(top, #ffffff 30%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 30%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 30%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 30%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e5e5e5', GradientType=0 );
    border-bottom: 1px solid #cccccc;
    vertical-align: middle;
    border-top: 1x solid #cccccc;
}

.layer-wrapper  .table th:first-child,
.layer-wrapper .table tbody td:first-child
{
    border-left: 1x solid #cccccc;
}

.layer-wrapper .table th:last-child,
.layer-wrapper .table tbody td:last-child
{
    border-right: 1px solid #cccccc;
}

.layer-wrapper .table tbody td {
    padding: 4px 5px;
    border-bottom: 1px dotted #969696;
    border-left: 1px solid #cccccc;
}

.layer-wrapper .widget.table-border-box {
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #6b6b6b;
    padding: 20px
}

.layer-wrapper .head-table  input[type=text],
.layer-wrapper .head-table  input[type=password] {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #A7AEB8;
    padding: 0 2px;
    height: 21px;
}

/** LAYER **/
.layer-wrapper {
    background: white;
    /*border: 2px solid #42762D;*/
    -moz-box-shadow: 1px 1px 3px 0px #444444;
    -webkit-box-shadow: 1px 1px 3px 0px #444444;
    box-shadow: 1px 1px 3px 0px #444444;
}

.layer-wrapper .page-title h1 {
    color: #fff;
    text-shadow: none;
    font-size: 12px;
    padding: 8px 10px;
}

.layer-wrapper .page-title {
    background: #f68343;
    text-shadow: none;
    height: 31px;
    cursor:move;
}


.blockUI .nav-top {
    right: -2px;
    top: -8px;
}

.title {
    background: none;
    border: none;
    height: inherit;
    position: relative
}

.title h3{
    font: bold 11px tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 5px 6px 6px;
    border-bottom: 1px solid #959595;
    border-top: 1px solid #959595;
    border-left: 7px solid #f68343;
    border-right: 1px solid #959595;
    margin: 0;
    margin-top: 15px;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #fbfbfb 60%, #e6e6eb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fbfbfb),
    color-stop(100%, #e6e6eb) );
    background: -webkit-linear-gradient(top, #fbfbfb 60%, #e6e6eb 100%);
    background: -o-linear-gradient(top, #fbfbfb 60%, #e6e6eb 100%);
    background: -ms-linear-gradient(top, #fbfbfb 60%, #e6e6eb 100%);
    background: linear-gradient(to bottom, #fbfbfb 60%, #e6e6eb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(                startColorstr='#fbfbfb',
    endColorstr='#e6e6eb', GradientType=0 );
}

.popup_body {
    padding: 20px;
    padding-bottom:0px
}

.popup_body .widget:last-child{
    margin-bottom:0
}

.widget.popUp {
    border: 1px solid #cccccc;
    padding: 20px;
    margin-bottom:0;
    background-color:#ffffff;
}



.popUpTitle{
    border-left: 2px solid #FC5C46;
    color: #5f3f2a;
    background: #e7e7ec;
    background: -moz-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8fa), color-stop(100%, #e7e7ec));
    background: -webkit-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%);
    background: -o-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%);
    background: -ms-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%);
    background: linear-gradient(to bottom, #f8f8fa 0%, #e7e7ec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8fa', endColorstr='#e7e7ec', GradientType=0 );
    text-align:center;
    padding-top:7px;
    padding-bottom:7px;
}


.popUpContent {
    border: 1px solid #efefef;
    margin-bottom: 20px;
}

.popUpP {
    padding: 10px 30px 20px 30px;
    text-align: left;
    overflow:auto;
    max-height:400px;
}


.popupBody {
    padding: 10px;
    background-color: #efefef;
    margin:0 auto;
}


.title h2 {
    font-size: 16px;
    padding: 0 5px;
    border-bottom: 2px solid #FC5C46;
    margin: 0;
    min-height: 27px;
    font-family: Helmet, Freesans, sans-serif !important;
    text-align: left;
}

h2.popTitle{
    font-size:12px;
    color:#000000;
    text-shadow: 1px 1px 1px #fff;
    text-align: left;
}


.table-footer {
    border-top: none;
    padding: 7px 0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

._button_close {
    position: absolute;
    right: 0px;
    color: white;
    top: 0px;
    padding: 10px
}

/**********************************
 * Common
 *
 **********************************/

.page-title {
    background: none;
    height: 29px;
}

.page-title>h1 {
    float: left;
    padding: 2px 7px 7px;
    margin: 0;
    font-size: 16px;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}

.page-title>h1:after {
    clear: both;
    content: ""
}

.page-title>h1>i {
    font-size: 14px
}

.page-title .button-position {
    float: right;
    margin: -4px 2px 00;
}

.bid_detail_content {
    border: 1px solid #d1d1d1;
    position:relative
}

.bid_detail_content_verif {
    position:relative;
    padding:3px;
}

h2.bid_detail_content_title {
    border-left: 7px solid #ff6603;
    border-bottom: 1px solid #d1d1d1;
    padding:7px 8px 6px;
    color: black;
    background: #e7e7ec; /* Old browsers */
    background: -moz-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8fa), color-stop(100%, #e7e7ec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f8f8fa 0%, #e7e7ec 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f8f8fa 0%, #e7e7ec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8fa', endColorstr='#e7e7ec', GradientType=0 ); /* IE6-9 */
}


.bid_detail_content_detail {
    padding: 35px 25px 25px;
    position:relative;
}

.bid_detail_content_detail h2 {
    margin-bottom: 15px;
}

.noborder {
    border:none;
}

/**********************************
 * e-Receipt
 *
 **********************************/
.eReceipBody{

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #444;
}


.ereceip_container {

    margin: 0 auto;
    padding: 10px 0;
}

.ereceiptSub{
    background-image: url(/images/eRecei_subTilte_bg.png);
    background-repeat: repeat-y;
    padding-top: 3px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-left: 20px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #FFF;
    font-weight: bold;
    float: left;
    width: 28%;
    margin-top: 20px;
}

.eReceiptNo{
    text-align:left;
    padding-top:10px;
    width:300px;

}

.ereceiptSubList{
    background-image: url(/images/eRecei_subTilte_bg.png);
    background-repeat: repeat-y;
    padding-top: 3px;
    padding-right: 4px;
    padding-bottom: 3px;
    padding-left: 20px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #FFF;
    font-weight: bold;
    float: left;
    width: 28%;
    margin-top: 30px;
}



.sectionLeft_eReceipt{
    width:26%;
    float:left;"

}

.sectionRight_eReceipt{
    width:74%;
    height:180px;
    float:right;
}
.bidLeft_eReceipt{
    width:74%;
    float:right;

}

.eReceiptTh{
    text-align:right;
    width:30%;

}

.eReceiptTd{
    text-align:left;
    width:70%;

}



.eReceiptButn{
    float:right;
    width:250px;
}
#printpagebutton{
    float:left;

}

#closebutton{
    float:right;

}


.topLine{
    border-bottom-width: thin;
    border-bottom-style: solid;
    border-bottom-color: #F63;
    height:auto;
    width:100%;
    float:right;
}
.eReceiptHead{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 100;
    color: #666;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom:5px;
    padding-left: 0px;
}
.eReceiptPh{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: lighter;
    color: #999;
}


.eReceiptTr{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333;



}
.eReceipt_table{
    width:100%;

}
.eReceipt_tableList{
    width:70%;
    float:right;

}

.totalBidDoc_eReceipt{
    text-align:right;
    width:67%;
    padding-top:30px;
    float:right;
}

.eReceipt_table td{
    border-bottom: 1px solid #c4cac2;

    padding-left:10px;
    padding-top:5px;
    background:white;
    text-align:left;
    padding-bottom:3px;
}
.eReceipt_table th{
    border-bottom: 1px solid #c4cac2;
    padding-top: 5px;
    background:white;
    text-align:right;
    padding-bottom:3px;
}

.eReceipt_tableList td{
    border-bottom: 1px solid #c4cac2;

    padding-left:10px;
    padding-top:5px;
    background:white;
    padding-bottom:3px;
}
.eReceipt_tableList th{
    border-bottom: 1px solid #c4cac2;
    padding-top: 5px;
    background:white;
    padding-bottom:3px;
}




.eRecipNum{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #F93;
    padding-top: 10px;

}

.eReceiptFoot{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin:0 auto;

    position:relative;
    width:850px;
    padding-bottom: 20px;

}
.page_section_eReceipt_foot {
    width:900px;
    margin:0 auto;
    overflow: hidden;
    text-align:left;
    padding-top:15px;
    padding-bottom:15px;


}

.page_section_eReceipt {
    width:849px;
    margin:0 auto;
    position:relative;
    border: thin solid #CCC;
    padding:30px;
    overflow: hidden;


}

.page_header_eReceipt {
    width:909px;
    margin:0 auto;
    overflow: hidden;
    position:relative;
    padding-top:30px;



}



.logo_eReceipt {
    float: left;
    margin:0 auto;
    overflow: hidden;
    position:relative;


}

.submitted_ListAllEbidding
{ padding-left:8px;
    /**content:url(/images/tick-icon-green.png);**/
}

.opened_ListAllEbidding
{ content:url(/images/openedBiddingo-icon.png);
    padding-left:10px;

}

.regendListEIIBid{
    padding-left:5px;
    padding-top:15px; text-align: left; margin-bottom:-5px; padding-bottom:8px;
    font-size:11px;

}

.regendListEIIBidVerif{
    padding-left:5px;
    padding-bottom:15px;
    text-align: left;
    font-size:11px;

}

.timer{color:#ff6633;
    font: normal normal bold 25px arial;
}

li.timer-bidTitle {
    font: bold 13px;
    padding-top: 12px;
    padding-right: 5px;
}


.timer-biddoc
{color:#ff6633;
    font:  bold 18px arial;
}



.timer-day{
    color:#999999;
    font-size:12px;
    text-align: center;
    padding-right:3px;
    padding-left:3px;
    padding-top: 12px;
    font-weight: bold;
}


.sub_menu_container-timer{
    height:40px;
}

.sub_menu_container-timer ul{
    list-style-type: none;
}

.sub_menu_container-timer li{
    float: left;
}


.timer-title{
    color:#333333;
    font:  bold 15px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-right:5px;

}

.icon_completed{
    vertical-align:bottom;
}



.icon_incompleted{
    vertical-align:bottom;

}

.icon_completed-legend{
    width:14px;
    margin-top:-3px;
    padding-right:2px;
    margin-bottom:-1px

}

.icon_incompleted-legend{
    width:14px;
    padding-right:2px;
    padding-left:4px;"

}
.button_position{
    text-align:center;
}

.button_positionDoc{
    text-align:left;
}

.button_positionConfirm{
    text-align:center;
}

ul.bidInfo-left {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 1px;
}

.bid_infoView{
    padding:5px;
}

.content-box-bidVerif > ul {
    margin:0;
    list-style: none;
}

.viewOrange{
    color: #F0992A;
}


.bid_viewVerif{
    color: #F0992A;
    font:  bold 11px;
}


.content-box-bidVerif>ul>li {
    padding: 3px 5px;
    line-height: 150%;
    border-top: 1px solid #e3e3e3;
}


.content-box-bidVerif>ul>li:first-child {
    border-top: none;
}



.goToicon_completed-legend-icon {
    width: 16px;
    margin-top: -3px;
    padding-left: 5px;
    margin-bottom: -1px;
    padding-bottom: 1px;
}


.goToicon_completed-legend-icon-small {
    width: 10px;
    margin-top: -3px;
    margin-bottom: -1px;
    padding-bottom: 1px;
}


.fTahoma {
    font-family: tahoma;
}


ul#countdown{
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
    margin-top: 2px;
}

#defaultCountdown .countdown_row {
    color: #ff6633;
    font: normal normal bold 25px arial;
}

.viewVerif-manReco{
    vertical-align:text-bottom;
}

img.icon_map {
    width: 14px;
    padding-right: 2px;
    padding-left: 47px;
    padding-top: 4px;
}

.right {
    text-align: right;
}


/**********************************
 * FAQ
 *
 **********************************/

.faq_content_title {

    border-bottom: 1px dotted #d1d1d1;
    padding: 30px 8px 6px;
    color:#AC5728;
    text-indent: -1em;
    font: bold 14px/135% Arial, Helvetica, Verdana, sans-serif;
}

.faqP{
    padding-left:10px;
    font: normal 13px/135% Arial, Helvetica, Verdana, sans-serif;
    margin: 0.8em auto;
}

#mainFull{
    margin:30px;

}

.faqHeader{
    color: #f25923;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 22px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom:30px;
    margin-top:30px;
}

.imgBefore {
    position: absolute;
    left: 9px;
    bottom: 1px;
}

.imgBeforePrint {
    position: absolute;
    left: 9px;
    bottom: 5px;
}

.mapIcon{
    background-color: -webkit-linear-gradient(top, rgba(166,225,240,1) 10%,rgba(47,169,250,0.73) 100%);
    background-color:    -moz-linear-gradient(top, rgba(166,225,240,1) 10%,rgba(47,169,250,0.73) 100%);
    background-color:     -ms-linear-gradient(top, rgba(166,225,240,1) 10%,rgba(47,169,250,0.73) 100%);
    background-color:      -o-linear-gradient(top, rgba(166,225,240,1) 10%,rgba(47,169,250,0.73) 100%);
    background-icolor:         linear-gradient(top, rgba(166,225,240,1) 10%,rgba(47,169,250,0.73) 100%);
    background-image: url('../images/mandatory-icon.png');
    background-repeat: no-repeat;
    border: solid 1px rgba(108,161,196,1);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 47px;
    padding: 2px;
    display: inline-block;
    font-size: 9px;
    line-height: 11px;
    text-indent: 12px;
    color: rgba(55,60,115,1);
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(180,224,247,1)

}

.mapIcon:hover {
    background-color: -webkit-linear-gradient(top, rgba(226,233,235,1) 34%,rgba(152,165,173,1) 100%);
    background-color:    -moz-linear-gradient(top, rgba(226,233,235,1) 34%,rgba(152,165,173,1) 100%);
    background-color:     -ms-linear-gradient(top, rgba(226,233,235,1) 34%,rgba(152,165,173,1) 100%);
    background-color:      -o-linear-gradient(top, rgba(226,233,235,1) 34%,rgba(152,165,173,1) 100%);
    background-color:         linear-gradient(top, rgba(226,233,235,1) 34%,rgba(152,165,173,1) 100%);
    background-image: url('http://localhost:8080/images/mandatory-icon.png');
    background-image: url('../images/mandatory-icon.png');
    background-repeat: no-repeat;border: solid 1px rgba(147,151,153,1);
    color: rgba(96,96,99,1);
    text-shadow: 1px 1px 0px rgba(208,211,212,1)
}

.errorBid_detail_content_title {
    border-bottom: 1px solid #d1d1d1;
    padding: 7px 8px 6px 60px;
    color: black;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(234,234,234,0.92) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(234,234,234,0.92))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(234,234,234,0.92) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(234,234,234,0.92) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(234,234,234,0.92) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(234,234,234,0.92) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ebeaeaea',GradientType=0 ); /* IE6-9 */
    background-position: bottom;
}
.errorBidOrange{
    background: #f68343; /* Old browsers */
    background: -moz-linear-gradient(top, #f68343 0%, #e06929 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f68343), color-stop(100%, #e06929)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f68343 0%, #e06929 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f68343 0%, #e06929 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f68343 0%, #e06929 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f68343 0%, #e06929 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68343', endColorstr='#e06929', GradientType=0 ); /* IE6-9 */
    height: 30px;
    border-top: 1px solid #eb7635;
    border-bottom: 1px solid #d65f1f

}

.errorBidBlue{
    background: #457acd; /* Old browsers */
    background: -moz-linear-gradient(top, #5a8ad1 0%, #4b6fcd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a8ad1), color-stop(100%, #457acd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5a8ad1 0%, #4b6fcd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5a8ad1 0%, #457acd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5a8ad1 0%, #457acd 100%); /* IE10+ */
    background: linear-gradient(to bottom, #5a8ad1 0%, #457acd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68343', endColorstr='#e06929', GradientType=0 ); /* IE6-9 */
    height: 30px;
    border-top: 1px solid #4b6fcd;
    border-bottom: 1px solid #457acd

}


#errorfooter{
    border-top: 1px dashed #C4C2C2;
    padding-top: 22px;
    margin-top: 20px;
    width: 100%;
    position: fixed;
    height: 30px;
    background-color:rgb(232, 227, 226);
    bottom:0px;
}

#errorfooter p{
    margin: 0;
    text-align: center;
    vertical-align: middle;
}

.errorMessageBox {
    width: 700px;
    margin: 0 auto;
    padding: 40px 0;
    position: absolute;
    margin-top: -205px;
    top: 50%;
    margin-left: -350px;
    left: 50%;
}

.errorMessageBox .content {
    background: white;
    padding: 20px;
    border: 9px solid #cccccc;
}

.warningIcon {
    float: left;
    padding: 55px 40px 20px 30px;
}

.warningGoback_btn{
    margin-top:50px;
    text-align:center;
}

footer .powered {
    font-weight: bold;
    color: black;
}

.errorMessageBox .content  h2{
    color: #5a8ad1;
}

.recommendIcon{
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
    padding: 1px 3px;
    border: 1px solid #aba7a5;
    border-radius: 3px;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
    background: -moz-linear-gradient(top, #ffffff, #e0e0e0);
    background: linear-gradient(to bottom, #ffffff, #e0e0e0);
    text-shadow: #ffffff 1px 1px 1px;
    font: normal normal bold 9px arial;
    color:#16b00e;
    text-decoration: none;
    margin-right: 2px;
}


.mandatoryIcon{
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
    padding: 1px 3px;
    border: 1px solid #FF5F40;
    border-radius: 3px;
    background: #FB3F29;
    font: normal normal 9px arial;
    margin-right: 2px;
    color: #ffffff;
}


.table_list tr.sub_thResponAttac th {
    background:#9A847A;
    border-top: 1px solid white;
}

.table_mainResponAttac  {
    width: 100%;
}


.table_mainResponAttac th {
    background:#755E5A;
    font-size: 11px;
    color: #ffffff;
    padding: 8px 4px;
    text-align: center;
    font-weight: normal;
    position: relative;
}


.table_mainResponAttac th:before {
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    top: 15%;
    left: 0;
    background:#ADA78C;
    clear: both;
}


.table_list tr.sub_thContAttac th {
    background:#909280;
    border-top: 1px solid white;
}

.table_mainContAttac  {
    width: 100%;
}


.table_mainContAttac th {
    background:#696E5B;
    font-size: 11px;
    color: #ffffff;
    padding: 8px 4px;
    text-align: center;
    font-weight: normal;
    position: relative;
}


.table_mainContAttac th:before {
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    top: 15%;
    left: 0;
    background:#9A9E92;
    clear: both;
}
h4 {
    font-size:15px;
}

.section_document_bgR {
    position:absolute;
    display:table-cell;
    padding:5px;
    padding-top:35px;
    background:#eeeeed;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width:780px;
    margin-left:500px;

}

.section_document_listR {
    float: left;
    min-width: 470px;
    margin-right: 10px;
}


.tdBreak{
    width:100px;
}

th.unableTd:before{
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    top: 15%;
    left: 0;
    background: #3f4857;
    clear: both;
}

/******** popup page ************/

.saveAndCloseBtnPop {
    position: relative;
    display: inline-block;
    border: 1px solid #DC6E11;
    background: #FFFFFF;
    font-size: 12px;
    font-family: sans-serif;
    -moz-border-radius: 2px;
    /* border-radius: 2px; */
}

.saveAndCloseBtnPop a{
    display: block;
    border-top: 1px solid #F4CAAD;
    border-left: 1px solid #F8924D;
    border-right: 1px solid #FB8B3F;
    border-bottom: 1px solid #F07928;
    background: -moz-linear-gradient(top, #FA7A22 0%, #E76E1B 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FA7A22 ), color-stop(80%, #E76E1B) );
    background: -webkit-linear-gradient(top, #FA7A22 0%, #E76E1B 80%);
    background: -o-linear-gradient(top, #FA7A22 0%, #E76E1B 80%);
    background: linear-gradient(to bottom, #FA7A22 0%, #E76E1B 80%);
    padding: 6px 15px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    line-height: 100%;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}


.closeBtnPop {
    position: relative;
    display: inline-block;
    border: 1px solid  #D4D5D3;
    font-size: 12px;
    -moz-border-radius: 2px;
    border-radius: 2px
}


.closeBtnPop a {
    color:#ed6e57;
    border-top: 1px solid #F9FBFE;
    border-left: 1px solid #EAEBED;
    border-right: 1px solid #E9EBF0;
    border-bottom: 1px solid #E2E7ED;
    background: -moz-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(80%, #dcdcdc) );
    background: -webkit-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: -o-linear-gradient(top, #ededed 0%, #dcdcdc 80%);
    background: linear-gradient(to bottom, #ededed 0%, #dcdcdc 80%);
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);
    cursor: pointer;
    display: block; */
text-decoration: none;
    font-weight: bold;
    line-height: 100%;
    -moz-border-radius: 2px;
    border-radius: 1px;
}

.uploadBtnPop {
    position: relative;
    display: inline-block;
    border:1px solid #315F9B;
    font-size: 12px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 10px;
}

.uploadBtnPop a {
    /* moz-box-shadow:inset 0px 1px 0px 0px #96C1EE;
    -webkit-box-shadow:inset 0px 1px 0px 0px #96C1EE;
    box-shadow:inset 0px 1px 0px 0px #96C1EE;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4DA0F0), color-stop(1, #0D87CE) );
    background:-moz-linear-gradient( center top, #4DA0F0 5%, #0D87CE 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DA0F0', endColorstr='#0D87CE');
    background-color:#79bbff;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #469df5;
    display:inline-block;
    color:#ffffff;
    text-decoration: none;
    font-weight: bold;
    line-height: 100%;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow:1px 1px 0px #287ace; */
    border-top: 1px solid #8DB1DC;
    border-left: 1px solid #6282A6;
    border-right: 1px solid #628AE1;
    border-bottom: 1px solid #5D82AF;
    background: -moz-linear-gradient(top, #598ED3 0%, #4871A5 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #598ED3 ), color-stop(80%, #4871A5) );
    background: -webkit-linear-gradient(top, #598ED3  0%, #4871A5 80%);
    background: -o-linear-gradient(top, #598ED3 0%, #4871A5 80%);
    background: linear-gradient(to bottom, #598ED3 0%, #4871A5 80%);
    padding: 6px 15px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    line-height: 100%;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    font-family: sans-serif;

}

.saveAndNextBtnPop {
    position: relative;
    display: inline-block;
    border: 1px solid  #639D2A;
    font-size: 12px;
    -moz-border-radius: 2px;
    border-radius: 2px
}


.saveAndNextBtnPop a {
    display: block;
    border-top: 1px solid #D0E59E;
    border-left: 1px solid #BFC9A9;
    border-right: 1px solid #83BC09;
    border-bottom: 1px solid #87b327;
    background: -moz-linear-gradient(top, #93c228 0%, #80af19 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93c228), color-stop(80%, #80af19) );
    background: -webkit-linear-gradient(top, #93c228 0%, #80af19 80%);
    background: -o-linear-gradient(top, #93c228 0%, #80af19 80%);
    background: linear-gradient(to bottom, #93c228 0%, #80af19 80%);
    padding: 6px 15px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-family: sans-serif;
    line-height: 100%;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

a.small_button.grayPop {
    display: inline-block;
    color: #333333 !important;
    cursor: pointer;
    padding: 1px 5px 2px 4px;
    padding: 2px 5px 2px 4px\9;
    background: rgb(225, 225, 220);
    background-image: linear-gradient(top, rgb(249, 249, 249) 1%, rgb(225, 225, 220) 81% );
    background-image: -o-linear-gradient(top, rgb(249, 249, 249) 1%, rgb(225, 225, 220) 81% );
    background-image: -moz-linear-gradient(top, rgb(249, 249, 249) 1%, rgb(225, 225, 220) 81% );
    background-image: -webkit-linear-gradient(top, rgb(249, 249, 249) 1%, rgb(225, 225, 220) 81% );
    background-image: -ms-linear-gradient(top, rgb(249, 249, 249) 1%, rgb(225, 225, 220) 81% );
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.01, rgb(245 , 245, 245) ), color-stop(0.81, rgb(221, 221, 220) ) );
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius: 0px\9;
    -webkit-border-radius: 0px\9;
    border-radius: 0px\9;
    border: 1px solid #C7C7C5;
    border-top: 1px solid #C7C7C5;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1), 0px 1px 0px rgba(255, 255, 255, 0.2);
    text-decoration: none !important;
}

.button-darkBlue {
    border:1px solid #363d4c;
}

.button-darkBlue a {
    display:block;
    color: #ffffff !important;
    border:1px solid #363d4c;
    background-color: #4b546a; background-image: -webkit-gradient(linear, left top, left bottom, from(#4b546a), to(#2c354b));
    background-image: -webkit-linear-gradient(top, #4b546a, #2c354b);
    background-image: -moz-linear-gradient(top, #4b546a, #2c354b);
    background-image: -ms-linear-gradient(top, #4b546a, #2c354b);
    background-image: -o-linear-gradient(top, #4b546a, #2c354b);
    background-image: linear-gradient(to bottom, #4b546a, #2c354b);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4b546a, endColorstr=#2c354b);
    border-top: 1px solid #4b546a;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 1px 0px rgba(0, 0, 0, 0.2);
    padding:6px 15px;
    text-decoration:none;
    font-weight: bold;
    line-height:100%;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

.row-hover tbody tr.clickableTr:hover {
    background: #ebebee;
}

/*tooltip*/
.toolTip {
    position: relative;
    display: inline;
    float:right;
}

.toolTip>img,
.toolTipPopupIcon {
    cursor: pointer;
    margin-top: -2px
}

.divViewOnlyTip {
    position: absolute;
    white-space: normal;
    display: none;
    width: 420px;
    background: #fdfbe2;
    padding: 10px 15px;
    top: -2px;
    /* left: 480px; */
    right: 20px;
    border: 1px solid #e3cc59;
    z-index: 20000;
    line-height: 150%;
    color: black;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px 1px 3px 0px #c8c8c8;
    -webkit-box-shadow: 1px 1px 3px 0px #c8c8c8;
    box-shadow: 1px 1px 3px 0px #c8c8c8;
    -webkit-transition: all 1s linear;
    -o-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -kthtml-transition: all 1s linear;
    transition: all 1s linear;
    font-family: arial, sans-serif;
    text-align: left;
    font-size: 11px;
    font-weight: normal
}

.divViewOnlyTipPopup {
    position: absolute;
    display: none;
    width: 800px;
    background: #fdfbe2;
    padding: 20px 25px;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -200px;
    z-index: 20000;
    line-height: 150%;
    color: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: arial, sans-serif;
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #967d02;
}

.divViewOnlyTipPopup .closePosition {
    position: absolute;
    top: 20px;
    right: 25px;
}

.divViewOnlyTip p,
.divViewOnlyTipPopup p {
    padding: 2px;
    margin: 5px 0
}

.divViewOnlyTip .toolTipArrow {
    position: absolute;
    top: 10px;
    left: -10px
}

.greentitle {
    font-weight: bold;
    color: green !important;
}

.divViewOnlyTip h2,
.divViewOnlyTipPopup h2 {
    font-size: 14px !important;
    margin: 0px 0 7px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px dashed #e3cc59 !important;
}

.divViewOnlyTip ul,
.divViewOnlyTipPopup ul {
    padding: 5px 17px;
}

/* Add By Eunice on Augut, 22, 2016*/
/* For eBidform Tooltip*/
.iconShowTooltip {
    cursor:pointer;
}

/* Triangle*/
.doc-col-comment-tooltip-info div:after {
    content: '';
    position: absolute;
    top: 15%;
    left: 100%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-left: 18px solid #A3C139;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.doc-col-comment-tooltip-info-right div:after {
    content: '';
    position: absolute;
    top: 15%;
    right: 100%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-right: 18px solid #A3C139;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.doc-col-comment-tooltip-info-top div:after {
    content: '';
    position: absolute;
    bottom:0;
    left:50%;
    margin-bottom: -15px;
    width: 0;
    height: 0;
    border-right: 18px solid #A3C139;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform:rotate(-90deg);
}

/*tooltipBox*/
div.doc-col-comment-tooltip-info, div.doc-col-comment-tooltip-info-right, div.doc-col-comment-tooltip-info-top {
    max-width: 465px;
    /* If max-width does not work, try using width instead */
    background-color:#A3C139 !important;
    color:#000;
    font-size:16px!important;
    min-height:80px;
    border:none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
}

.ui-tooltip {
    background: black !important;
    border: 2px solid white !important;
}

.ui-tooltip {
    padding: 5px 10px !important;
    color: white !important;
    border-radius: 5px;
    font: 12px Arial, Sans-Serif !important;
    box-shadow: 0 0 3px black;
}

/***********************************************
* Added by Daniel Kim - mouse right-click menu
************************************************/

.bidItemSubMenu {
    position: absolute;
    margin-right: -143px;
    margin-left: 40px;
    margin-top:-15px;
    z-index: 8999;
    border: 1px solid #969696;
    font-family: arial, sans-serif;
    font-size: 11px;
    display: block;
    background-color: rgb(255, 255, 255);
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
    text-align:left;
}

.bidItemSubMenu li  {
    font-size: 12px;
    list-style-type: none;
    list-style:none;
}

.bidItemSubMenu li a {
    padding:9px;

    display:block;
    color:#555;
    text-decoration:none;
    list-style:none;
}

.bidItemSubMenu li a:hover {
    text-decoration:none;
    color:#000;
    background-color:#ddd;
    list-style:none;
}

.hoverColumnSelected {
    background-color: #F0F8FF !important;
}


.note-tooltip {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    padding: 5px;
    color: white;
    background: black;
    z-index: 5000;
    padding:10px;
    min-width:100px
}

.blockOverlay {
    background-color: #222 !important;
}

/*Added by Daniel Kim on Oct 31, 2017*/
.headerright {
    text-align: right;
}

.mouse-righ-cursor {
    cursor: url("/images/icon/mouse-right-click.png"), auto;
}

.button.orange {
    border:1px solid #f68343;
    background: #f68343;
    color: white;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.button.orange a {
    color: white;
    border-top: 1px solid #f68343;
    border-left: 1px solid #f68343;
    border-right: 1px solid #f68343;
    border-bottom: 1px solid #f68343;
    background: -moz-linear-gradient(top, #ededed 0%, #f68343 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f68343), color-stop(80%, #f68343) );
    background: -webkit-linear-gradient(top, #f68343 0%, #f68343 80%);
    background: -o-linear-gradient(top, #f68343 0%, #f68343 80%);
    background: linear-gradient(to bottom, #f68343 0%, #f68343 80%);
}