/* Tarjova Oy */

a:link, a:visited {
    color: #404040;
    border: none;
    text-decoration: none;
}
a:active, a:hover {
    color: #4C9A25;
    border: none;
    text-decoration: underline;
}

a.basiclink:link, a.basiclink:visited {
    color: #888888;
    font-size: 15px;
    text-decoration: underline;
}
a.basiclink:active, a.basiclink:hover {
    color: #4C9A25;
    border: none;
    text-decoration: underline;
}
a.basiclink.small {
    font-size: 13px;
}
p, h1, h2, h3, h4, h5, h6		{
    margin: 0;
    padding: 0;
}
h3 {
    font-weight: bold;
    font-size: 14px;
}
input[type=text], input[type=password] {
    padding: 4px 3px;     
}
input[type="button"] {

}
.formli {
    margin-left: 0;

}
ol {

}
textarea {
    padding: 3px 5px;
    font-family: 'Calibri','Arial','Helvetica' !important;
    font-size: 15px;
}
h1	{
    font-size: 1.8em;
}
h2.notice	{
    margin-bottom: 18px;
}
h2.orderby	{
    background-image: url('../img/hintarrowup.png');
    background-position: 85% 50%;
    background-repeat: no-repeat;
}
/* container-wrapperi, pitää sisällään kaiken eikä muuta jää ulkopuolelle kuin bodyn taustakuva. */
#container {
    width: 950px;
    margin: 0 auto 18px auto;
}
/* copyright notice footerissa */
.copyright	{
    margin: 0 42% 0 42%;
    width: 200px;
    font-size: 14px;
    color: #888888;
    font-family: 'Calibri','Arial','Helvetica' !important;
}


/* yläpalkin tyylit */
#header {
    min-height: 124px;
    overflow: hidden;
    background-image: url('../img/bg.gif');
    background-repeat: repeat-x;
    background-position: 0% 100%;
}
#header a:link, #header a:visited	{
    text-decoration: underline;
    border: none;
    color: #404040;
    font-size: 15px;
    text-decoration: underline;
}
#header a:active, #header a:hover {
    color: #4C9A25;
    border: none;
    text-decoration: underline;
}
#header img	{
    border: none;
}
/* Headerin eri elementit */
.logo	{
    float: left;
    width: 121px;
    margin-right: 230px;
    margin-top: 30px;
}
.help	{
    float: left;
    width: 220px;
    margin-right: 210px;
    font-size: 1.5em;
}
.help p	{
    margin-top: 26px;
    padding-left: 50px;
    background-image: url('../img/phone.jpg');
    background-position: 0 20%;
    background-repeat: no-repeat;
}
.position_contact {
    margin-top: 8px;
    display: block;
}
.new_position {
    margin-top: 0px;
}
.headuser	{
    margin-top: 25px;
    margin-bottom: 10px;
    float: left;
    width: 165px;
    max-width: 165px;
}
.headuser p	{
    font-size: 1.5em;
    margin-bottom: 10px;
}

/* Content styles */

.success,
.expired	{
    padding: 18px;
    font-size: 1.1em;
    border: 1px solid #4C9A25;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    text-align: center;
}
.success > p {
    margin-bottom: 5px;
}
.expired.top	{

}
.subcontent .success	{
    width: 819px;
    margin-bottom: 18px;
}

.inactive {
    background-color: #d9b7b7;
    padding: 18px;
    font-size: 1.1em;
    border: 1px solid #C3C3C3;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}
.subcontent .inactive	{
    width: 819px;
    margin-bottom: 18px;
}

.success a	{
    font-weight: bold;
    color: #4C9A25;
    text-decoration: underline;
}
.success a:hover	{
    color: #888888;
    text-decoration: underline;
}

.inactive a	{
    font-weight: bold;
    color: #404040;
    text-decoration: underline;
}
.inactive a:hover	{
    color: #888888;
    text-decoration: underline;
}

/* Content wrapper, all the ACTUAL content should be inside this div */

#content	{
    margin-top: 0px;
    margin-bottom: 18px;
    padding: 17px 27px 27px 27px;
    border-bottom: 1px solid #F2F2F2;

    border-top: 1px solid #F2F2F2;
    width: 896px;
    float: left;
}
#content p	{
    font-size: 1.3em;
}
#content ul	{
    font-size: 14px;
}
#container > h1,
#container > h1 a	{
    margin-top: 10px;
    margin-bottom: 8px;
    text-align: left;
    color: #AFAFAF;
    float: left;
    text-transform: uppercase;
}
#container > h1 a:hover	{
    text-decoration: none;
    color: #4C9A25;
}
.subcontent	{
    padding: 18px;
    background: none repeat scroll 0 0 #FBFDFB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px #999999;         
    -moz-box-shadow: 0 1px 0px #999999;         
    -webkit-box-shadow: 0 1px 1px #999999;
    margin-top: 18px;
    margin-bottom: 27px;
    float: left;
    width: 858px;
    border: none!important;
    position: relative;
}
#info {
    padding: 18px;
    background: none !important;
    border-radius: none !important;
    box-shadow: none !important;
    margin-top: 18px;
    margin-bottom: 27px;
    float: left;
    width: 858px;
    border: none !important;
    position: relative;
}
#mytenderingscontent {
    padding: 18px;
    background: none !important;
    border-radius: none !important;
    box-shadow: none !important;
    margin-top: 18px;
    margin-bottom: 27px;
    float: left;
    width: 858px;
    border: none !important;
    position: relative;
}
#alignmytenderings {
    width: 750px;
    margin: 0 auto;
}
#content .subcontent.info h2	{
    margin-bottom: 18px;
    font-size: 1.7em;
    color: #888888;
    position: relative;
}
#content .subcontent.info h2 span	{
    position: absolute;
    left:450px;
}
#content .subcontent.info p	{
    font-size: 1.4em;
    position: relative;
    margin-bottom: 8px;
    border-bottom: 1px dashed #C2C2C2;
    padding-bottom: 9px;
}
#content .subcontent.info p:last-child	{
    border-bottom: medium none;
    padding-bottom: 0;
    margin-bottom: 0;
}
#content .subcontent.info p span	{
    position: absolute;
    left: 250px;
    width: 605px;
}
#content .subcontent.info p span strong > span	{
    float: right;
    width: auto;
    position: static;
    display: inline-block;
    color: green;
}
#content .subcontent.info p strong	{
    color: #5a5a5a;
}
#content .info.discussion p	{
    border: none;
}
#content .info p span strong	{
    /*color: ;*/
    float: right;
    text-align: left;
    width: 300px;
}
#content .subcontent.password {
    padding: 18px;
    background: none !important;
    border-radius: none !important;
    box-shadow: none !important;
    margin-top: 18px;
    margin-bottom: 27px;
    float: left;
    width: 858px;
    border: none !important;
    position: relative;
}
.navheading {
    font-size: 1.8em;
    font-weight: bold;
}
.navheading a	{
    margin-top: 12px;
    margin-bottom: 8px;
    text-align: left;
    color: #AFAFAF;
    float: left;
    text-transform: uppercase;
}
.navheading a:hover	{
    text-decoration: none;
    color: #4C9A25;
}
.navheading.login {
    color: #AFAFAF;
    float: left;
    margin-bottom: 8px;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase;
}
.navbuttons {
    float: right;
    margin: 0px 0px 0px 0px !important;
}
.navbuttons.home {
    float: right;
    margin: 15px 0px 0px 0px !important;
}
.footer {
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 100%;
}
.hbutton	{
    float: right;
    font-size: 1.6em;
    color: #8A8A8A;
    cursor: pointer;
    font-weight: normal;
    margin: 0.9em 1em 0.8em 1em;
    width: fit-content;
    text-align: center;
}
.hbutton:hover	{
    text-decoration: underline;
    color: #4C9A25;
}

.hbutton a:link,
.hbutton a:visited {
    border: none;
    display: block;
    color: #8A8A8A;
    font-weight: normal !important;
}
.hbutton a:hover,
.hbutton a:active	{
    text-decoration: none;
    color: #4C9A25;
    font-weight: normal !important;
}
.hbreak {
    float: right;
    font-size: 1.6em;
    color: #8A8A8A;
    font-weight: bold;
    margin: 0.8em 0.5em 0.8em 0.5em;
    width: fit-content;
    text-align: center;
}
.halfcontent	{
    width: 447px;
}
.halfcontent:first-child	{
    border-right: 1px solid #F2F2F2;
    width: 446px
}
.fullform	{
    width: 550px;
    margin: 0 auto;
    line-height: 3em;
}
.ie7 .fullform form	{
    width: 570px;
}
.formnav {
    float: left;
    width: 100%;
    font-size: 9px;
}
.margindiv {
    margin: 0em 0em 2em 2em;
    height: auto;
}
.createfullform	{
    width: 100%;
    float: left;
    line-height: 30px;
}
h2	{
    font-size: 1.5em;
}
.createfullform h1 {
    margin: 0em 0em -1em 0em;
}
.heading {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    margin: 4em 0em 0em 0em;
    padding: 0.2em 0em;
    width: 100%;
    display: inline-block;
    clear: both;    
}
p.headingdesc {
    line-height: 1.75em;
}
p.qheadingdesc {
    line-height: 1.4em;
    margin-top: 0px;
    color: #888888;
}
.subheadingdesc {
    width: 330px;
    float:left;
    margin: 0em 0em 1em 4.2em;
    display: block;
    clear: both;
}
.subheadingdesc.hilma {
    margin: 0em 0em 0em 0em;
    padding: 0px 0px 5px 0px;
    width: 550px;
}
#hilmanotice_heading {
    margin: 20px 0px 10px 5px;
    width: 550px;
    float:left;
    display: block;
    clear: both;
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
}
#block_hilma_heading {
    width: 100%;
    float: left;
}
.formheading2 {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    margin: 4em 0em 2em 0em;
    padding: 0.2em 0em;
    width: 100%;
    display: inline-block;
    clear: both;
}
#formheadingfix {
    margin: 2em 0em 2em 0em;
}
#loginheading {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    margin: 4em 0em 0em 0em;
    padding: 0.2em 0em;
    width: 100%;
    display: inline-block;
    clear: both;
}
#registerheading {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    margin: 4em 0em 0em 0em;
    padding: 0.2em 0em;
    width: 100%;
    display: inline-block;
    clear: both;
}
#editprofileheading {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    margin: 0.5em 0em 0em 0em;
    padding: 0.2em 0em;
    width: 100%;
    display: inline-block;
    clear: both;
}
#passwordheading {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    margin: 0.5em 0em 0em 0em;
    padding: 0.2em 0em;
    width: 100%;
    display: inline-block;
    clear: both;
}
#registerform, #loginform, #forgotpasswordform, #securityform {
    margin: 0em;
}

#registererror {
    font-size: 14px !important;
    color: #CC3300;
}
.hilma_li {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    color: #888888;
    margin: 0px 30px 0px 0px !important;
    padding: 8px 0;
}
.register_option_text {
    color: #888888;
}
.hilma_check {
    margin: 0px 5px 0px 0px;
}
#hilma_user {
    margin: 0px 0px 10px 0px;
}
.pricing.li {
    border-bottom: 1px dashed #C2C2C2;
    float: left;
    margin: 0px 0;
    padding: 0px 0px 5px 0px;
    width: 290px;
}
.pricing {
    color: #888888;
}
.radiobox {
    margin-right: 7px;
    margin-left: 0px;
}
#agree_box {
    margin: 0px 10px 0px 0px;
}
#agree_li {
    border-top: 1px dashed #C2C2C2;
    border-bottom: 1px dashed #C2C2C2;
    width: 290px;
    margin: 30px 0;
    padding: 8px 0px;
    color: #888888;
}
.error_desc {
    font-size: 14px !important;
    color: #CC3300 !important;
}
.headingdesc {
    font-size: 14px !important;
    color: #888888;
}
.fullform input[type=text],
.fullform input[type=password]	{
    width: 282px;
}
.createfullform input[type=text]{
    width: 325px;
}
/*.createfullform #datepicker	{
        width: 100px;
}*/
#tendperioddiv {
    margin: 0em 0em 2em 0em;
}
#tendqtime {
    width: 25px;
    text-align: center;
    margin-right: 0.5em;
}
#tendqtimediv {
    width: 335px;
    margin-bottom: 2em;
}
.tendqtext {
    color: #888888 !important;
    margin: 0 1em 0 0;
}
.tendqurldiv {
    width: 340px;
    margin-bottom: 20px;
}
.tendlinkp {
    font-size: 14px !important;
    color: #4C9A25;
}
#prior_info_done {
    margin: auto 8px auto auto;
}
a.attachurl { 
    color: #888888;
    font-size: 15px;
    text-decoration: underline;
}
a.attachurl:hover {
    color: #4C9A25;
    font-size: 15px;
}
a.tendattachurl {
    color: #404040;
    text-decoration: underline;
    font-size: 1.1em !important;
    margin: 0em 0.5em;
}
a.tendattachurl:hover {
    color: #4C9A25;
    text-decoration: underline;
    font-size: 1.1em !important;
}
#signatures {
    margin: 0em 0em 3em 0em;
}
.fullform form	{
    width: 550px;
    margin: 18px auto 0 auto;
    padding: 18px;
    float: left;
}
#myprofileform {
    margin: 0px auto 0 auto;
}
#passwordform {
    margin: 0px auto 0 auto;
}
.createfullform form	{
    width: 100%;
    float: left;
}
.fullform .labels,
.createfullform .labels	{
    width: 200px;
    margin-right: 18px;
    position: relative;
    float: left;
}
.createfullform .inputs li {
    width: 100%;
    clear: right;
    margin: 0.3em;
}

.createfullform .additional_offerattachments {
    width: 332px;
    position: relative;
    float: left;
}

.createfullform .additional_offerattachments li {
    width: 100%;
    clear: right;
    margin: 0em;
}

.createfullform .labels li {
    margin: 0.3em;
    padding: 0px 0px;
}
.fullform .inputs	{
    width: 332px;
    position: relative;
    float: left;
}

#languageli {
    display: inline-block;
    margin: 0em 0em 10px 0em;
}
.addattachments {
    margin: 0em 0 2em 0;
    text-align: center;
}
.addedattach {
    max-width: 320px;
    padding: 0em;
    margin-bottom: 2em;
}
#marginattachdiv {
    margin-bottom: 15px;
    height: auto;
    display: inline-block;
}
.plusbutton {
    background-color: #CCCCCC;

    background-image: linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -o-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.15, rgb(204,204,204)),
        color-stop(0.62, rgb(235,235,235))
        );

    border: 1px solid #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px #999999;         
    -moz-box-shadow: 0 1px 0px #999999;         
    -webkit-box-shadow: 0 1px 1px #999999;
    padding: 0px 3px 0px 3px;
    width: 20px;
    height: 20px;
    margin: 0em 0em 0em 5px;
}
a.plusbuttton:hover {
    text-decoration: none;
}

.ie7 .plusbutton {
    padding: 3px;
}

