/* $Rev: 65 $ */
body.samples-style #content{
    background-color: #fff;
}

body.samples-style h1{
    margin-top: 10px;
    padding-left: 27px;
    color:#E66809;
}

body.samples-style #content a:link,
body.samples-style #content a:visited {
    color: #fea330;
    text-decoration: none;
}

body.samples-style #content a:hover,
body.samples-style #content a:focus {
    text-decoration: underline;
}

/*------Table which has bottom shadow under each its row-------*/
table.row-shadowed-bottom{
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
}

table.row-shadowed-bottom td {
    padding-top: 19px;
    padding-bottom: 32px;    
}

table.row-shadowed-bottom td.first-in-row {
    padding-left: 13px;
    background: url('/images/samples/row-shadow-left.png') no-repeat bottom left;
}

table.row-shadowed-bottom td.middle-in-row {
    background: url('/images/samples/row-shadow-middle.png') repeat-x bottom left;
}

table.row-shadowed-bottom td.last-in-row {
    padding-right: 13px;
    background: url('/images/samples/row-shadow-right.png') no-repeat bottom right;
}
/*----------Format of the concrete table #samplesTable-----------*/
table#samplesTable {
    width: 100%;
}

table#samplesTable td {
    vertical-align: top;
}

table#samplesTable td.col-before{
    width: 318px;
}

table#samplesTable td.col-after{
    width: 318px;
}

table#samplesTable td.col-description{
    width: auto;
}


/*--------------Additional layout--------------*/
table#samplesTable td .sample-img-wrapper{
    width: 290px;
    height: 300px;
    padding: 11px 14px 0 14px;
    overflow: hidden;
    position: relative;
    background: url('/images/samples/sample-wrapper-bg.png') no-repeat top left;
}

table#samplesTable td .sample-img-wrapper img{
    width: 100%;
}

span.indicator-before {
    width: 56px;
    height: 28px;
    position: absolute;
    top: 14px;
    right: 14px;
    background: url('/images/samples/before.png') no-repeat top left;
    z-index: 1;
}

span.indicator-after {
    width: 56px;
    height: 28px;
    position: absolute;
    top: 14px;
    right: 14px;
    background: url('/images/samples/after.png') no-repeat top left;
    z-index: 1000;
}

table#samplesTable td.col-description .dl{
    padding-top: 10px;
}

table#samplesTable td.col-description .dl p {
    margin:0 0 8px 0;
    padding: 0;
    font-size: 11px;
    color: #58727b;
    
}

table#samplesTable td.col-description .dl p span.dt{
    font-weight: bold;
    text-align:left;
}

table#samplesTable td.col-description {
    min-height: 274px;
    display: block;
    position: relative;
    padding-bottom: 69px;
}
table#samplesTable td.col-description .buttons {position:absolute; left: 0; bottom: 32px;}

/*Unusual paddings in "a.button-like"
links which were defined for all pages
of the application*/
table#samplesTable td.col-description a.button-like {padding:0 34px 0 0 !important;}
table#samplesTable td.col-description a.button-like span.content-wrapper{padding-left: 34px;}
table#samplesTable td.col-description a.button-like span.content-wrapper span.stub{width: 34px;right: -34px;}

table#samplesTable td.col-description a.button-like-format2 {margin-left: 4px;}