/* 
    Document   : auction_styles
    Created on : 6.6.2013, 11:31:29
    Author     : Johanna Ström, Arttu Pekkarinen
    Description:
        Styles meant only for the auction application.
*/


/* Style for the message shown when JavaScript is enabled in user's browser */
.nojsmsg {
    font-family: Arial; 
    font-size: 1.4em;
    margin-bottom: 10px;
}

.ui-icon {
    * display: inline;
    * text-indent: 0px;
}

/* TEXT STYLES */

.greentext {
    color: #4C9A25;
}
.redtext {
    color: #AE4828;
}
.greytext {
    color: #696969 !important;
}
.boldtext {
    font-weight: bold;
}

/* LINK STYLE */

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

/* TABLE STYLES */


.tablewrap {
    width: 100%;
    text-align: center;
    float: left;
    margin: 20px 0px;
}

.auctiontable {
    font-family: Arial; 
    font-size: 1.4em;
    background-color: #FFFFFF !important;
    border: 1px solid #C2C2C2;
    float: left;
}

.auctionloginform {
    width: 560px !important;
}

.auctionheader {
    width: 100%;
}

.auctionheading {
    background-color: #DDECD5;
    border-bottom: 1px solid #C2C2C2;
}

.auctiontable.newauctionoffer {
    margin-top: 20px;
    float: left;
    width: 100%;
}

.auctionheading,
.auctiontextheading,
.auctiontext {
    padding: 3px 10px;
}

.auctiontable.timer,
.auctiontable.bestoffer,
.auctiontable.bestownoffer {
    width: 30%;
}

.auctiontable.bestoffer {
    display: inline-block !important;
    * display: inline;
    * zoom: 1;
    margin: 0 auto;
    * margin: 0 4%;
    float: none;
    * float: left;
}

.auctiontable.bestownoffer {
    float: right !important;
}

.auctiontable .auctionheading,
.auctiontable .auctiontext {
    display: block;
    height: auto;
    width: auto;
}

.auctiontable .auctiontext {
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1.5em;
}

.auctiontable .auctionheading > div {
    font-weight: bold;
    display: inline-block;
    * display: inline;
    * zoom: 1;
    line-height: 1.5em;
    margin-bottom: 5px !important;
}

.auctionheader .auctiontext > div {
    vertical-align: top;
}

.auctiontable .auctiontext > div {
    display: inline-block;
    * display: inline;
    * zoom: 1;
}

.endtimer > p {
    margin: 5px 5px !important;
    font-size: 14px !important;
}

.auctiontable .auctiondesc {
    width: 250px;
}

.auctiontable .auctionorg {
    width: 180px;
}

.auctiontable .auctionend {
    width: 180px;
    text-align: center;
}

.auctiontable .auctionminraise {
    width: 120px;
    text-align: center;
}

.auctiontable .auctionexttime {
    width: 80px;
    text-align: center;
}

.bottomborder {
    border-bottom: solid 1px silver;
    margin-top: 10px;
    padding-top: 5px;
}

.greenbg {
    background-color: #E5FFBC !important;
}

.orangebg {
    background-color: #FFFDC6 !important;
}

.endtimer {
    margin-top: 15px;
    width: 100%;
}


/* THE TABLE IN THE NEW OFFER FORM */

form, table {
    float: none !important;
}

.offertable {
    border-spacing: 0px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-collapse: collapse;
    text-align: center !important;
    width: 100%;

}

.offertable th {
    vertical-align: middle;
}

.offertable .orgname {
    min-width: 260px;
}

.offertable .criteria {
    min-width: 120px !important;
}

.offertable .amount {
    width: 45px !important;
}

.offertable .offerprice {
    width: 100px !important;
}

.offertable .points {
    width: 50px !important;
}

.offertable .newoffer>input {
    width: 60px;
    text-align: right;
}

.offertable th,
.offertable td {
    text-align: center;
    padding: 5px 10px !important;
    line-height: 1.5em;
    border-right: 1px dashed #C2C2C2;
    border-collapse: collapse;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

.offertable td {
    vertical-align: top;
    vertical-align: text-top
}

.offertable th:first-child,
.offertable td:first-child {
    text-align: left;
}

.offertable th:last-child,
.offertable td:last-child {
    border-right: none;
}

.offertable tr.top th { 
    border-bottom: solid 1px #C2C2C2 !important;
    margin-top: 10px;
    padding-top: 5px;
}

.offertable tr.bottom td { 
    border-top: solid 1px #C2C2C2 !important;
    margin-top: 10px;
    padding-top: 5px;
}


/* THE TABLE IN OFFERLIST BLOCK */

.offerlist {
    border-spacing:0;
    border-collapse:collapse;
}

.offerlist td {
    padding: 0 !important;
    vertical-align: text-top;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}
.offerlist td:first-child {
    width: 45px !important;
}

.offerlist td:last-child {
    padding-left: 5px !important;
}

.offerlist .ownoffer {
    width: 85px !important;
}

.alignright {
    text-align: right;
}


/* BUTTONS */

.buttonwrap {
    margin: 15px 0px 0px 0px;
    float: right;
    text-align: right;
    width: 700px;
    clear: both;
}

.buttonwrap #buttons {
    margin: 0 !important;
}