.ie7 .closebutton {
    padding: 3px;
}
.ie7 .ui-icon.ui-icon-minusthick {
    cursor: hand; cursor: pointer;
}
.ie7 .ui-icon.ui-icon-plusthick {
    cursor: hand; cursor: pointer;
}
.ie7 #tendsubjectaddinfo > p {
    margin-bottom: 5px;
}
.ui-state-error {
    background: repeat-x scroll 50% 50% transparent !important;
    border: none !important;
}
.closebutton1 {
    background-color: #CCCCCC;

    background-image: linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -o-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.15, rgb(204,204,204)),
        color-stop(0.62, rgb(235,235,235))
        );

    border: 1px solid #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px #999999;         
    -moz-box-shadow: 0 1px 0px #999999;         
    -webkit-box-shadow: 0 1px 1px #999999;
    padding: 0px 3px;
    width: 20px;
    height: 20px;
    margin: 0em 0em 0em 0.25em;
}
.closebutton {
    background-color: #CCCCCC;

    background-image: linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -o-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.15, rgb(204,204,204)),
        color-stop(0.62, rgb(235,235,235))
        );

    border: 1px solid #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px #999999;         
    -moz-box-shadow: 0 1px 0px #999999;        
    -webkit-box-shadow: 0 1px 1px #999999;
    padding: 0px 3px;
    width: 20px;
    height: 20px;
    margin: 0em 0em 0em 0.05em;
}
/*.remattachments {
        margin: 0em 0em 0em 1.7em;
}
a.remattachments {
        text-decoration: underline;
        color: #888888;
        font-size: 14px;
}
a.remattachments:hover {
        text-decoration: underline;
        color: #4C9A25;
        font-size: 14px;
}
a.addattachments {
        text-decoration: underline;
        color: #888888;
}
a.addattachments:hover {
        text-decoration: underline;
        color: #4C9A25;
}*/
.attachmentadder {
    margin-top: -0.2em !important;
}
.fullform .inputs li {
    margin: 0.3em auto;     
}

.fullform .labels li {
    margin: 0.3em auto;
    padding: 0px 0px;
}
textarea#shortdescription {
    max-width: 280px; 
    min-width: 280px; 
    min-height: 150px;
}
@-moz-document url-prefix() {
    textarea#shortdescription {
        max-width: 270px !important; 
        min-width: 270px !important; 
    }
}
textarea.opminparticipants {
    max-width: 320px; 
    min-width: 320px; 
    min-height: 100px;
    margin-top: 0.5em;
}
textarea.shortdescription {
    max-width: 320px; 
    min-width: 320px; 
    min-height: 200px;
}
textarea#tendshortdesc {
    max-width: 320px; 
    min-width: 320px; 
    min-height: 200px;
}
textarea#reqdesc {
    max-width: 330px; 
    min-width: 330px; 
    min-height: 160px;
    margin: 0em 0em 0em 1.8em;
    display: block;
    clear: both;
}
#tendvalue {
    width: 100px;
    text-align: right;
}
.disabledradio {
    color: #888888 !important;
    float: none !important;
    font-size: 1em !important;
    font-weight: normal !important;
    position: inherit !important;
}
.createfullform .inputs	{
    width: 600px;
    position: relative;
    float: left;
}
.radioinputs {
    margin: auto 1em;
}
.fullform ul,
.createfullform ul	{
    list-style-type: none;
    padding:0px;
}

.createfullform ul .inputs {
    clear: right;
}
.fullform .inputs .sub	{
    text-align: right;
    margin-top: 10px;
    max-width: 270px;
}
.maxchars {
    float: right;
    font-size: 12px;
    color: #aaaaaa;
    padding: 0em;
    clear: both;
    display: block;
    margin: -0.5em 4em 0em 0em;
}
.tendmaxchar {
    float: left;
    font-size: 12px;
    color: #999999;
    padding: 0em;
    clear: both;
    display: block;
    width: 325px;
    margin: -0.8em 0em 0.6em 0em;
}
.reqdescmaxchar {
    max-width: 330px;
    margin: -0.4em 0em 0em 3em;
    font-size: 12px;
    color: #999999;
    padding: 0em;
    clear: both;
    display: block;

}
.charsright {
    float: right;
    color: #999999 !important;
}
.herror	{
    float: right;
    text-transform: none;
    margin-top: 0px;
    margin-bottom: -12px;
    margin-right:  30px;
    font-size: 0.7em;
    padding: 5px 42px;
    border: 1px solid #CC3300;
    font-weight: bold;
    max-width: 282px;
    font-size: 0.7em;
    color: #CC3300;
}
.nerror {
    float: right;
    text-transform: none;
    margin-top: 0px;
    margin-bottom: -12px;
    margin-right:  30px;
    font-size: 0.7em;
    padding: 5px 42px;
    max-width: 282px;
    font-size: 0.7em;
}
.subcontent > .herror	{
    width: auto;
    margin: 0 0 18px;
    font-size: 14px;
    float: none;
}

/* Omat kilpailutukset */
.fixh {
    margin-bottom: -1.5em !important;
}
.mytenderingcontroller {
    float: right;
    margin: 25px 0px -5px 0px;
}
.mytenderingcontroller2 {
    float: right;
}
.control_buttons {
    display: inline-block;
    float: left;
}
.openoffercontroller {
    float: right;
    margin-top: -0.5em;
}
.mytenderingbutton {
    font-size: 14px;
}
.mytenderingbutton.cancel {
    border: none;
    background: url('../img/close_888888.png') no-repeat 5% 50% transparent;
    padding: 0px 5px 0px 30px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #999999;
    margin-right: 18px;
}
.mytenderingbutton.cancel:active, .mytenderingbutton.cancel:hover {
    background: url('../img/close_red.png') no-repeat 5% 50% transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #CC3300 !important;
    margin-right: 18px;
}
.mytenderingbutton.copy {
    background: url('../img/copy_888888.png') no-repeat 5% 50% transparent;
    padding: 0px 5px 0px 30px;
    border: none;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #999999;
    margin-right: 18px;
}
.mytenderingbutton.copy:active, .mytenderingbutton.copy:hover {
    background: url('../img/copy_404040.png') no-repeat 5% 50% transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #404040 !important;
    margin-right: 18px;
}
.mytenderingbutton.transfer {
    background: url('../img/transfer_888888.png') no-repeat 5% 50% transparent;
    padding: 0px 5px 0px 30px;
    border: none;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #999999;
    margin-right: 18px;
}
.mytenderingbutton.transfer:active, .mytenderingbutton.transfer:hover {
    background: url('../img/transfer_404040.png') no-repeat 5% 50% transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #404040 !important;
    margin-right: 18px;
}
.mytenderingbutton.print {
    background: url('../img/print_888888.png') no-repeat 5% 50% transparent;
    padding: 0px 5px 0px 30px;
    border: none;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #999999;
    margin-right: 18px;
}
.mytenderingbutton.print:hover {
    background: url('../img/print_404040.png') no-repeat 5% 50% transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #404040;
    margin-right: 18px;
}
.mytenderingbutton.attachment {
    background: url('../img/attachment_888888.png') no-repeat 5% 50% transparent;
    padding: 0px 5px 0px 30px;
    border: none;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #999999;
    margin-right: 18px;
}
.mytenderingbutton.attachment:hover {
    background: url('../img/attachment_404040.png') no-repeat 5% 50% transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #404040;
    margin-right: 18px;
}
.mytenderingbutton.notepad {
    background: url('../img/notepad_888888.png') no-repeat 5% 50% transparent;
    padding: 0px 5px 0px 30px;
    border: none;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #999999;
    margin-right: 18px;
}
.mytenderingbutton.notepad:hover {
    background: url('../img/notepad_404040.png') no-repeat 5% 50% transparent;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    color: #404040;
    margin-right: 18px;
}
.notenderings {
    padding: 10px;
}
#mytenderingsheader {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    clear: both;
    display: inline-block;
    margin: 0.5em auto;
    padding: 0.2em 0;
    width: 100%;
}  
.subcontent .subdiv	{
    width: 428px;
    float: left;
    position: relative;
}
.subcontent .subdivheader.left	{
    width: 450px;
    float: left;
    margin-bottom: 0px;
    padding: 0px;
    margin: 1em;

}
.subcontent .subdivheader.right	{
    width: 250px;
    float: left;
    margin-bottom: 0px;
    padding: 0px;    
    margin: 1em;
    text-align: center;
}
.subdivheader h2	{
    padding: 0 10px;
    margin: 0em;
    font-size: 1.6em;
    color: #888888;
}
#content p.listing	{
    padding: 10px;
    font-size: 1.4em;
    background-color: #f5f8f8;
}
#content p.listing.right	{
    padding: 10px;
    font-size: 1.4em;
    background-color: #f5f8f8;
    text-align: center;
    font-style: italic;
    color: #888888;
}
#content p.listing.old	{
    color: #888888;
}
#content p.listing .active	{
    color: #1c8b03;
}
#content p.listing .canceled	{
    color: #CC3300;
}
#content p.listing .unpublished	{
    color: orange;
}
#content p.listing .auction {
    color: #1474F9;
}
#content p.listing:nth-child(2n)	{
    background-color: white;
}
p.listing a,
p.listing a:visited	{
    color: #404040;
    font-weight: normal !important;
    display: block;
    font-style: normal !important;
}
p.listing a:hover,
p.listing a:active	{
    font-weight: normal !important;
    color: #4C9A25;
    text-decoration: underline;
    font-style: normal !important;
}
p.listing a span	{
    font-style: italic;
    color: #888888;
}
#mytenderings {
    border: 1px solid #C2C2C2;
    background-color: white;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    width: 750px;
    float: left;
    margin: 3em 2em 1.5em 0em;
    padding-bottom: 10px;
    box-shadow: 0 1px 0px #999999;
    -moz-box-shadow: 0 1px 0px #999999;
    -webkit-box-shadow: 0 1px 1px #999999;
}

.subdiv.listing	{
}

.subdiv.listing.left {
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    width: 470px;
    margin-left: 10px;
}
.subdiv.listing.right {
    border-left: 1px dashed #C2C2C2;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    width: 260px;
}
.aside	{
    position: absolute;
    right: 5px;
}
.aside + .aside	{
    right: 75px;
}
#content .aside a,
#content .aside a:visited	{
    color: #888888;
}
#content .aside a:hover,
#content .aside a:active	{
    color: black;
    font-weight: normal;
    text-decoration:underline;
}
.listoffers {
    border: 1px solid #C2C2C2;
    border-collapse: collapse;
    background-color: white;
}
.listoffers.headers1 {
    border-right: 1px dashed #C2C2C2;
    border-left: 1px dashed #C2C2C2;
    font-size: 1.4em;
    background-color: #DDECD5;
    padding: 5px 10px;
    min-width: 300px;
}
.listoffers.headers2 {
    border-right: 1px dashed #C2C2C2;
    border-left: 1px dashed #C2C2C2;
    font-size: 1.4em;
    background-color: #DDECD5;
    padding: 5px 10px;
    min-width: 140px;
}
.listoffers.headers3 {
    border-right: 1px dashed #C2C2C2;
    border-left: 1px dashed #C2C2C2;
    font-size: 1.4em;
    background-color: #DDECD5;
    padding: 5px 10px;
    min-width: 140px;
}

tr.listing {
    background-color: #F5F9F4 !important;

}
tr.listing:nth-child(2n) {
    background-color: white !important;
}
tr.listing_winner {
    background-color: white !important;
}
tr.listing_winner:nth-child(2n) {
    background-color: #F5F9F4 !important;

}
.listoffers td {
    padding: 5px 10px;
    font-size: 1.4em;
    border-right: 1px dashed #C2C2C2;
    border-left: 1px dashed #C2C2C2;
    text-align: center;
}

td.accepted {
    color: #4C9A25;
    font-style: italic;
}
td.refused {
    color: #CC3300;
    font-style: italic;
}
td.unopened {
    font-style: italic;
}
td.opened {
    color: orange;
    font-style: italic;
}

.listwinner {
    border: 1px solid #C2C2C2;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-collapse: collapse;
    float: right;
    margin: 2em 0em;
    min-width: 200px;
}
.listwinner.framework {
    clear: both;
}
.winner.headers1 {
    border-left: 1px dashed #C2C2C2;
    border-right: 1px dashed #C2C2C2;
}
.listwinner th {
    padding: 5px 14px;
    font-size: 1.4em;
    background-color: #DDECD5;

}
.listwinner td {
    padding: 5px 14px;
    font-size: 1.4em;
    border-right: 1px dashed #C2C2C2;
    border-left: 1px dashed #C2C2C2;
    text-align: center;
}
.offerblockdiv {
    display: block;
    float: left;
    width: 645px;
}
.offerblock {
    display: block;
    float: left;
    width: 100%;
    height: auto;
}

.offerblock.quality {
    margin-bottom: 8px;
}
.contractbutton {
    float: right;
    clear: both;
}

