/* 
    Document   : searchExtra
    Created on : Oct 14, 2013, 12:48:11 PM
    Author     : ktabert
    Description:
        Purpose of the stylesheet follows.
*/


div.searchResult.row {
    margin: 0 auto 2px auto;

    /*outline: 2px solid #2b2b2b;
            outline: 2px solid #6b6b6b;
            outline: 2px solid #9b9b9b;*/

    background: rgba(80,80,80,0.55);
    border: 1px solid #706e6c;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.125);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.125);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.125);
    margin-top: 8px;
    cursor: pointer;

    width: 100%;
}

div.searchResult.row:hover {
    background: #666666;
    background: rgba(80,80,80,0.65);
}

div.searchResult.row.noResults {
    height: 50px;
}

div.noResultsInterior {
    padding-left: 20px;
    padding-top: 15px;
}

div.actionsBtn {
    margin: 0 auto;
    float: right;
    position: relative;
}

.boxImage
{
    position:relative;
    display:block ; 
    /* background-color: #fff; */
    /* background: #fb8400; */
    width: 160px;
    height:140px;
    margin:5px;
    padding:5px;
    float:left;
    /*
    
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAPElEQVQYV2P83cLwnwEHuPmagYERlwKQpLooDgUwSZDBGCYgS2IoQJdEUYBNEq4AlyRYwZV8hv8g1+ICADr6Ib1DjKcTAAAAAElFTkSuQmCC) repeat;
    */
}

.max-img-search {
    max-height: 120px;
    max-width: 100px;
    margin-top: 10px;
}

div.savedBox
{
    height: 40px;
    /* width:95%; */
    padding: 0px;
    /* margin: 2px; */
    /* padding-right: 10px; */
    /* margin-bottom: 10px; */
}


.myBoxOptions { position: static; bottom: -53px; height: 1%; }


.myBoxOptions>ul.list { display:none;
                        position:absolute; left:30px; top: 20px; z-index:999;
                        width:200px;
                        z-index: 9999;
                        margin:0; padding:10px; list-style:none;
                        background:#4c4c4c; color:#fff;
                        -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;
                        -moz-box-shadow:0 0 5px #999; -webkit-box-shadow:0 0 5px #999; box-shadow:0 0 5px #999
}

.myBoxOptions>ul.list li {
    padding:10px;
    border-bottom: solid 1px #383838;
}
.myBoxOptions>ul.list li:hover {
    font-size: 110%;
}
.myBoxOptions>ul.list li:last-child { border:none }




.boxDetails
{
    float:left;  
    text-align: left;
    padding: 10px;
}
.itemTitle
{
    width:250px;
    font-size: 22px;

}
.itemDesc
{
    width:200px;
    font-size: 16px;
}

div.tab.row {
    overflow: visible;
}

div.detailsTitle
{
    /* width:100%; */
    /* position: relative; */
    /* bottom:inherit; */
    padding-left: 20px;
    padding-top: 15px;
    font-size: 20px;
    height:32px;
    width: 30%;

    position: relative;
    left: -2px;
    bottom: -1px;

    border-left: 2px solid #2b2b2b;
    border-top: 2px solid #2b2b2b;
    border-right: 2px solid #2b2b2b;
    border-bottom: 1px solid #4a4a4a;



    background: #4a4a4a;
    /* outline-top: 2px solid #2b2b2b; */
    /* outline-right: 2px solid #2b2b2b; */

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.spaceBetweenCategories {
    height: 50px;
}

div.moreResultsLink.row {
    font-size: 20px;
}



div.extraDetails
{
    font-size: 16px;
}



span.searchInfoTitle {
    color: #fff;
    font-size: 16px;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 3px;
    visibility: hidden;
    
}

p.searchInfoItemName {
    font-size: 18px;
    color: #fff;
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

span.searchInfoExtra {
    color: #00a9c9;
    font-size: 16px;
    font-style: italic;
}

p.searchInfo {
    font-size: 15px;
    line-height: 22px;
    color: #fb9228;
}

.batchBox:before {
    content: attr(data-icon);
}

.batchBox {
    font-family: "Batch";
    font-size: 30px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-top: 5px;
}


/* Hacks */


@-moz-document url-prefix() { 


    div.searchResult.row {
        /* outline: none !important; */
        box-shadow: none !important;
    }


}