.auctionbutton, 
.auctionbutton:link, 
.auctionbutton: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;
    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;
}

.auctionbutton.active:hover, .auctionbutton.active:active {
    background: #F4F4F4;
    color: #4C9A25;
}

.buttonarrow {
    background: url('../../../kilpailutus/img/rsaquo_888888.png') no-repeat 95% 50% #F0F0F0;
    padding: 5px 30px 5px 15px !important;
    margin: 5px 5px 10px 5px !important;
}

/* Green button */
.auctionbutton.green, 
.auctionbutton.green:visited, 
.auctionbutton.green:link {
    background: url('../../../kilpailutus/img/rsaquo.png') no-repeat 95% 50% #4C9A25;
    border: 1px solid #257325;
    color: white !important;
}
.auctionbutton.green:active, 
.auctionbutton.green:hover {
    background: url('../../../kilpailutus/img/rsaquo.png') no-repeat 95% 50% #59ad46;
    color: white !important;
}

.ui-state-disabled {
    opacity: 1 !important; 
    filter: Alpha(Opacity=100) !important;
}

/* Contract button */
#contractbutton {
    float: right !important;
    margin: 0px;
}


/* ERROR AND SUCCESS MESSAGES, CONFIRMATION BOX */

#offersuccess, .success_message {
    float: left;
    width: 858px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #4C9A25;
    border-radius: 2px;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    color: #4C9A25;
    font-size: 13px;
    padding: 14px 18px;
    margin-bottom: 7px;
}

#auction_cancel_area {
    float: left;
    margin: 10px 0px 20px 10px;
    width: 100%;
}

#auction_cancel_form {
}

#confirmationbox {
    display: none;
    font-size: 13px;
    color: #888888;
}


#buttons_confirmation {
    display: none;
    float: right;
    margin: 0px 10px 0px 0px;
}

#cancel_reason_area {
    display: none;
}

#buttons_confirmation .text_red {
    font-size: 13px !important;
}

#buttons {
    display: block;
    float: right;
    margin: 0px 10px 0px 0px;
}

#buttons, #cancel_reason_area .text_gray {
    font-size: 14px !important;
}

/* THE OWNER'S VIEW */ 

.offers {
    display: inline-block;
    * display: inline;
    * zoom: 1;
    text-align: center;
}

.detaillist {
    vertical-align: top;
    margin: 10px auto;
    display: inline-block;
    * display: inline;
    * zoom: 1;
}

.resizable {
    overflow: hidden;
}

.detaillist .detailrow,
.offers .offerdata {
    display: block;
    padding: 5px 0px;
}

.offers .offerline:hover {
    cursor: pointer;
    font-weight: bold;
}

.offers .offer {
    border-bottom: dashed 1px #C2C2C2 !important;
}

.offers .offerheading {
    border-bottom: solid 1px #C2C2C2 !important;
}

.detaillist .detailrow > div, 
.offers .offerdata > div {
    display: inline-block;
    * display: inline;
    * zoom: 1;
    padding: 1px 0px;
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
    vertical-align: top;
}

.detaillist .detailrow > div:last-child, 
.offers .offerdata > div:last-child {
    border: none !important;
}

.detaillist .detailheading {
    border-bottom: solid 1px #C2C2C2 !important;
}

.detaillist .totalrow {
    border-top: solid 1px #C2C2C2 !important;
}

.offerdata .orgname {
    width: 420px;
    text-align: left;
    margin-left: 7px !important;
}

.offerdata .submittime {
    width: 230px;
}

.offerdata .value {
    width: 170px;
}

.detaillist .detailrow .title {
    width: 255px;
    text-align: left;
    padding-left: 7px;
}

.detaillist .detailrow .amount {
    width: 80px;
}

.detaillist .detailrow .price {
    width: 112px;
    text-align: right;
}

.detaillist .detailrow .points {
    width: 70px;
    text-align: right;
}

.labels {
    float: left;
    margin-right: 18px;
    position: relative;
    width: 210px !important;
}

/* Forgot password form */
#auction_password_retrieve {
    float: left;
    width: 560px;
    margin: 0 !important;
}

/* Auction demo specific styles */
.headerfooter {
    width: 1007px; 
    height: 100%; 
    text-align: left; 
    margin: 7px auto;
    background-image: url('img/body_main.gif');
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 16px;
}
#demotextdiv {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 40px;
    width: 300px;
    float: left;
}
.demotext {
    font-size: 16px;
    float: left;
    margin-right: 5px;
}
.emptytd {
    width: 200px;
}
.buttonlink {
    overflow: visible;
    margin: 0;
    padding: 0;
    border: 0;
    color: #257325;
    background: transparent;
    font: inherit;
    line-height: normal;
    text-decoration: underline;
    cursor: pointer;
    -moz-user-select: text;
}
.buttonlink:hover,
.buttonlink:focus {
    color: #A0A0A0;
}
.buttonlink::-moz-focus-inner {
    padding:0;
    border:0;
}

#auction_navigation {
    float: right;
    width: 450px;
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 20px;
    color: #888888;
}

#selector_text {
    margin: 0px 15px;
}

#choice_selected {
    color: #257325;
    font-weight: bold;
    font-size: 15px;
    text-decoration: underline;
}

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;
}