.continuebutton.contract {
    margin-right: 0em;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.continuebutton.contract.disabled {
    margin: 0em 0em 0.75em 0em;
    padding: 5px 30px 5px 15px;
    background: url('../img/rsaquo_888888.png') no-repeat 95% 50% #F0F0F0;
    border: 1px solid #ACACAC;
    font-weight: bold;
    cursor: help;
    font-size: 14px;
    color: #888888; 
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
}
/* Open offer */
.accepted {
    color: #4C9A25;
}
.refused{
    color: #CC3300;
}
.opened {
    color: orange;
}

.offernav {
    float: left;
    width: 100%;
}
.securitynav {
    margin: 40px 30px 0px 0px;
}
.cancelnav {
    float: left;
    clear: both;
    width: 504px;
    margin: 10px 0px 0px 28px;  
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.align_right {
    width: 250px;
}
.backbutton,
.backbutton:active,
.backbutton:visited,
.backbutton:link {
    float: left;
    border: 1px solid #ACACAC;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;

    padding: 0px 15px 0px 30px;
    background: url('../img/lsaquo_888888.png') no-repeat 5% 50% #F0F0F0;
    font-weight: bold;
    cursor: pointer;
    font-size: 15px;
    text-decoration: none;
    color: #888888 !important;
    margin-left: 0px;        
}
.backbutton,
a.backbutton:hover	{
    background: url('../img/lsaquo_404040.png') no-repeat 5% 50% #F4F4F4;
    color: #404040 !important;
}
.continuebutton.back,
.continuebutton.back:active, 
.continuebutton.back:visited, 
.continuebutton.back:link {
    float: left;
    border: 1px solid #ACACAC;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;

    padding: 5px 15px 5px 30px;
    background: url('../img/lsaquo_888888.png') no-repeat 5% 50% #F0F0F0;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none;
    color: #888888 !important;
    margin-left: 8px;
}
.continuebutton.back,
a.continuebutton.back:hover	{
    background: url('../img/lsaquo_404040.png') no-repeat 5% 50% #F4F4F4;
    color: #404040 !important;
}
.continuebutton.accept, 
.continuebutton.accept:active, 
.continuebutton.accept:visited, 
.continuebutton.accept:link {
    float: right;
    border: 1px solid #ACACAC;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;

    padding: 6px 30px 6px 15px;
    background: url('../img/check_888888.png') no-repeat 90% 45% #F0F0F0;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: #888888 !important;
    margin: 0px 8px 0px 10px;    
}
.continuebutton.accept:hover {
    background: url('../img/check_green.png') no-repeat 90% 45% #F4F4F4;
    color: #4C9A25 !important;    
}
.continuebutton.refuse,
.continuebutton.refuse:active, 
.continuebutton.refuse:visited, 
.continuebutton.refuse:link {
    float: right;
    border: 1px solid #ACACAC;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;

    padding: 6px 30px 6px 15px;
    background: url('../img/close_888888.png') no-repeat 90% 55% #F0F0F0;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: #888888 !important;
    margin: 0px 8px 0px 10px;   
}
.continuebutton.refuse:hover {
    background: url('../img/close_red.png') no-repeat 90% 55% #F4F4F4;
    color: #CC3300 !important;    
}

#refusalheading {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    margin: 0.5em 0em 0em 0em;
    padding: 0.2em 0em 1em 0em;
    width: 100%;
    display: inline-block;
    clear: both;
}

.fullform.refuse .refuseofferform	{
    display: block;
    clear: both;
    margin: 2em 0;
    padding: 0px !important
}
.fullform .cancelform {
    display: block;
    clear: both;
    margin: 2em 0;
    padding: 0px !important
}

.fullform.refuse textarea	{
    color: #565656;
    max-width: 480px;
    min-width: 480px;
    margin: 0em 2em;
    min-height: 50px;
}

.refusenav {
    float: left;
    clear: both;
    width: 500px;
    margin: 0 0 0 25px;
}
.refuse
offerform .continuebutton.back,
.refuseoffeform .continuebutton.back:active, 
.refuseofferform .continuebutton.back:visited, 
.refuseofferform .continuebutton.back:link {
    float: left;
    border: 1px solid #ACACAC;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;

    padding: 1px 15px 0px 30px;
    background: url('../img/lsaquo_888888.png') no-repeat 5% 50% #F0F0F0;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    text-decoration: none;
    color: #888888 !important;
    margin-left: 8px;
    margin-top: 2px;
}
.refuseofferform .continuebutton.back,
.refuseofferform a.continuebutton.back:hover	{
    background: url('../img/lsaquo_404040.png') no-repeat 5% 50% #F4F4F4;
    color: #404040 !important;
}

.refuseofferform .continuebutton.refuse,
.refuseofferform .continuebutton.refuse:active, 
.refuseofferform .continuebutton.refuse:visited, 
.refuseofferform .continuebutton.refuse:link {
    float: right;
    border: 1px solid #ACACAC;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;

    padding: 6px 30px 6px 15px;
    background: url('../img/rsaquo_888888.png') no-repeat 90% 55% #F0F0F0;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: #888888 !important;
    margin: 0px 0px 0px 10px;   
}
.refuseofferform .continuebutton.refuse:hover {
    background: url('../img/rsaquo_red.png') no-repeat 90% 55% #F4F4F4;
    color: #CC3300 !important;    
}

/* Omat tiedot */

.fullform.edit input[type=text]	{
    color: #6c6c6c;
}
.fullform.edit textarea	{
    color: #565656;
}
.fullform ul li a	{
    color: gray;
    text-decoration: underline;
    font-weight: bold;
}
.fullform ul li a:hover	{
    color: #4C9A25;
    text-decoration: none;
    font-weight: bold;
}
#forgotpass {
    margin: 0em 3em 2em 0em;
    float: right;
    font-size: 14px;    
}
#changepass {
    margin: 10px 0px 20px 180px;
    font-size: 14px;
    display: block;
}
#changepass_salasana {
    float: right;
    font-size: 14px;
    margin: 0 3em 2em 0;
}
#saveinfo {
    margin: 10px 0px 15px 180px;
    display: block;
}
.subcontent.password .herror,
.subcontent.info .herror {
    float: none;
    margin: 0;
}
.createbutton {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 1.7em;
}
.fullform .inputs .orgphone_part1 {
    width: 35px !important; 
    margin-right: 5px !important;
}
.fullform .inputs .orgphone_part2 {
    width: 233px !important; 
}

/* multiselect button */
.ui-multiselect {
    background-color: #ffffff !important;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    padding: 0.2em !important;
}

/* Kilpailutuksen luonti */

.breadcrumb {
    width: 460px;
    margin: 0 17px 0 65px;
    color: #C2C2C2;
    font-size: 4em!important;
    text-align: center;
    display: inline-block;
    float: left;
}
.breadcrumb.bottom {
    margin-bottom: 0;
    padding-top: 50px;
}
.breadcrumb span {
    margin: 0px 9px 0 9px;
    font-size: 0.4em;
    position: relative;
    top: -5px;
    color: #888888;
}
.breadcrumb .current {
    color: #4c9a25;
    font-style: italic;
    font-weight: bold;
}
.backcrumb {
    width: 150px;
    margin: 0 auto;
    float: left;
    color: #888888 !important;
    font-size: 4em;
    text-align: center;
    display: inline-block;
}
.bctext {
    margin: 0px 9px 0 9px;
    font-size: 0.4em;
    position: relative;
    top: -5px;
    font-style: italic;
}

.bcarrow {
}
.downarrow {
    /*background: url('../img/hintarrowdowngreen.png') no-repeat 85% 50%;
    width:20px;
    height:20px;*/
    font-size: 3.2em !important;
    position: relative !important;
    margin-top: -18px;
    text-align: center;
    color: #888888;
}
a.downarrow {
    text-decoration: underline;
    color: #888888;
}
a.downarrow:hover {
    text-decoration: underline;
    color: #4C9A25;
}
.backcrumb > a:link, .backcrumb > a:visited {
    text-decoration: none;
    color: #888888 !important;
}

.backcrumb > a:hover, .backcrumb > a:active {
    color: #4C9A25 !important;
    font-weight: bold !important;
}
.nextcrumb	{
    width: 140px;
    margin: 0px auto;
    float: right;
    color: #888888 !important;
    font-size: 4em;
    text-align: center;
    display: inline-block;
}
.nextcrumb > a:link, .nextcrumb > a:visited	{
    text-decoration: none !important;
    color: #888888 !important;
}

.nextcrumb > a:hover, .nextcrumb > a:active	{
    color: #4C9A25 !important;
    font-weight: bold !important;
}
.newtendering textarea	{
    font-family: 'Calibri','Arial','Helvetica' !important;
    clear: both;
}
.checktendering h3	{
    margin: 12px 0px 9px;;
}
.newtendering form > div:first-child {
    width: 568px;
    float: left;
}
.newtendering ul	{
    margin: 0;
}
.newtendering ul li span,
.newtendering h2 span	{
    color: #4C9A25;
}
.ie7 .newtendering ul li span,
.ie7 .newtendering h2 span	{
    margin-top: 0px;
}

.newtendering .rightside	{
    margin-left: 27px;
    float: right;
    width: 258px;
}
.rightside ul 	{
    margin-bottom: 18px;
}
.newtendering .rightside label	{
    cursor: pointer;
}
.newtendering .rightside	input[type=checkbox]	{
    float: right;
    margin-left: 30px;
    position: relative;
    top: 6px;
}
.newtendering .rightside ul li	{
    border-bottom: 1px dashed #C2C2C2;
}
.newtendering .rightside input[type=text]	{
    width: 150px;
    float: right;
    position: relative;
    top: 4px;
}
.newtendering .selection h2	{
    display: inline-block;
    width: 250px;
    float: left;
    margin-right: 50px;
}
.newtendering .selection p	{
    display: inline-block;
    margin-right: 18px;
    padding: 0px 15px;
    float: left;
    background-color: #d5f0d1;
    border: 1px solid #257325;
    cursor: pointer;
}
.newtendering .selection p:hover	{
    background-color: #cde2ca;
}
.newtendering .selection .chosen	{
    background-color: #b8d6b3;
    border: 1px solid #C2C2C2;
    font-weight: bold;
}
#hilmanoticediv {
    display: block;
    float: left;
}
#hilma_user_li {
    margin: 0px 0px 0px 0px;
}
.styled-select select {
    width: 330px;
    margin: 5px 0px 5px 5px;
    padding: 4px 3px;
}
.options {
    display: block;
}
#eu_ctype {
    display: block;
}
#cpv_primary, #cpv_alternative {
    width: 230px !important;
}
.labels.hilmanotice {
    clear: left;
}
.cpv_label {

}
/* Eri kilpailutuksien tyylit */
.newtendering .newprice,
.newtendering .newpricequality,
.newtendering .selection	{
    padding-top: 18px;
    float: left;
    width: 858px;
    margin-top: 18px;
}
.newtendering .newprice,
.newtendering .newpricequality	{
    display: block;
}
.statusactive	{
    color: #4C9A25;
}
.statuscanceled	{
    color: #CC3300;
}
.statusunpublished {
    color: orange;
}
.statusexpired {
    color: #CC3300;
}
.statusexpired_alt {
    color: #4C9A25;
}
.reqofferlabels {
    float: left;
    margin-right: 18px;
    position: relative;
    width: 230px;
}
.offerreqcheckyes {
    float: left;
    margin-right: 18px;
    position: relative;
    width: 70px;
}
.reqofferinp {
    margin-right: 0.5em;
}
.reqofferlabels ul {
    list-style-type: none;
    padding: 0;
    font-size: 1.4em !important;
}
.reqofferinputs {
    width: 300px;
    display: inline-block;
    font-size: 1.3em;
    color: #888888;
    line-height: 1.5em !important;
}
.reqleaveofferinputs {
    width: 350px;
    display: inline-block;
    font-size: 1.3em;
    color: #888888;
    line-height: 1.5em !important;
}
.reqofferattachinputs {
    width: 420px;
    display: inline-block;
    font-size: 1.3em;
    color: #888888;
    line-height: 1.5em !important;
}
input.otherwhat {
    width: 220px !important;
}
.registerlabels {
    color: #888888;
}
#otherwhat_input {
    width: 180px !important;
    margin-left: 10px;
}
.joint_procurement_checkbox {
    margin-right: 8px;
}
#joint_procurement {
    margin: 10px 0px;
    padding: 5px;
    border-top: 1px dashed #C2C2C2;
    width: 330px;
}
.domestic_type_of_contracting, .domestic_ctype {
    margin-right: 5px;
}
p.subhead {
    margin: 1em 0em;
    border-bottom: 1px dashed #C2C2C2;
}
p.offersubhead {
    margin: 1em 0em 0em 0em;
    max-width: 420px;
}
.borderwrap {
    border-bottom: 1px dashed #C2C2C2;
    height: fit-content;
    margin: 1em 0em;
    padding-bottom: 1em;
    position: relative;
    width: 530px;
}
.offerborderwrap {
    border-top: 1px dashed #C2C2C2;
    height: fit-content;
    margin: 0em 0em 0em 0em;
    padding-bottom: 1em;
    position: relative;
    width: 420px;
    padding: 1em 0em 0.7em 0em;
}
.borderwrapother {
    border-bottom: none;
    height: fit-content;
    margin: 1em 0em;
    padding-bottom: 1em;
    position: relative;
    width: 530px;
}
input[type="button"].offerreqadd {
    margin-left: 0.35em;
}
.offerreqadd {
    margin-left: 0.35em;
    padding: 3px 10px 3px 10px;
    -moz-font-size: 11px;
}
#printofferreq {
    width:600px;
    float:left; 
    font-size: 13px; 
    color: #888888;
    display: block;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    margin: 0em 0em 0em 2em;
}
.blockdiv {
    display: block;
    float: left;
    width: 530px;
}
.breakdiv {
    margin-bottom: 2em;
    float: left;
    display: block;
    clear: both;
    height: fit-content;
}
.requirements {
    margin: 0.5em 0em 1.5em 0em;
}
#printreqli {
    list-style: decimal !important;
    margin-left: 1.5em;
    width: 590px;
}
#printreqli2 {
    list-style: decimal !important;
    margin-left: 1.5em;
    width: 590px;
}
#printreqli3 {
    list-style: decimal !important;
    margin-left: 1.5em;
    width: 590px;
}
.nocriteria {
    font-size: 1em !important;
    color: #888888 !important;
    line-height: 2.8em;
}
#printrequirements {
    list-style-type: decimal !important;
    display: block;
    width: 100%;
    float: left;
    margin: 0 0 0 -23px;
    font-size: 13px;
}
#printrequirements li {
    padding: 0 0 0 0px;
}
input.requiredinp {
    width: 145px !important;
    margin-right: 0.6em;
    margin-left: 1em;
}
input.requireddesc {
    width: 310px !important;
    margin-right: 0.35em;
    margin-left: 5px;
}
.kyllaei {
    float: right;
    color: #888888;
}
input#fakeinpfield1 {
    width: 145px !important;
    margin: 0em 0.65em 0em 1.4em;
}
input#fakeinpfield2 {
    width: 318px !important;
    margin-right: 3px;
    margin-left: 22px;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
.ie8 input#fakeinpfield2, .ie8 input#fakeinpfield3, 
.ie8 input#fakeinpfield3, .ie8 input#fakeinpfield4,
.ie8 input#fakeinpfield5 {
    margin-top: -5px;
}
.ie9 .fakeinpfield {
    background-color: #F0F0F0;
}
.ie8 .fakeinpfield, .ie7 .fakeinpfield {
    background-color: #F0F0F0;
    border: 1px dashed #C2C2C2 !important;
}
.fakeinpfield {
    border: 1px solid #C2C2C2 !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; 
    display: inline-block;
}
ul.requiredattachs {
    margin: 0.5em 0em 1.5em 1.5em;
}
.reqlabels {
    font-size: 13px !important;
    margin: 0em;
}
.reqcount {
    font-size: 13px !important;
}
#reqnimike {
    width: 145px;
    margin-left: 0em;
    margin-right: 1em;
    display: inline-block;
}
#reqtarkenne {
    width: 310px;
    display: inline-block;
    margin-right: 1.2em;
}
#reqcount {
    display: inline-block;
    margin-right: 0em;
    width: 25px;
}
#reqlisaapoista {
    display: inline-block;
}
#reqclose {
    padding-top: 5px !important;
}

/*Price criteria adder*/
#printpricecriteria {
    float: left;
    display: inline-block;
    margin-left: 2em;
}

#criterialist {
    list-style-type: decimal !important;
    display: block;
    width: 100%;
    float: left;
    margin: 0 0 0 -23px;
    font-size: 13px;
}
#criterialist li {
    padding: 0 0 0 6px;
}
#criteria_name {
    width: 310px !important;
    margin-right: 18px;   
    display: inline-block;  
}
#criteria_amount {
    width: 125px !important;
    margin-right: 18px;
    display: inline-block;  
}
#criteria_unit {
    width: 125px !important;
    margin-right: 16px; 
    display: inline-block;         
}
#criteria_addrem {
    width: 125px !important;
    margin-right: 16px;
    display: inline-block;        
}

.count_field {
    width: 20px !important;
    margin-right: 16px;
}
input.pname_field {
    width: 310px !important;
    margin-right: 6px;
}
input.pamount_field {
    width: 125px !important;
    margin-right: 6px;
}
input.punit_field {
    width: 125px !important;
    margin-right: 6px;
}

/* Quality adder styles */

#printqualitycriteria {
    float: left;
    display: inline-block;
    margin-left: 2em;
}
#printquapricecriteria {
    float: left;
    display: inline-block;
    margin-left: 2em;
}
#qualitycriterialist {
    list-style-type: decimal !important;
    display: block;
    width: 100%;
    float: left;
    margin: 0 0 0 -23px;
    font-size: 13px;
}

#qualitycriterialist li {
    padding: 0 0 0 6px;
}

#quapricecriterialist {
    list-style-type: decimal !important;
    display: block;
    width: 100%;
    float: left;
    margin: 0 0 0 -23px;
    font-size: 13px;
}
#quapricecriterialist li {
    padding: 0 0 0 6px;
}

#criterialist li:hover,
#qualitycriterialist li:hover,
#quapricecriterialist li:hover {
    cursor: move;
}

#criteria_points {
    width: 125px !important;
    margin-right: 18px;
    display: inline-block;  
}
input.qpname_field, input.qpname_input  {
    width: 330px !important;
    margin-right: 6px;
}
.textarea.qpname_field, textarea.qpname_input {
    margin-right: 6px;
    margin-top: 2px !important;
    max-width: 325px !important;
    min-width: 325px !important;
    height: 25px;
    min-height: 25px;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 2px;
    resize: none;
    vertical-align: top !important;
}
input.qpamount_field, input.qpamount_input{
    width: 89px !important;
    margin-right: 6px;
}
input.qpunit_field, input.qpunit_input {
    width: 126px !important;
    margin-right: 6px;
    margin-top: 2px !important;
}
input.qppoints_field, input.qppoints_input {
    width: 60px !important;
    margin-right: 6px;
    margin-top: 2px !important;
}

#criteriaqp_name {
    width: 330px !important;
    margin-right: 18px;   
    display: inline-block;  
}
#criteriaqp_amount {
    width: 88px !important;
    margin-right: 18px;
    display: inline-block;
}
#criteriaqp_addrem {
    width: 100px !important;
    margin-right: 16px;
    display: inline-block;        
}
#criteriaqp_unit {
    width: 125px !important;
    margin-right: 16px; 
    display: inline-block;
}
#criteriaqp_points {
    width: 60px !important;
    margin-right: 18px;
    display: inline-block;  
}
input.qname_field {
    width: 210px !important;
    margin-right: 6px;
}
textarea.qname_field {
    margin-right: 6px;
    margin-top: 2px !important;
    max-width: 205px !important;
    min-width: 205px !important;
    height: 25px;
    min-height: 25px;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 2px;
    resize: none;
    vertical-align: top !important;
}
textarea.qgrounds_field {
    margin-right: 6px;
    margin-top: 2px !important;
    max-width: 208px !important;
    min-width: 208px !important;
    height: 25px;
    min-height: 25px;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 2px;
    resize: none;
    vertical-align: top !important;
    wrap: none;
}
select.qget_field {
    width: 131px !important;
    vertical-align: top;
    height: 28px;
    margin-right: 6px !important;
    margin-top: 2px !important;
}

input.qpoints_field {
    width: 60px !important;
    margin-right: 6px;
    margin-top: 2px !important;
}
#criteriaq_name {
    width: 210px !important;
    margin-right: 18px;   
    display: inline-block;  
}
#criteriaq_grounds {
    width: 210px !important;
    margin-right: 18px;
    display: inline-block;  
}
#criteriaq_get {
    width: 125px !important;
    margin-right: 16px;
    display: inline-block;        
}
#criteriaq_points {
    width: 60px !important;
    margin-right: 18px;
    display: inline-block;  
}


/* All adders */

.criteria_inputs {
    display: inline-block;
}
#criteria_labels {
    font-size: 13px !important;
    width: 100%;
    float: left;
    margin: 0px 0px 0px 20px;
}
#criteria_count {
    width: 15px !important;
    margin-right: 5px;
    display: inline-block;
    padding: 0px 0px 0px 3px;
}
.closebutton.criteriaclose {
    padding: 5px 3px 1px 3px;
}
#criteriaplus {
    padding: 5px 3px 1px 3px;
    margin-left: 0px !important;
}
.criteriafake {
    margin: 0 0 10px 43px;
    display: inline-block;
    float: left;
    width: 100%;
}


/* Adders' fakefields */
input#fakeinpfield3 {
    width: 318px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield4 {
    width: 133px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield5 {
    width: 133px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield6 {
    width: 338px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield7 {
    width: 97px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield8 {
    width: 134px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield9 {
    width: 68px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield10 {
    width: 218px !important;
    margin: 3px 6px 0px 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield11 {
    width: 220px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield12 {
    width: 130px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#fakeinpfield13 {
    width: 68px !important;
    margin: 3px 6px 0 0;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
.options {
    width: 300px;
}
.newleft	{
    width: 25px !important;

}
.newleft .counter	{
    width: 50px;
    float: right;
    text-align: right;
    margin-right: 0;
}
.newleft .counter p{
    line-height: 2.3em;
}
.ie7 .newleft .counter p{
    line-height: 1.9em;
}
.newprice .newright	{
    width: 175px;
    margin-right: 0;
}
.hidden	{
    display: none;
}
.newpricequality h2,
.newprice h2	{
    float: left;
    clear: both;
    width: 100%;
    font-size: 16px;
}
#content .newright .adder p.hide,
#content .newright .adder p.phide,
#content .newright .adder p.qhide{
    border: 1px solid #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #999999;         -moz-box-shadow: 0 1px 0px #999999;         -webkit-box-shadow: 0 1px 1px #999999;

    background-image: linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -o-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.15, rgb(204,204,204)),
        color-stop(0.62, rgb(235,235,235))
        );

    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    line-height: 14px;
    margin-top: 3px;
    margin-bottom: 8px;
    background-color: #cccccc;
    color: #CC3300;
    cursor: pointer;
    font-family: 'Calibri','Arial','Helvetica' !important;
}
#content .newright .adder p.add,
#content .newright .adder p.padd,
#content .newright .adder p.qadd {
    border: 1px solid #888888;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px #999999;         
    -moz-box-shadow: 0 1px 0px #999999;         
    -webkit-box-shadow: 0 1px 1px #999999;

    background-image: linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -o-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -moz-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -webkit-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);
    background-image: -ms-linear-gradient(bottom, rgb(204,204,204) 15%, rgb(235,235,235) 62%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.15, rgb(204,204,204)),
        color-stop(0.62, rgb(235,235,235))
        );

    height: 20px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    font-size: 2.5em;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    margin-top: 3px;
    margin-bottom: 8px;
    background-color: #cccccc;
    color: #4C9A25;
    cursor: pointer;
    font-family: 'Calibri','Arial','Helvetica' !important;
}
#content .continuediv	{
    margin-top: 18px;
    float: left;
    width: 854px;
    text-align: right;
}
/*Hidden buttons in forms (javascript does the triggering)*/
#submitnew, #offernew, #checkoffer, #checkcontract, #savecontract, #leaveoffer,
#daterestryear, #daterestrmonth, #daterestrday, #daterestrhour, #daterestrminute, 
#daterestrseconds, #checknew, #publishnew, #submitnotice, #contract_create_custom, #contract_create_own {
    display: none;
}
.continuebutton,
a.continuebutton	{
    border: 1px solid #257325;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;

    padding: 5px 30px 5px 15px;
    background: url('../img/rsaquo.png') no-repeat 95% 50% #4C9A25;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: white;
    margin-right: 18px;
}
.continuebutton:hover	{
    background: url('../img/rsaquo.png') no-repeat 95% 50% #59ad46;
}
a.continuebutton:hover	{
    color: white;
    text-decoration: none;
}
a.continuebutton:visited	{
    color: white;
}
.continuebutton.openoffers	{
    background: url('../img/rsaquo.png') no-repeat 95% 50% #4C9A25;
    float: right;
    margin-right: 280px;
    padding: 5px 35px 5px 20px;
}
.continuebutton.openoffers:hover	{
    background: url('../img/rsaquo.png') no-repeat 95% 50% #59ad46;
    float: right;
    margin-right: 280px;
}
.openoffers {
    margin-right: 280px !important; /*Quickfix*/
}
.continuebutton.leaveoffer {
    float: right;
    margin-right: 3px;
}
.continuebutton.leaveoffer:visited, .continuebutton.leaveoffer:link, .continuebutton.leaveoffer:active {
    color: white !important;
}
.ui-icon-closethick {
    background-image: url('../img/ui-icons_888888_256x240.png') !important;
}
.gobackbutton,
a.gobackbutton	{
    border: none;
    padding: 5px 5px 5px 15px;
    background: none;
    font-weight: normal;
    cursor: pointer;
    font-size: 14px;
}
.gobackbutton:hover	{
    background: none;
    text-decoration: none;
    color: #DB704D;
}
.gobackbutton.longtext	{
    background: url('../img/gobackarrow.png') no-repeat 5% 50% #ff7f7f;
}
.gobackbutton.longtext:hover	{
    background: url('../img/gobackarrow.png') no-repeat 5% 50% #ff4b4b;
}
.redcontinuebutton	{
    border: 1px solid #257325;
    padding: 5px 45px 5px 25px;
    background: url('../img/redcontarrow.png') no-repeat 95% 50% #ff7f7f;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
}
.redcontinuebutton:hover	{
    background: url('../img/redcontarrow.png') no-repeat 95% 50%#ff4b4b;
    text-decoration: none;
    color: black;
}
.required	{
    vertical-align: top;
    position: relative!important;
    float: none!important;
    font-size: 1em!important;
    color: #CC3300!important;
}
.fieldsinfo {
    font-size: 12px !important;
    color: #aaaaaa !important;
    padding: 0em !important;
    clear: both !important;
    display: block !important;
}
.requiredfield {
    color: #CC3300;
}
.errordiv {
    float:left;
}
.error	{
    float: left;
    width: 858px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #CC3300;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    color: #CC3300;
    font-size: 13px;
    padding: 14px 18px;
    margin-bottom: 7px;
}
.error.notepad {
    width: 305px;
    margin: 10px 0px;
}
.fix_err_logo_pos {
    margin-right: 10px;
    position: relative;
    bottom: -3px;
}
#content .newtendering .error p	{
    font-size: 1.5em;
}
.emptyred	{
    background-color: #FFDED6 !important;
    border-color: #DB704D !important;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}
.emptyredli {
    background-color: #FFDED6 !important;
    border: 1px solid #DB704D !important;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    max-width: 350px;
}
.emptyredreq {
    background-color: #FFDED6 !important;
    border-top: 1px dashed #DB704D !important;
}
#datepicker1 {
    width: 150px;
    margin: 0em 0.5em 0em 0em;
}

div.ui-datepicker{
    font-size: 1.625em;
}

#datepickerspan {
    float: left;
    margin-top: 2em;
}
#datepicker2 {
    width: 100px;
}
#datepicker3 {
    width: 135px;
    margin: 0em 0.5em 0em 0em;
}
#tendofferendtime {
    width: 100px;
}
.tendpvm {
    margin: 0 1em 0 0;
    color: #888888 !important;
}
.tendklo {
    margin: 0 1em 0 1em;
    color: #888888 !important;
}
/*input[type=text], input[type=password]	{
        border: 1px solid #999999;
        border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
        padding: 0.2em;
}*/
.nym	{
    margin-bottom: 18px;
}
.nmy+div,
.kym+div,
.nym+div,
.pnmy+div,
.qnmy+div {
    float: left;
}
.nmy + div p,
.kym + div p,
.nym + div p,
.pnmy + div p, 
.qnmy + div p {

}
.nmy,
.kym,
.nym {
    width: 520px;
}
.pnmy {
    width: 400px;
}

.qnmy {
    width: 240px;
    word-wrap: break-word;
    line-height: 20px;
}
.nmy,
.kym,
.nym,
.pnmy,
.qnmy {
    float: left;
    margin-top: -18px;
}
.nmy h3,
.kym h3,
.nym h3,
.pnmy h3,
.qnmy h3 {
    font-weight: normal;
    font-size: 1.4em;
    border-bottom: 1px solid #C2C2C2;
}
.nmy.short {
    float: left;
    width: 120px;
}

.qnmy.short {
    float: left;
    width: 120px;
}

.qnmy.shortest {
    float: left;
    width: 120px;
}

.qnmy.medium {
    float: left;
    width: 280px;
}

.qnmy.medium p{
    padding-right: 10px;
}

.products_wrap {
    display: block;
    float: left;
    width: 100%;
    height: auto; 
}
.products_block {
    display: block;
    float: left;
    width: 760px;
    height: auto;
    border-bottom: 1px dashed #C2C2C2;
}

p.productsp {
    font-size: 1.4em !important;
    color: #888888;
    margin-top: 5px;
}

.products {
    display: inline-block;
    float: left;
    margin: 5px 18px 5px 0px;
    width: 200px;
    font-weight: normal;
    font-size: 15px;
    color: #888888;
    line-height: 1.5em;
}

.products.plabel {
    width: 500px !important;
}

.products.pamount {
    width: 100px !important;
}

.products.punit {
    width: 100px !important;
}

.products_wrap.quality {
    margin-top: 20px;
}

.products.qplabel {
    width: 380px !important;
}

.products.qpamount {
    width: 110px !important;
}

.products.qpunit {
    width: 100px !important;
}

.products.qppoints {
    width: 70px !important;
}

.products.qcriteria {
    width: 225px !important;
}

.products.qgrounds {
    width: 260px !important;
}

.products.qget {
    width: 105px !important;
}

.subcontent.checktendering .checktendering .nmy p,
.subcontent.checktendering .checktendering .kym p,
.subcontent.checktendering .checktendering .nym p,
.subcontent.checktendering .checktendering .pnmy p,
.subcontent.checktendering .checktendering .qnmy p {
    margin-bottom: 10px;
    border: none;
}

.checktendering	{
    border: 1px solid #C2C2C2;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    padding: 18px;
    float: left;
    margin-bottom: 18px;
}
.subcontent.checktendering >.checktendering p	{
    border-bottom: 1px solid #F3F3F3;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    padding-bottom: 10px;
    color: #888888;
}
#fix_contract_p {
    font-size: 14px !important;
}
.subcontent.checktendering > .checktendering	{
    font-size: 1.2em;
    background-color: #fcfcfc;
    width: 819px;
}
.subcontent.checktendering .inputs li {
    color: #888888 !important;
}
.yesnocontainer h2	{
    margin-bottom: 18px;
    font-size: 1.8em;
}
.yesnocontainer	{
    float: left;
    text-align: center;
    width: 819px;
    margin-top: 2em;
    background-color: #fcfcfc;	
    padding: 18px;
    border-top: 1px solid #C2C2C2;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}
div.checktendering > h3	{
    clear: both;
    float: left;
    width: 100%;
}
.yesnocontainer a,
.yesnocontainer button	{
    float: left;
    margin-left: 150px;
    margin-right: 18px;
}
.yesnocontainer form	{
    float: left;
}
.yesnocontainer input[type=submit]	{
    outline: none;
}
.ie7 .yesnocontainer a,
.ie7 .yesnocontainer button	{
    margin-left: 75px;
}
.publish ul	{
    list-style-type: disc;
    padding: 0px;
    line-height: 1.8em;
    background: none;
    border: none;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    margin: 0.55em 3em 1.5em;
    font-size: 1.4em !important;
    color: #888888;
}
.publish ul b	{
    color: #DB704D;
    text-decoration: none;
}
a.publishtextlink	{
    text-decoration: underline;
    color: #4C9A25 !important;
}

a.publishtextlink:hover, a.publishtextlink:active	{
    color: #4C9A25 !important;
    text-decoration: underline;
}
.notice_intend {
    padding: 10px 0px;
    margin: 10px 0px;
    border-top: 1px dashed #C2C2C2; 
    border-bottom: 1px dashed #C2C2C2;
    list-style: none;
}
.radio_choice {
    margin-right: 10px;
}
a.leaveofferlink	{
    text-decoration: underline;
    color: #4C9A25 !important;
}

a.leaveofferlink:hover, a.leaveofferlink:active	{
    color: #4C9A25 !important;
    text-decoration: underline;
}
a.printherelink	{
    text-decoration: underline;
    color: #4C9A25 !important;
}

a.printherelink:hover, a.printherelink:active	{
    color: #82B866 !important;
    text-decoration: underline;
}
a.clickherelink	{
    text-decoration: underline;
    color: #4C9A25 !important;
}

a.clickherelink:hover, a.clickherelink:active	{
    color: #82B866 !important;
    text-decoration: underline;
}

h2.important	{
    text-align: center;
    font-size: 2.5em;
}
.publish .yesnocontainer button	{
    margin-left: 130px;
}
.separator	{
    margin-left: 18px;
    margin-right: 18px;
}
.publish .yesnocontainer	{
    padding: 36px 18px;
    /*width:*/
}
.continuebutton.right	{
    float: right;
    margin-top: 18px;
}
.continuebutton.right.longtext	{
    margin-right: 0px;
}
.continuebutton.tiedot	{
    float: right;
    margin: 0px 40px 0px 0px;
}
.successtext {
    color: #4C9A25;
    text-align: center;
    background: url('../img/check_green.png') no-repeat 35% 40%;
}
.textgreen {
    color: #4C9A25;
}
.alignsuccess {
    margin: 0px 5px -4px 0;
}
h2.alignsuccess {
    margin: 0 0 0 26px;
}
.success.top,
.success.bottom,
.expired.top	{
    margin-bottom: 10px;
    font-size: 13px;
    color: #5A5A5A;
}
.success.top a,
.success.bottom a,
.expired.top a 	{
    float: right;
}
.success.top a,
.expired.top a	{
    margin-top: 0px;
}
.ie7 .success.top a	{
    margin-top: -15px;
}
.ie7 .success.bottom a	{
    margin-top: -15px;
}
.success.bottom,
.inactive.bottom,
.expired.bottom	{
    float: left;
    width: 856px;
}
#content .success.top p,
#content .success.bottom p,
#content .expired.top p	{
    font-size: 14px;
}
.ie7 .success.top p	{
    margin: 0;
    padding: 0;
    position: relative;
}
.inactive.top,
.inactive.bottom	{
    margin-bottom: 36px;
    font-size: 15px;
    color: #5A5A5A;
}
.inactive.top a,
.inactive.bottom a	{
    float: right;
}
#content .inactive.top p,
#content .inactive.bottom p	{
    font-size: 16px;
}
.fileinput	{
    float: left;
    margin-top: 0px;
    width: 100%;
}
input[type="file"].offerattachments_additional {
    padding: 4px 0px;
}
input[type="file"].fakefield {
    padding: 4px 0px;
    margin-bottom: 4px;
}
.fakefieldli {
    margin-top: 0 !important;
}
.logofileinput	{
    float: left;
    margin-top: 0;
    width: 335px;
    margin-bottom: 10px;
}
input[type="file"].logofileinput {
    padding: 4px 0px;
}
input[type="file"] {
    padding: 4px 0px;
}
.dlink:link,
.dlink:visited	{
    background-image: url('../img/contarrow.png');
    background-repeat: no-repeat;
    padding-right: 25px;
    background-position: 100% 0%;
}
.dlink:hover,
.dlink:active	{
    background-image: url('../img/contarrowhover.png');
}
.criteria.price + h2,
.newprice .continuediv,
.newpricequality .continuediv	{
    padding-top: 9px;
    margin-top: 18px;
}

.publish .yesnocontainer .continuebutton,
.publish .yesnocontainer .separator	{
    float: left;
    margin-left: 0;
}
.publish .yesnocontainer .continuebutton:first-child	{
    margin-left: 20px;
}
.publish .yesnocontainer .separator	{
    padding-top: 5px;
}
.archive .subdivheader	{
    margin-top: 18px;
}
.bottomhint	{
    float: right;
    font-style: italic;
    margin: 0px 25px 30px 18px;
    background-image: url('../img/hintarrowup.png');
    background-repeat: no-repeat;
    background-position: 70% 0%;
    padding-top: 18px;
    max-width: 480px;
    color: #888888;
}
.bottomhint.home {
    float: right;
    font-style: italic;
    margin: 0px 0px 30px 10px;
    background-image: url('../img/hintarrowup.png');
    background-repeat: no-repeat;
    background-position: 50% 0%;
    padding-top: 16px;
    max-width: 350px;
    color: #888888;
    font-size: 15px;
    text-align: center;
}
.bottomhint.offerslist {
    float: right;
    font-style: italic;
    margin: 5px 68px 0px 18px;
    background-image: url('../img/hintarrowup.png');
    background-repeat: no-repeat;
    background-position: 46% 0%;
    padding-top: 14px;
    max-width: 500px;
    color: #888888;
}
.bottomhint.prior {
    float: right;
    font-style: italic;
    margin: 5px 78px 0px 18px;
    background-image: url('../img/hintarrowup.png');
    background-repeat: no-repeat;
    background-position: 46% 0%;
    padding-top: 14px;
    max-width: 500px;
    color: #888888;
}
.bottomhint + .continuebutton	{
    clear: both;
    margin-top: 0px;
}
.discussion form	{
    margin-top: 18px;
    float: left;
}
#content .discussion form > p	{
    position: relative;
    height: 125px;
}
.leavequestiondiv {
    width: 560px;
    margin: 4em 0em 0em 1.5em;
    font-size: 1.1em;
}
.questionarea	{
    width: 510px;
    max-width: 510px;
    min-width: 480px;
    height: 200px;
    min-height: 50px;
    height: 100px;
    float: left;
    margin: 0em 0em;
}
p.questionp {
    margin: 2em 2em 0em 1.5em;
    color: #888888;
    font-size: 14px !important;
    /*border-top: 1px dashed #c2c2c2;*/
    padding: 5px;
}
.securitydiv {
    padding: 18px;
    background: none repeat scroll 0 0 #FBFDFB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 1px #999999;         
    -moz-box-shadow: 0 1px 0px #999999;         
    -webkit-box-shadow: 0 1px 1px #999999;
    margin: 0px 20px 30px 0px;
    float: left;
    width: 485px;
    border: none !important;
}
p.termsquestionp {
    margin: 0px 18% 8px 20%;
    display: block;
    clear: both;
    color: #888888;
    font-size: 14px !important;
    padding: 5px;
    border-bottom: 1px dashed #C2C2C2;       
}
p.termsquestionp.empty {
    margin: 0px 22% 8px 25%;
    display: block;
    clear: both;
    color: #888888;
    font-size: 14px !important;
    padding: 5px;
    background-color: #FFDED6 !important;
    border-bottom: 1px dashed #DB704D !important;    
}
p.securityquestionp {
    margin: 0px 20% 0px 23%;
    display: block;
    clear: both;
    color: #888888;
    font-size: 14px !important;
    padding: 5px;    
}
p.mathquestionp {
    margin: 2px 30px 0em 0em;
    display: block;
    clear: both;
    color: #888888;
    font-size: 14px !important;
    /*border-top: 1px dashed #c2c2c2;*/
    padding: 5px;   
    float: right;	
}
p.leavequestion {
    border-top: 1px dashed #C2C2C2;
    padding: 5px;
    font-weight: bold;
    width: 520px;
}
.gray.continuebutton,
.gray.continuebutton:visited,
.gray.continuebutton:link,
.qray.continuebutton:active	{
    float: right;

    border: 1px solid #ACACAC;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;

    background: url('../img/rsaquo_888888.png') no-repeat 90% 45% #F0F0F0;

    font-weight: bold;
    cursor: pointer;
    font-size: 13px;
    text-decoration: none;
    color: #888888 !important;        

    margin: 10px 35px 10px 0;
}
.gray.continuebutton:hover {
    background: url('../img/rsaquo_green.png') no-repeat 90% 45% #F4F4F4;
    color: #4C9A25 !important;   
}

.discussion h3	{
    font-size: 18px;
    margin-bottom: 18px;
}
.discussionwrapper + h3	{
    margin-top: 18px;
    float: left;
    width: 550px;
    display: block;
    clear: both;
}
.discussionwrapper	{
    float: left;
    clear: both;
    width: 550px;
    margin: 0em 0em 1.2em 1.5em;
}
.discussionblock {
    margin: 0em 0em 0em 0em;
}
.answer,
.question {
    float: left;
    padding: 5px;
    font-size: 1.1em;
}
.answer	{
    clear: right;
    color: #888888;
    margin: 0.5em 0em 0em 0em;
    width: 500px;
}
.question {
    border-top: 1px dashed #C2C2C2;
    width: 500px;
    line-height: 1.5em;
    padding-top: 15px;
}
.question p {
    line-height: 1.7em !important;
}
p.qinfo {
    margin: 1em 0em;
    color: #888888;
    font-size: 14px !important;
}
p.qinfoexpired {
    clear: both;
    float: left;
    margin: 1em 0em;
    color: #CC3300;
    font-size: 14px !important;
}
p.qdateleft {
    color: #888888;
    font-size: 1.2em !important;
    margin: -0.8em 0em 0em 0em;
}
p.noanswer	{
    color: #888888;
    font-style: italic;
    font-size: 14px !important;
}
.answer .continuebutton	{
    margin: 0px 0 10px;
    float: right;

}
a.answertoquestion:link, a.answertoquestion:visited {
    color: #4C9A25;
    font-size: 15px;      
}

a.answertoquestion:hover, a.answertoquestion:active{
    color: #4C9A25;
    font-size: 15px;
    text-decoration: underline;
}

.discussion .answerform	{
    margin-top: 0;
}
.operators {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 0px 4px;
}
.operators.sum {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0px 6px 0px 2px;
}
.operators.questionmark {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: 0px 4px 0px 6px;
}
.operands {
    border: none;
    background: transparent !important;
    font-weight: bold;
    font-style: italic;
    width: 15px !important;
    font-size: 13px;
    text-align: center;
}
.operands.text {
    border: none;
    background: transparent !important;
    font-weight: bold;
    font-style: italic;
    width: 45px !important;
    font-size: 13px;
    text-align: center;
}
.total_sum {
    width: 25px !important;
    font-size: 15px;
    text-align: center;
}
.answerarea	{
    width: 480px;
    max-width: 480px;
    min-width: 480px;
    height: 200px;
    min-height: 50px;
    height: 100px;
    float: left;
    margin-bottom: 5px;
}
.ie7 .answerarea	{
    height: 70px;
    min-height: 70px;
    max-height: 70px;
}
.answer .answerform .answerbutton	{
    float: right;
    margin-top: 18px;
    margin-right: 3px;
    font-size: 12.5px !important;
}
#content .discussion .answer h4	{
    font-style: italic;
    font-size: 15px;
    font-weight: normal;
    color: #888888;
    margin-bottom: 10px;
}
#content .subcontent.discussion .answer p.answered	{
    margin-bottom: 10px;

}
p.answered {
    line-height: 1.7em !important;
    font-style: italic;
}
p.qheading {
    font-size: 1.4em;
}
.discussiondiv {
    display: block;
    float: left;
    width: 530px;
}

/* Lightbox styles */

.lightboxblack	{
    width: 100%;
    height: 100%;
    background-color: transparent;
    display: none;
    position: fixed;
    top:0;
    left: 0;
    z-index: 9;
}

.lb_form {
    position: absolute;
    display: none;
    min-width: 350px;
    padding: 18px;
    left: 86%;
    margin-left: -400px;
    top: 300px;
    background-color: #F5F5CA;
    z-index: 10;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    box-shadow: 3px 3px 3px black;
}
.lb_form .closeform,
.lb_form .closeform:active,
.lb_form .closeform:link,
.lb_form .closeform:visited {
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 20px;
    color: #909090;
    font-weight: normal;
    font-family: 'Calibri','Arial','Helvetica' !important;
    cursor: pointer;
    padding: 5px 10px 0px 0px;
}
.lb_form .closeform:hover {
    color: #404040;
}
.confirmcontainer	{
    margin-top: 18px;
    float: left;
    width: 100%;
    clear: both;
    text-align: right;
}
.confirmcontainer a	{
    margin-right: 18px;
    font-size: 14px;
}
.wraplabels {
    width: 100%;
    clear: both;
    float: left;
}
textarea#notepad_field {
    min-height: 180px !important; 
    min-width: 350px;
    height: 180px;
    max-height: 1000px;
    margin-bottom: 5px;
}
.continuebutton.notepad, 
.continuebutton.notepad:active, 
.continuebutton.notepad:visited, 
.continuebutton.notepad:link {
    float: right;
    border: 1px solid #ACACAC;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;

    padding: 6px 30px 6px 15px;
    background: url('../img/check_888888.png') no-repeat 90% 45% #F0F0F0;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: #888888 !important;
    margin: 10px 7px 0px 10px;    
}
.continuebutton.notepad:hover {
    background: url('../img/check_green.png') no-repeat 90% 45% #F4F4F4;
    color: #4C9A25 !important;    
}
/*Offers*/
.offerswrap {
    width: 810px;
    float: left;
}
.ie7 .offerswrap {
    margin-top: 10px;
}

.offerwrap {
    width: 805px !important;
    float: left;
    border-bottom: 1px dashed #C2C2C2;
    margin-bottom: 1em; 
    padding-bottom: 20px;
}

.headercontaineroffer	{
    width: 805px;
    float: left;
    border-bottom: 1px solid #C2C2C2;
    margin-bottom: 1em;
}

.offerdiv {
    margin: 0px 0px 20px 0px;
    float: left;
}
.offerlabelshash {
    display: inline-block;
    float: left;
    width: 20px;
    font-weight: normal;
    font-size: 13px;
}
.offerlabels {
    display: inline-block;
    float: left;
    margin-right: 18px;
    width: 145px;
    font-weight: normal;
    font-size: 13px;
}
.offerlabels.end {
    display: inline-block;
    float: left;
    margin-right: 0px;
    width: 120px;
    font-weight: normal;
    font-size: 13px;
}
.offerlabels.long {
    width: 385px !important;
}

.offerlabels.medium {
    width: 300px !important;
}

.offerlabels.short {
    width: 95px !important;
}
.offerlabels.short.auction {
    width: 80px !important;
}
.offerinputscount {
    display: inline-block;
    float: left;
    width: 20px;
    font-weight: normal;
    font-size: 13px;
}
.offerinputscurrency {
    display: inline-block;
    float: left;
    width: 20px;
    margin: 0em 5px;
    font-weight: normal;
    font-size: 15px;
}
.createfullform .offerinput	{
    width: 100px !important;
    float: left;
}

.createfullform .qualityinput	{
    width: 370px !important;
    min-width: 370px;
    clear: none;
    margin-top: 0;
    min-height: 9px;
    padding: 1px 3px;
    color: #000;
    font-size: 15px;
    line-height: 1.5em;
}
.offerinputs {
    display: inline-block;
    float: left;
    margin-right: 18px;
    width: 385px;
    font-weight: normal;
    font-size: 15px;
    color: #888888;
    line-height: 1.5em;
    word-wrap: break-word;
}

.offerinputs.qk{
    width: 300px;
}


.offerinputsdata {
    display: inline-block;
    float: left;
    margin-right: 18px;
    width: 95px;
    font-weight: normal;
    font-size: 13px;
}
.offerinputsdata.auction {
    width: 80px;
}
.offerinputsdata.big {
    width: 440px;
    margin-bottom: 5px;
}

.offerinputsdata.criteria {
    width: 260px !important;
    margin-bottom: 5px;
}

.offerinputsdata.grounds {
    width: 260px !important;
    margin-bottom: 5px;
}

.offerinputsdata.grounds textarea {
    max-width: 280px !important; 
    min-width: 280px !important; 
    vertical-align: top; 
    padding-top: 2px;
    padding-bottom: 0px; 
    height: 25px; 
    min-height: 25px;
    margin-top: 0;
    overflow: hidden;
}

.offerinputsdata.points {
    width: 80px !important;
    margin-bottom: 5px;
    text-align: center;
}

.offerinputsdata.points input {
    width: 70px !important;
    margin-top: 0;
}

.offerinputsdata.text {
   width: 515px !important; 
   padding-top: 5px;
}

.offerswrap.groundwrapper {
    padding-left: 40px; 
}

/* Check offer inputs */
.checkhofferdiv .offerinputs, .offerinputsdata, .offerinputscount {
    font-size: 15px !important;
    line-height: 1.5em;
    color: #888888;
}
.checkhofferdiv .offerinputscurrency {
    color: #888888;       
}
.checkhofferdiv .offerlabels {
    display: inline-block;
    float: left;
    margin-right: 18px;
    width: 145px;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
}

/* Styles for price information in openoffer.php when auction has been arranged */
.checkhofferdiv > .blocktitle {
    margin-bottom: 15px !important;
}

.offerlabels.title.short, 
.offerinputs.title.short {
    width: 180px !important;
}

.offerlabels.title.short.auction, 
.offerinputs.title.short.auction {
    width: 145px !important;
}

.offerlabels.title.long, 
.offerinputs.title.long {
    width: 300px !important;
}

.offerlabels.amount, 
.offerinputs.amount {
    width: 70px !important;
    text-align: center;
}

.offerlabels.unit, 
.offerinputs.unit {
    width: 70px !important;
    text-align: center;
}

.offerlabels.price, 
.offerinputs.price {
    width: 120px !important;
}

.offerlabels.price.auction, 
.offerinputs.price.auction {
    width: 105px !important;
}

.offerlabels.pricepoints, 
.offerinputs.pricepoints {
    width: 90px !important;
    text-align: center;
}

.offerlabels.highlight, 
.offerinputs.highlight {
    font-weight: bold;
}

.offerlabels.description {
    width: 200px !important;
}
.offerlabels.description.auction {
    width: 160px !important;
}
.offerinputs.description.textarea {
    width: 200px !important;
    clear: none;
    min-height: 9px;
    padding: 1px 3px;
    margin-top: 0px;
    color: #000;
    font-size: 15px;
    line-height: 1.5em;
}
.offerinputs.description {
    width: 200px !important;
    clear: none;
    min-height: 9px;
}
.offerinputs.description.auction {
    width: 160px !important;
    clear: none;
    min-height: 9px;
}

/* Styles for quality information in openoffer.php */
.offerlabels.criteria {
    width: 260px !important;
}

.offerlabels.grounds {
    width: 270px !important;
}

.offerlabels.points {
    width: 80px !important;
    text-align: center;
}

.offerlabels.headline {
    width: 170px !important;
    display: block;
    margin-right: 10px;
}

.checkhofferdiv .headercontaineroffer {
    width: 810px;
    float: left;
    border-bottom: 1px solid #C2C2C2;
    margin-bottom: 1em;
}

.checkhofferdiv .headercontainerofferquality {
    width: 805px;
    float: left;
    border-bottom: 1px solid #C2C2C2;
    margin-bottom: 1em;
    margin-top: 2em;
}

.checkhofferdiv input {
    width: 85px;
}

.offerlabelsoff {
    display: inline-block;
    float: left;
    margin-right: 18px;
    width: 130px;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
}

.checkofferline {
    margin: 0em 0em 0.5em 0em;
    float: left;
}

.checkofferline.quality {
    margin: 0em 0em 1em 0em;
}

.checktotal {
    float: right;
    margin-top: 8px;
    width: 150px;
    border-bottom: 1px solid #c2c2c2;
    font-size: 15px !important;
    clear: both;

}
.checktotalsum {
    float: right;
    margin-top: 0px;
    width: 150px;
    font-size: 15px !important;
    clear: both;
}

/* Leaveofferform attachemnts*/
.no_requirements {
    font-size: 14px !important;
    color: #888888;
    font-style: italic;
}
.offerrequirements {
    margin: 0em 0em 2em 0em;
}
/*.leaveofferfile {
        margin: 0em 0em 0em 1.3em;
}*/
.leaveoffer	{
    background-color: #f6faf4;
}
.leaveoffer > h1	{
    font-size: 25px;
    color: #404040;
    margin-bottom: 36px;
}
.leaveoffer form h1	{
    margin-bottom: 18px;
    color: #404040;
}
.leaveoffer form	{
    margin-top: 10px;
}
.leaveoffer form p 	{
    font-size: 15px;
    margin-bottom: 10px;
    color: #5A5A5A;
}
.leaveoffer form p strong	{
    width: 200px;
    display: block;
    float: left;
}
.leaveoffer form strong span	{
    font-weight: normal;
    float: right;
    width: 100px;
    display: inline-block;
    text-align: center;
}
.ie7 .leaveoffer form strong span	{
    float: left;
}
.leaveoffer form div h2	{
    font-size: 16px;
    margin-bottom: 10px;
    color: #5a5a5a;
}
.leaveoffer form div h2.right	{
    float: right;
    margin-right: 20px;
}
.leaveoffer form div p	{
    padding-top: 5px;
    border-top: 1px dashed #C2C2C2;
}
.leaveoffer form p strong.middle	{
    min-width: 125px;
    width: auto;
}
.leaveoffer form div	{
    float: left;
    width: 100%;
}
.leaveoffer form > p + p	{
    margin-bottom: 36px;
}
.leaveoffer .offerinput	{
    float: right;
    width: 195px;
    margin-right: 20px;
    height: 22px;
    text-align: right;
    font-weight: bold;
    color: #5A5A5A;
    padding-right: 5px;
    font-size: 16px;
}

.absright	{
    float: right;
    width: auto;
    font-size: 15px;
    margin: 0 22px 0 0;
}
.absleft {
    float: left;
}
.leaveoffer div.offerfiles	{
    margin-top: 36px;
}
.tarjoaja	{
    margin-bottom: 36px;
}
.tarjoaja input	{
    width: 300px;
}
.totalcounter	{
    float: right;
    margin-top: 18px;
    width: 150px;
    border-top: 1px solid #c2c2c2;
    font-weight: bold;
}
.totalcounter input	{
    color: #404040;
    float: left;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    width: 85px !important;
    margin: 7px 0 0 0;
}
input#totalcounter.totalhighlight	{
    color: #4C9A25 !important;
}
input#totalcounter	{
    background-color: #FBFDFB;
    color: #404040;
    border: none;
}
#errorpopup,
#successpopup	{
    display: none;
    position: fixed;
    top: 75px;
    width: 482px;
    padding: 18px;
    left: 50%;
    margin-left: -250px;
    z-index: 15;
    min-height: 100px;
    background-color: #FFDED6;
    border: 1px solid #DB704D;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    box-shadow: 3px 3px 3px black;
}
#errorpopup p,
#successpopup p	{
    position: absolute;
    bottom: 18px;
    right: 18px;
}
body #successpopup	{
    background-color: #EEFCE7;
}
.success.top > p > a.link	{
    width: 250px;
}
.leaveoffer.subcontent	{
    font-size: 1.1em;
}
p.listing a.inline	{
    display: inline-block;
    text-decoration: underline;
}
p.listing a.inline.unanswered	{
    color: orange;
}
p.listing a.inline.unanswered:hover, p.listing a.inline.unanswered:active	{
    font-weight: normal !important;
    color: #4C9A25;
    text-decoration: underline;
    font-style: normal !important;
}
p.listing a.inline.evaluate	{
    color: darkblue;
}
p.listing a.inline.evaluate:hover, p.listing a.inline.evaluate:active	{
    font-weight: normal !important;
    color: #4C9A25;
    text-decoration: underline;
    font-style: normal !important;
}
p.listing a.inline.archived	{
    color: #888888;
}
p.listing a.inline.archived:hover, p.listing a.inline.archived:active	{
    font-weight: normal !important;
    color: #4C9A25;
    text-decoration: underline;
    font-style: normal !important;
}
a.limitedwidth	{
    width: 250px;
}
h1 span.headerhighlight	{
    color: #6B8780;
}
.secondary	{
    color: #6B8780;
    font-style: italic;
    font-size: 13px;
    margin: 18px 0 18px;
}
.sectionheader1{
    float: left;
    width: 412px;
    color: #545454;
    display: block;
}
.sectionstrong1	{
    float: left;
    width: 410px;
    color: #545454;
    display: block;
}
.sectionheader2,
.sectionstrong2	{
    float: left;
    width: 169px;
    color: #545454;
    display: block;
}
.sectionheader3,
.sectionstrong3	{
    float: left;
    width: 104px;
    color: #545454;
    display: block;
}
#content strong.sectionstrong1,
#content strong.sectionstrong2,
#content strong.sectionstrong3	{
    font-size: 15px;
    color: #111111;
    font-weight: normal;
}
#content strong.sectionstrong2.total	{
    font-weight: bold;
    color: #326E3C;
}
.offerlisting > div	{
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    float: left;
    padding: 10px 0 10px;
}
a.spanlink	{
    text-decoration: none;
    padding: 3px;
    display: block;
    float: left;
}
a.spanlink:hover	{
    background-color: white;
}
#content a.spanlink:hover strong	{
    font-weight: bold;
}
span.waiting	{
    color: #888888;
}
span.approved	{
    color: #326E3C;
}
span.refused	{
    color: #C94848;
}
.subcontent.offerdetails > h1	{
    margin-bottom: 18px;
}
h1 > span.headermiddle	{
    position: absolute;
    left: 268px;
    padding: 5px 10px;
    border: 1px solid #c2c2c2;
    margin-top: -5px;
    background-color: white;
}
strong.totalindicator	{
    margin-left: 662px;
}
strong.totalindicator > span	{
    float: right;
    display: inline-block;
    width: auto!important;
    position: static!important;
}
#content .subcontent.offerapproval h1	{
    text-align: center;
}
#content .subcontent.offerapproval form	{
    margin-top: 18px;
    text-align: center;
}
#content .subcontent.offerapproval form > button {
    margin-right: 18px;
}
span.positive	{
    color: #326E3C;
}
span.negative	{
    color: #C94848;
}
#content .subcontent p.refusalinfo {
    margin-top: 36px;
    margin-bottom: 36px;
    border: medium none;
}
.contractqinfo {
    margin: 0px 20px 20px 20px;
    display: inline-block;
}
.contractqlabel {
    font-weight: bold;
    border-bottom: solid 1px silver;
    float: left;
    position: relative;
}
.contractqlabel.criteria {
    width: 200px !important;
}
.contractqlabel.points {
    width: 80px !important;
}
.contractqlabel.reasoning {
    width: 260px !important;
}
.contractqvar_block {
    display: block;
    float: left;
    line-height: 1.7em;
}
.contractqvar {
    vertical-align: top;
    float: left;
    margin-right: 15px;
    display: inline-block;  
}
.contractqvar.criteria {
    width: 185px !important;
}
.contractqvar.points {
    width: 65px !important;
}
.contractqvar.reasoning {
    width: 245px !important;
}

.contractqtotal {
    font-weight: bold;
    border-top: solid 1px silver;
    float: left;
    position: relative;
}

.contractqtotal.label {
    width: 200px !important;
}

.contractqtotal.totalpoints {
    width: 340px !important;
}


/*Contract process*/
.breadcrumb.contract {
    width: 460px;
    margin: 0 5% 0 7%;
    color: #C2C2C2;
    font-size: 4em !important;
    text-align: center;
}
.contractparagraphs {
    clear: both;
    float: left;
    width: 100%;
}
.thanksparagraph {
    clear: both;
    float: left;
    width: 100%;  
    margin: 2em 24% 0 26%;
}
.thanksparagraph p {
    font-size: 1.4em !important;
    line-height: 2em;
    color: #888888;
    margin: 0em 4em 1.5em 0em;
}
.contractparagraphs p {
    font-size: 1.4em !important;
    line-height: 2em;
    color: #888888;
    margin: 0em 4em 1.5em 0em;
}
.contractparagraphs h3 {
    margin: 3em 0em 0.2em 0em;
}
.pagebreakdiv {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 2em;     
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }


/*New css declarations are placed at bottom. Add only "fixes" here. 
These are later used for base to create new css file and dump this mess away*/

/*Global declarations*/

html, body {
    padding: 0px;
    margin: 0px;
    font-size: 10px;
    color: #404040;
}
body {
    background-image: url('../img/body_main.gif');
    background-repeat: repeat-y;
    background-position: 50%;
    font-family: 'Calibri','Arial','Helvetica' !important;
}
pre {
    color: #111111;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
h3 {
    font-weight: bold;
    font-size: 13px;
}
input[type=text], input[type=password] {
    background-color: white;
    padding: 4px 3px; 
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
}
input[type="text"]:disabled {
    background: #F0F0F0;
    color: #999999 !important;
    border: none;
}
textarea {
    background-color: white;
    padding: 3px 5px;
    font-family: 'Calibri','Arial','Helvetica' !important;
    font-size: 15px;
}
input[type=text], textarea {
    background-color: white;
    border-style: inset;
    border-width: 2px;
}
h1	{
    font-size: 1.8em;
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/*Use to float elements to left or right*/
.float_right {
    float: right;
}
.float_left {
    float: left;
}

/*Fixes mozilla inline-block spacing*/
.moz_fix_spacing {
    font-size: 0 !important;
}

/*frame styling for basic sheets all forms and uniform views comes under here*/
.frame {
    background: none repeat scroll 0 0 white !important;
    border: none !important;
    box-shadow: none !important;
    margin: 36px auto;
    width: 750px;
    clear: both;
    display: block;
}

.heading {
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    margin: 0px 0px 0px 0px;
    padding: 6px 0px;
    width: 100%;
    float: left;
}

.heading > p {
    line-height: 1.75em;
    color: #888888;
    font-size: 14px !important;
}

/*List tenderings*/
.tenderings_list {
    width: 100%;
    display: block;
    clear: both;    
    border: 1px solid #C2C2C2;
    background-color: white;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    float: left;
    margin: 30px 0px 15px 0px;
    padding: 0px 10px 10px 10px;
    box-shadow: 0 1px 0px #999999;
    -moz-box-shadow: 0 1px 0px #999999;
    -webkit-box-shadow: 0 1px 1px #999999;
}
.tenderings_list h2 {
    margin: 0px;
    font-size: 16px;
    color: #888888;
}
.listing_row {
    padding: 10px;
    font-size: 14px;
    background-color: white;
}
.listing_row:nth-child(2n)	{
    background-color: #f5f8f8;
}
.listing_row.empty {
    text-align: center;
    clear: both;
}
.listing_cell {
    padding: 8px 10px !important;
}
.listing_cell.home {
    width: 260px;
}
.border_dash {
    border-left: 1px dashed #C2C2C2;
    border-radius: 2px;
}
.border_top {
    border-top: 1px dashed #C2C2C2;
    border-radius: 2px;
}
.border_top_double {
    border-top: 5px #C2C2C2 double;
    border-radius: 2px;
}
.tenderings_list > .layout_fieldset {
    margin: 0;
}
.tenderings_list > .layout_fieldset > .layout_grid {
    width: 100%;
}

.tendering_status {
    font-style: italic;
    color: #888888;
}

.tendering_status.finished	{
    color: #888888;
}
.tendering_status.active	{
    color: #1c8b03;
}
.tendering_status.canceled	{
    color: #CC3300;
}
.tendering_status.unpublished	{
    color: orange;
}
.tendering_status.auction {
    color: #1474F9;
}

a.tendering_action,
a.tendering_action:visited	{
    color: #404040;
    text-decoration: underline;
    font-style: normal !important;
}
a.tendering_action:hover,
a.tendering_action:active	{
    color: #4C9A25;
    text-decoration: underline;
    font-style: normal !important;
}

a.tendering_action.notice,
a.tendering_action.notice:visited	{
    color: #4C9A25;
    text-decoration: underline;
    font-style: normal !important;
}
a.tendering_action.notice:hover,
a.tendering_action.notice:active	{
    color: #888888;
    text-decoration: underline;
    font-style: normal !important;
}

.align_center {
    text-align: center;
}

/*Offer list in tendering_open page*/
.offer_summarize.selector {
    margin: 0px 0 10px 20px;
    float: left;
    font-size: 14px;
    color: #888888;
}
a.choice_link:visited, a.choice_link:link {
    color: #888888;
    text-decoration: underline;
}
a.choice_link:hover, a.choice_link:active {
    color: #257325;
    text-decoration: underline;
}
#choice_selected {
    color: #257325;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
#selector_text {
    margin: 0 15px 0 0;
}
.offer_list {
    width: 80%;
    margin: 0px 0 20px 20px;
    display: block;
    clear: both;    
    float: left;
}
.offer_list.wide {
    width: 95%;
}
.offer_list > .layout_fieldset {
    border: 1px solid #C2C2C2;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    box-shadow: 0 1px 0px #999999;
    -moz-box-shadow: 0 1px 0px #999999;
    -webkit-box-shadow: 0 1px 1px #999999;
    border-collapse: collapse;
}
.offer_list h1 {
    color: #888888;
    font-size: 16px;
    font-family: "Calibri";
    font-weight: bold;
    margin: 0px 0px 5px 5px;
}
.offer_list h2 {
    margin: 0;
    font-size: 14px;
    color: #404040;
}
.offer_list_legend {
    background-color: #DDECD5;
}
.hidden_list {
    display: none;
    color: #999999;
}
.toggle_offer_list {
    float: right;
    margin: 5px 10px;
}
a.toggle_offer_list:link, a.toggle_offer_list:visited {
    font-size: 15px;
    color: #999999;
    text-decoration: underline; 
    display: inline;
}
a.toggle_offer_list:hover, a.toggle_offer_list:active  {
    font-size: 15px;
    color: #4c9a25;
    text-decoration: none;
    display: inline;
}
.offer_list_breaker {
    border-top: 3px #999999 double;
}
.offer_list .listing_row {
    padding: 10px;
    font-size: 14px;
    background-color: #f5f8f8;
}
.offer_list .listing_row:nth-child(2n)	{
    background-color: white;
}
.offer_list .listing_row.hidden_list {
    padding: 10px;
    font-size: 14px;
    background-color: white;
}
.offer_list .listing_row.hidden_list:nth-child(2n) {
    background-color: #FAFCFC;
}
.offer_list .listing_cell {
    padding: 8px 10px !important;
}
.offer_list .listing_cell.home {
    min-width: 160px;
}
.offer_list .listing_cell.home {
    max-width: 250px;
}
.offer_list .border_dash {
    border-left: 1px dashed #C2C2C2;
    border-radius: 2px;
}
.offer_list > .layout_fieldset {
    margin: 0;
}
.offer_list > .layout_fieldset > .layout_grid {
    width: 100%;
    background-color: white;
}

/*Declarations to define forms from base style to variations*/
.form	{
    padding: 18px;
    margin-top: 18px;
    margin-bottom: 27px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    width: 858px;
    border: none !important;
    position: relative;
}
.form.light_blue {
    background: none repeat scroll 0 0 #FBFDFB;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    border-radius: 3px;
    box-shadow: 0 1px 1px #999999;    
    
    -moz-box-shadow: 0 1px 0px #999999;         
    -webkit-box-shadow: 0 1px 1px #999999;
}
/* Form specified stylings */
#tendering_transfer_form, #award_notice_form {
    width: 640px;
    margin: 18px auto 27px auto;
}

#contract_attachment_form {
    width: 600px;
    margin: 18px auto 27px auto;
}
.input_help.contract_attachment {
    margin: 0 0px 5px 0 !important;
}

#offer_refuse_form {
    width: 500px;
    margin: 18px auto 27px auto;  
}

.light_green {
    background: none repeat scroll 0 0 #F4FBF1;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    
    border-radius: 3px;
    box-shadow: 0 1px 1px #999999;    
    
    -moz-box-shadow: 0 1px 0px #999999;         
    -webkit-box-shadow: 0 1px 1px #999999;
}
.form h1 {
    font-size: 18px;
}
.form h2 {
    font-size: 15px;
}
.form p {
    font-size: 14px !important;
    line-height: 23px;
    color: #888888;
    margin: 0px 0px 8px 0px;
}
.form li {
    
}
.form a:link, .form a:visited {
    color: #4C9A25;
    font-size: 14px;
    text-decoration: underline;
}
.form a:active, .form a:hover {
    color: #404040;
    font-size: 14px !important;
    text-decoration: none;
}
.form .black_link:link, .form .black_link:visited {
    color: #808080;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
.form .black_link:active, .form .black_link:hover {
    color: #4C9A25;
    font-size: 14px !important;
    font-weight: bold;
    text-decoration: none;
}
.form .file_url:link, .form .file_url:visited {
    color: #404040 !important;
    font-size: 16px !important;
    margin: 10px 5px;
    text-decoration: underline !important;
}
.form .file_url:active, .form .file_url:hover {
    color: #4C9A25 !important;
    font-size: 16px !important;
    border: none !important;
    margin: 10px 5px;
    text-decoration: underline !important;
}
.form_navigation {
    float: left;
    width: 100%;
    font-size: 9px;
}
.form_heading {
    clear: both;
    margin: 5px 0px 20px 0px;
}
.form_subheading {
    clear: both;
    border-bottom: 1px dashed #C2C2C2;
    border-top: 1px dashed #C2C2C2;
    margin: 20px 0px 20px 0px;
    padding: 5px 0px;
}
.subheading_descr {
    color: #888888;
    font-size: 13px;
    padding: 5px 0px 0px 0px;
}
.subheading_descr p {
    margin: 0px 0px 0px 0px !important;
}

.list_indent {
    margin: 0px 0px 0px 20px;
}

/*Form css-table-layout*/
.layout_fieldset {
    height: auto;
    margin: 0 0 40px 20px;
    font-size: 14px;
    line-height: 25px;
}
.layout_fieldset.criteria_framework {
    border: 1px solid #C2C2C2;
    margin: 20px 0px 40px 0px;
    float: left;
}
.layout_grid {
    display: table;
}
.layout_row {
    display: table-row;
}
.layout_cell {
    display: table-cell;
    padding: 3px;
}
.layout_cell.tiny {
    width: 20px;
    display: inline-block;
}
.layout_cell.small {
    width: 75px;
    display: inline-block;
}
.layout_cell.medium {
    width: 150px;
    display: inline-block;
}
.layout_cell.large {
    width: 250px;
    display: inline-block;
}
.layout_cell.label {
    width: 200px;
    margin-right: 18px;
    display: block;
    vertical-align: middle;
}
.layout_cell.label.textarea {
    vertical-align: top;
}
.layout_cell.input.textarea {
    vertical-align: middle;
}
.layout_cell.output {
    color: #888888;
}
.layout_cell.input li {
    padding: 0px 0px 5px 0px;
}
.layout_cell.input input[type=radio] {
    margin-right: 5px;
}
.form input[type=text]{
    width: 325px;
    font-family: 'Calibri','Arial','Helvetica' !important;
    font-size: 15px !important;
}
.form textarea {
    font-family: 'Calibri','Arial','Helvetica' !important;
    font-size: 15px !important;
}
.form ul {
    list-style-type: none;
    padding: 0px;
}
.form select {
    margin: 0px;
    padding: 4px 3px;
    width: 335px;
}
#archive_control {
    float: right;
    margin: 20px -20px -20px 0px;
}
.control_label {
    font-size: 13px;
    padding: 5px;
}
#archive_control > select {
    margin: 0px;
    padding: 4px 3px;
    width: 285px;
}
.span_gray {
    color: #888888;
}
input_required {
    
}
.input_orgphone_part1 {
    width: 35px !important; 
    margin-right: 5px !important;
}
.input_orgphone_part2 {
    width: 270px !important; 
}
.input_cpv {
    width: 235px !important;  
}
.input_tiny {
    text-align: center;
    width: 25px !important;  
}
.input_small {
    width: 100px !important;
}
.input_medium {
    width: 150px !important;
}
.input_tender_value {
    width: 100px !important;
    text-align: right;
}
.input_margin {
    margin: 3px 3px 0px 0px;
}
.asterisk {
    vertical-align: top;
    font-size: 16px;
    color: #CC3300 !important;
    float: none !important;
}
.input_help {
    color: #999999;
    font-size: 12px;
    display: block;
    clear: both;
    float: right;
    margin: 0px 280px 5px 0px;
}
.input_text {
    margin: 0px 10px 0px 0px;
    color: #888888 !important;
}
.input_currency {
    font-size: 17px;
    color: #888888;
}
.input_fake {
    border: 1px solid #C2C2C2 !important;
    padding: 0;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: border-box;
    display: inline-block;
}
.radio_label {

}
.radio_label.disabled {
    color: #888888 !important;
}
.add_cell_margin {
    padding: 15px 3px 15px 3px;
}
.add_row_margin {
    margin: 15px 0px 15px 0px;
}
.add_margin {
    margin: 40px 0px 0px 0px;
}
.textarea_default, .textarea.emptyred {
    font-family: 'Calibri','Arial','Helvetica' !important;
    font-size: 14px;
    line-height: 25px;
    max-width: 320px;
    min-height: 100px;
    min-width: 320px;
    height: auto;
    overflow: hidden;
    wrap: none;
}
.textarea_small, .textarea_small.emptyred {
    max-width: 205px !important;
    min-width: 205px !important;
    margin: 1px 0px 0px 0px;
    vertical-align: top !important;
    min-height: 22px;
    overflow: hidden;
    wrap: none;
    padding: 1px 3px;
}

.textareaauction_cancel_form_reason, .textarea_reason, .textarea_reason.emptyred {
    max-width: 420px !important;
    min-width: 420px !important;
    margin: 0px auto 10px auto;
    vertical-align: top !important;
    min-height: 80px;
    overflow: hidden;
    wrap: none;
}

textarea#tender_reject {
    max-width: 320px; 
    min-width: 320px;
    min-height: 150px;
}
textarea#tender_contract_method {
    max-width: 320px; 
    min-width: 320px;; 
    min-height: 150px;
}
textarea#tender_document_publicity {
    max-width: 320px; 
    min-width: 320px; 
    min-height: 150px;
}
textarea#tender_legality {
    max-width: 320px; 
    min-width: 320px; 
    min-height: 150px;
}

.border_bottom { 
    border-bottom: 1px dotted #000; 
}
.no-border {
    border: none !important;
}
.text_green {
    color: #4C9A25 !important;
}
.text_gray {
    color: #888888;
}
.text_red {
    color: #CC3300;
}
.text_blue {
    color: #4000A0;
}
.options {
    display: block;
    width: 300px;
}
.options.domestic {
    display: none;
}
.ui-sortable {
    margin: 0px 0px 0px 0px;
}
.ui-sortable > li {
    cursor: move;
    margin: 0px 0px 3px 0px;
}

/*org area specific form style*/
.input_phone_area_code {
    width: 64px !important;
}
.input_phone_body {
    width: 250px !important;
}

/*add new project*/
#project_add_input {
    max-width: 298px !important;
    min-width: 298px !important;
}

#project_add {
    margin-top: 2px !important;
    position: relative;
}

#project_toggler:link, #project_toggler:visited {
    color: #888888 !important;
    font-size: 14px !important;
}

#project_toggler:hover, #project_toggler:active {
    color: #4c9a25 !important;
    font-size: 14px !important;
}

#project_add_area {
    padding-bottom: 20px;
}

/*hilma notice area specific form style*/
#hilma_option_area {
    
}
.hilma_notice_area {
    margin: 0px 0px 0px 0px;
}
.hilma_notice_area > .form_subheading {
    clear: both;
    display: block;
    margin: 0px 0px 10px 5px;
    width: 560px;
}

/*tender value area*/
.tender_value_area {
    
}

/*offer requirements area specific form style*/
.offer_requirements {
    height: auto;
    margin: 0 0 40px 20px;
    font-size: 14px;
    line-height: 25px;
}
.offer_requirements > .layout_grid {
    border-collapse: collapse;
}
.offer_requirements > .layout_grid > .layout_row {
    border-bottom: 1px dashed #C2C2C2;
}
.offer_requirements > .layout_grid > .layout_row > .layout_cell.label {
    width: 300px !important;
    color: #888888;
    padding: 10px 0px 10px 0px !important;
}
.offer_requirements > .layout_grid > .layout_row > .layout_cell.input {
    padding: 10px 0px 10px 0px !important;
    width: 260px;
}

/*tender requirements area specific form style*/
.tender_requirements {
    height: auto;
    margin: 0 0 40px 20px;
    font-size: 14px;
    line-height: 25px;
}
#print_tender_requirement_fields {
    margin: 0px 0px 0px -20px;
}
.tender_requirements > .layout_grid > .layout_row > .subheading_descr {
    margin: 0px 0px 0px 20px;
}
.tender_requirements > .layout_grid > .layout_row > .input_help {
    margin: 0px 8px 5px 0px;
}
#tender_requirements_descr {
    margin: 0px 0px 0px 20px;
}
#print_tender_requirements_labels {
    font-size: 13px;
}
.tender_requirements_input {
    margin: 0px 3px 2px 0px;
    max-width: 320px !important;
    min-width: 320px !important;
    min-height: 27px;
    height: 27px;
    overflow: hidden;
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: top !important;
    resize: none; /*hides resize handle*/
}
.input_fake#tender_requirements_fake {
    width: 332px !important;
    margin: -5px 3px 0px 20px;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box;
}
.layout_cell.tiny.hash {
    padding: 3px 3px 3px 5px;
    width: 15px;
}
.layout_cell.small.specifier {
    color: #888888;
}

/*Tender price-quality area specific form style*/
/*Input controls for price and pricequality fields also with customizable controls */
.criteria_inputs {
    display: block;
}
.criteria_inputs_fake {
    display: inline-block;
    margin: 0px 0px 0px 40px;
}
.criteria_labels {
    font-size: 13px !important;
    width: 100%;
    float: left;
    margin: 0px 0px 0px 20px;
}
.label_count {
    width: 15px !important;
    margin-right: 5px;
    display: inline-block;
    padding: 0px 0px 0px 3px;
}
.label_name {
    width: 300px !important;
    margin-right: 18px;   
    display: inline-block;  
}
.label_amount {
    width: 125px !important;
    margin-right: 18px;
    display: inline-block;  
}
.label_unit {
    width: 125px !important;
    margin-right: 16px; 
    display: inline-block;         
}
.label_addrem {
    width: 125px !important;
    margin-right: 16px;
    display: inline-block;        
}
.count_field {
    width: 20px !important;
    margin-right: 16px;
}
.pname_input {
    margin-right: 6px;
    margin-top: 2px !important;
    max-width: 305px !important;
    min-width: 305px !important;
    min-height: 27px;
    height: 27px;
    overflow: hidden;
    padding-bottom: 0px;
    padding-top: 0px;
    vertical-align: top !important;
    resize: none; /*hides resize handle*/
}
input.pamount_input {
    width: 125px !important;
    margin-top: 2px !important;
    margin-right: 6px;
}
input.punit_input {
    width: 125px !important;
    margin-top: 2px !important;
    margin-right: 6px;
}

.legend_top {
    font-size: 13px;
}

.legend_bottom {
    float: right;
}
.legend_label {
    display: inline;
    background: #FBFDFB;
    padding: 3px 5px;
    margin: 0px 5px 0px 15px;
    position: relative;
    top: -13px;
    font-weight: bold;
}
.legend_edit {
    display: inline;
    background: #FBFDFB;
    padding: 3px 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    top: -13px;
    font-size: 11px !important;
}
.legend_add {
    display: inline;
    background: #FBFDFB;
    padding: 3px 5px;
    margin: 0px 15px 0px 5px;
    position: relative;
    bottom: -13px;
    font-size: 11px !important;
}
.legend_del {
    display: inline;
    background: #FBFDFB;
    padding: 3px 5px;
    margin: 0px 0px 0px 0px;
    position: relative;
    bottom: -13px;
    font-size: 11px !important;
}
.legend_del_symbol {
    font-size: 20px !important;
    vertical-align: top;
    text-decoration: none !important;
}
.legend_add_symbol {
    font-size: 20px !important;
    vertical-align: top;
    text-decoration: none !important;
}
.legend_del a:link, .legend_del a:visited {
    color: #888888 !important;
    font-size: 13px !important;
}
.legend_del a:active, .legend_del a:hover {
    color: #CC3300 !important;
    font-size: 13px !important;
}
.legend_add a:link, .legend_add a:visited {
    color: #888888 !important;
    font-size: 13px !important;
}
.legend_add a:active, .legend_add a:hover {
    color: #4C9A25 !important;
    font-size: 13px !important;
}
.legend_edit a:link, .legend_edit a:visited {
    color: #888888 !important;
    font-size: 13px !important;
}
.legend_edit a:active, .legend_edit a:hover {
    color: #4C9A25 !important;
    font-size: 13px !important;
}
.product_category_label {
    width: 175px !important;
    padding: 3px 5px;
    margin: 0px 5px 0px 15px;
    position: relative;
    top: -13px;
}
/*Fake input fields*/
.input_fake.pname {
    width: 317px !important;
    margin: 0px 10px 0 0px;
    height: 26px;
    padding: 0;
    display: inline-block;
}
.input_fake.pamount {
    width: 132px !important;
    margin: 0px 10px 0 0;
    height: 26px;
    padding: 0;
    display: inline-block;
}
.input_fake.punit {
    width: 132px !important;
    margin: 0px 12px 0 0;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#qpname_input_fake {
    display: inline-block;
    height: 26px;
    margin: 0px 6px 0 42px;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: border-box;
    padding: 0;
    width: 338px !important;
}
input#qpamount_input_fake {
    width: 97px !important;
    margin: 0px 6px 0 0;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: border-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#qpunit_input_fake {
    width: 134px !important;
    margin: 0px 6px 0 0;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: border-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#qppoints_input_fake {
    width: 68px !important;
    margin: 0px 9px 0 0;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: border-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#qname_input_fake {
    width: 218px !important;
    margin: 0px 6px 0px 42px;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: border-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#qgrounds_input_fake {
    width: 220px !important;
    margin: 0px 6px 0 0;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: border-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#qget_input_fake {
    width: 132px !important;
    margin: 0px 6px 0 0;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: border-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}
input#qpoints_input_fake {
    width: 68px !important;
    margin: 0px 9px 0 0;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: border-box;
    height: 26px;
    padding: 0;
    display: inline-block;
}

/*Declarations to define buttons from base style to variations*/

/* Remove button padding in FF */
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
    border: 0; 
    padding: 0; 
    margin: 0;
}
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    border: 0; 
    padding: 0; 
    margin: 0;
}
input[type="submit"] {
    /*This is important: needs to be normal line-height*/
    line-height: normal !important;
    -moz-box-sizing: border-box; 
    box-sizing: content-box;
}
/*Base of all buttons*/
.button, .button:link, .button:visited {
    border: 1px solid #ACACAC;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    box-shadow: 0 1px 1px #ACACAC;         
    -moz-box-shadow: 0 1px 0px #ACACAC;         
    -webkit-box-shadow: 0 1px 0px #ACACAC;
    
    background: #F0F0F0;
   
    cursor: pointer;
    font-family: Helvetica !important;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    color: #888888;
    
    padding: 5px 15px;
    margin: 5px;
    
    line-height: normal !important;
}
.button:hover, .button:active {
    background: #F4F4F4;
    color: #4C9A25; 
}

/*Gray buttons*/
.button.gray.back, .button.gray.back:link, .button.gray.back:visited {
    background: url('../img/lsaquo_888888.png') no-repeat 5% 50% #F0F0F0;
    padding: 5px 15px 5px 30px;
    color: #888888;
}
.button.gray.back:active, .button.gray.back:hover {
    background: url('../img/lsaquo_404040.png') no-repeat 5% 50% #F4F4F4;
    color: #404040 !important;
}
.button.gray.next, .button.gray.next:link, .button.gray.next:visited {
    background: url('../img/rsaquo_888888.png') no-repeat 90% 55% #F0F0F0;
    padding: 5px 30px 5px 15px;
}
.button.gray.next:active, .button.gray.next:hover {
    background: url('../img/rsaquo_green.png') no-repeat 90% 55% #F4F4F4;
}

/*Small buttons for field control like add and remove*/
.button.small:link, .button.small:visited {
    background-color: #CCCCCC;
    background-image: -moz-linear-gradient(center bottom , #CCCCCC 15%, #EBEBEB 62%);
    border: 1px solid #888888;
    box-shadow: 0 1px 1px #999999;
    padding: 3px 3px;
}
.button.small:active , .button.small:hover {
    background-color: #E0E0E0;
    background-image: -moz-linear-gradient(center bottom , #DBDBDB 15%, #F5F5F5 62%);
}
.button.small.del {
    padding: 4px 3px 2px 3px;
    margin: 0px 0px 0px 3px;
}
.ui-icon-minusthick {
    background-position: -64px -127px !important;
}
.button.small.add {
    padding: 4px 3px 2px 3px;
    margin: 0px 0px 0px 0px;
}
.ui-icon-plusthick {
    background-position: -32px -127px !important;
}

/*Green buttons and green buttons which has next arrow*/
.button.green, .button.green:visited, .button.green:link{
    border: 1px solid #257325;
    background: #4C9A25;
    color: white;
}
.button.green:active, .button.green:hover {
    background: #59ad46;
    color: white !important;
}
.button.green.next, .button.green.next:visited, .button.green.next:link{
    background: url('../img/rsaquo.png') no-repeat 95% 50% #4C9A25;
    padding: 5px 30px 5px 15px;
}
.button.green.next:active, .button.green.next:hover {
    background: url('../img/rsaquo.png') no-repeat 95% 50% #59ad46 !important;
}

/*Buttons with cancel symbol*/
.button.cancel {
    background: url('../img/close_888888.png') no-repeat 90% 55% #F0F0F0;
    color: #888888 !important;
    padding: 5px 30px 5px 15px;
}
.button.cancel:hover {
    background: url('../img/close_red.png') no-repeat 90% 55% #F4F4F4;
    color: #CC3300 !important;    
}

/*Refuse button with arrow symbol*/
.button.refuse {
    background: url('../img/rsaquo_888888.png') no-repeat 90% 55% #F0F0F0;
    color: #888888 !important;
    padding: 5px 30px 5px 15px;
}
.button.refuse:hover {
    background: url('../img/rsaquo_red.png') no-repeat 90% 55% #F4F4F4;
    color: #CC3300 !important;     
}

/*Buttons with accept symbol*/
.button.accept {
    background: url('../img/check_888888.png') no-repeat 90% 45% #F0F0F0;
    color: #888888 !important;
    padding: 5px 30px 5px 15px;
}
.button.accept:hover {
    background: url('../img/check_green.png') no-repeat 90% 45% #F4F4F4;
    color: #4C9A25 !important;     
}

/*disabled button*/
.button.disabled, .button.disabled:link, .button.disabled:active, .button.disabled:hover, .button.disabled:visited {
    border: 1px solid #ACACAC;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    
    cursor: help;
    color: #888888;
    background: url('../img/rsaquo_888888.png') no-repeat 95% 50% #F0F0F0;
    
    padding: 5px 30px 5px 15px;
    margin: 5px 5px 5px 5px;
}

/*buttons to add offer requirements*/
input[type="button"].offer_requirements_add {
    margin-left: 4px;
}
.offer_requirements_add  {
    margin-left: 4px;
    margin: 0px 0px 0px 0px;
}

/*buttons for form specific control actions, like notepad, print, cancel, save etc.*/
.button.control {
    padding: 0px 5px 0px 30px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    font-weight: bold;
    cursor: pointer;
    font-family: Calibri !important;
    font-size: 15px;
    text-decoration: none;
    color: #999999;
    margin-right: 18px;
}
.button.control:active, .button.control:hover {
    color: #404040 !important;
}

/*control panel div for control buttons*/
.control_panel {
    float: right;
    margin-top: -25px;
}

.button.control.save {
    background: url('../img/save_888888.png') no-repeat 10% 50% transparent;
}
.button.control.save:active, .button.control.save:hover {
    background: url('../img/save_404040.png') no-repeat 10% 50% transparent;
}
.hidden {
    display: none;
}

/*Styles for proceed informations (Usually a 'check' or 'redirect' phase in certain procedure).*/
.proceed_info {
    margin: 10px 10px;
    padding: 0px;
    line-height: 25px;
}
.proceed_info > h2 {
    margin: 0px 0px 0px 10px;
}
.proceed_info > ul {
    list-style-type: disc;
    margin: 5px 30px 15px;
    font-size: 14px !important;
    color: #888888; 
}
.proceed_info a:link, .proceed_info a:visited {
    color: #4C9A25 !important;
    text-decoration: underline;
}

.proceed_info a:hover, .proceed_info a:active	{
    color: #404040 !important;
    text-decoration: underline;
}
.success_symbol {
    margin: 0px 5px -4px 0;
}

/*File upload and attachment related declarations*/
input[type="file"] {
    padding: 4px 0;
}
.tender_file_input {
    margin: 4px 0px 0px 0px;
    clear: right;
    max-width: 300px;
    width: 300px;
}
.file_input_fake {
    margin: 0px 0px 0px 0px;
    max-width: 300px;
    width: 300px;
}

/*Calculator in offer_leave form*/
.calculator_area.framework {
    float: right;
    margin-top: 18px;
    width: 155px;
    border-top: 1px solid #c2c2c2;
    font-weight: bold;
}
.calculator_input.framework {
    color: #404040;
    float: left;
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    width: 85px !important;
    margin: 7px 0 0 0;
    
    background-color: #FBFDFB !important;
    color: #404040;
    border: none;
}
.calculator_input.framework.highlight_green {
    color: #4C9A25 !important;
}

/*Offer process related styling*/
.offer_tv_area {
    border-top: 1px dashed #C2C2C2;
    color: #888888;
    margin: 0 30px 0 5px !important;
    padding: 8px 0;
    width: 335px !important;
}

.offer_tv_area > p {
    font-size: 14px !important;
}

/*Pagination navigation styles*/
.pagination_nav {
    font-size: 15px !important;
    float: left;
    margin: 0px;
    width: 775px;
}

.pagination_nav.home {
    margin: -5px 0px 0px 0px;
}

.pagination_nav ul {
    display: inline;
    margin: -6px 0px 0px 0px !important;
}

.pagination_list.home {
    float: left;
    margin: 5px 0px 0px 0px !important;
    padding: 0 !important;
}

.pagination_nav li {
    display: inline;
    list-style-type: none;
    padding: 0px 5px; 
}

.pagination_text {
    color: #888888 !important;
    font-size: 15px !important;
    padding: 0px 5px;
}

a.pagination_link:link, a.pagination_link:visited {
    color: #888888;
    font-size: 15px;
    text-decoration: underline;
}

a.pagination_link:active, a.pagination_link:hover {
    color: #4C9A25;
    font-size: 15px;
    text-decoration: underline;
}

.pagination_arrow {
    font-size: 22px !important;
    padding: 0px 0px;
    vertical-align: -4%;
}

.pagination_disabled {
    font-size: 15px !important;
    color: #888888;
    text-decoration: none;
    font-style: italic;
}

/*Order summarize form*/
#order_summarize_button {
    margin-right: 20px;
}

.order_list {
    width: 95%;
    display: block;
    clear: both;    
    float: left;
}
.order_list > .layout_fieldset {
    border-collapse: collapse;
}
.order_list > .layout_fieldset > .layout_grid {
    width: 100%;
}
.order_list h3 {
    font-size: 14px;
    color: #404040;
    padding: 3px;
    margin: 10px 0;
}
.order_list layout_row {
    padding: 10px;
    font-size: 14px;
}
.order_list_legend {
    border-bottom: 1px solid #C2C2C2;
}
.order_list .order_list_legend > .layout_cell {
    padding: 8px 10px;
}
.order_list .order_list_product > .layout_cell {
    padding: 8px 10px !important;
    font-weight: normal;
    font-size: 14px;
    color: #888888;
}
.order_list .order_list_product > .layout_cell.name {
    min-width: 120px;
    max-width: 200px;
}
.order_list .order_list_product > .layout_cell.descr {
    min-width: 160px;
    max-width: 250px;
}

.order_list .order_list_total {
    border-top: 1px solid #C2C2C2;
}

.order_list .order_list_total > .layout_cell {
    padding: 8px 10px;
}


/*New css declarations are placed at bottom. Add only "fixes" here. 
These are later used for base to create new css file and dump this mess away*/

.ajax-loader_snake {
    margin: 5px 10px -2px 5px;
}

#disabled_js {
    position:fixed;
    top: 50%;
    left: auto;
    width: 100%;
    z-index: 1;
    
    text-align: center;
    border: 1px solid #CC3300;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    color: #CC3300;
    background-color: #ffffff;
    font-size: 13px;
    padding: 14px 18px;
}

.pickerinput {
    width: 100px !important;
}
.tendering_check_frames {
    float: left;
    margin: 0px 0px 30px 0px;
}
.subcontent.archive > h1 {
    font-size: 18px;
}
.subcontent.archive > p {
    font-size: 14px !important;
    color: #888888;
    margin: 10px 300px 10px 0px;
}